Problems, need help? Have a tip or advice? Post it here.
11 posts Page 1 of 2
Hello and thank you for creating such a inventive CMS for people like me, who have for years, tried being a developer, but couldn't.(Until Couchcms)

My problem hopefully is a simple fix. So as I was following the tutorial "Building a real world site" and got all the way to blog-2, to where comments is being setup. I add commentable='1' to the top of the page, in its rightful place. I downloaded the comments_form.html, and put it in the snippets folder. I replaced with <cms:embed 'comments_form.html. All works well. than i reloaded the page logged in as admin. The comments area in the back end popped up. All still works well.

Now when I try to submit a comment, nothing happens, as if the submit button isnt working. I rechecked the code and all seems to be in place. I have setup couchcms 4-5 times before with no problems. Please help me figure this out.

Code for Cloned page is blog.php. I have couch in a folder named c
Code: Select all
<?php require_once( 'c/cms.php'); ?>
<cms:template title='Blog' clonable='1' commentable='1'>
<cms:editable name='blog_content' type='richtext' />
    <cms:editable name='blog_image'
              crop='1'
              width='920'
              height='480'
              type='image'
    />
    <cms:editable name='top_adspace'
              crop='1'
              width='728'
              height='90'
              type='image'
    />
    <cms:editable name='side_adspace'
              crop='1'
              width='300'
              height='250'
              type='image'
    />
   
    <cms:folder name="world" title="World" />
    <<cms:folder name="politics" title="Politics" />
    <cms:folder name="fashion" title="Fasion" />
    <cms:folder name="music" title="Music" />
    <cms:folder name="technology" title="Technology" />
    <cms:folder name="business" title="Business" />
    <cms:folder name="sports" title="Sports" />
    <cms:folder name="social" title="Social" />
    <cms:folder name="videos" title="Videos" />
   
   
</cms:template>

<cms:if k_is_page >
<!DOCTYPE html>
<html lang="en">
   
    <head>
        <!-- META TAGS -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- TEMPLATE TITLE -->
        <title>Featurous.com | <cms:show k_page_title /></title>
        <!-- TEMPLATE ICON -->
        <link rel="icon" href="<cms:show blog_image />">
        <!-- TEMPLATE FONT -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,500,700">
        <!-- STYLESHEET FILES -->
        <!-- Normalize -->
        <link rel="stylesheet" href="css/normalize.css">
        <!-- FontAwesome -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <!-- OwlCarousel -->
        <link rel="stylesheet" href="css/owl.carousel.min.css">
        <link rel="stylesheet" href="css/owl.theme.default.min.css">
        <!-- Main Style -->
        <link rel="stylesheet" href="css/main-style.css">
        <!-- Pages Style -->
        <link rel="stylesheet" href="css/pages.css">
        <!-- Responsive -->
        <link rel="stylesheet" href="css/responsive.css">
        <!-- IE Script Code -->
        <!--[if lt IE 9]>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
        <![endif]-->
    </head>
   
    <body>
        <!-- START OUTER CONTAINER -->
        <div class="outer-container js_plugins_caro">
            <!-- START HEADER -->
            <header>
                <!-- START TOP BAR -->
                <div class="top-bar marg-botm backg-colr">
                    <div class="wrapper">
                        <!-- Start Nav Bar -->
                        <nav>
                            <div class="nav-respon-butt"></div>
                            <ul class="nav-bar up-case">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="about.html">About Us</a></li>
                                <li><a href="teamwork.html">Team Work</a></li>
                                <li><a href="privacy.html">Privacy</a></li>
                                <li><a href="contact.html">Contact</a></li>
                                <li class="drop-menu">
                                    <a href="#">Pages</a>
                                    <ul class="menu backg-colr">
                                        <li><a href="post-left-sidebar.html">Post Left Sidebar</a></li>
                                        <li><a class="active" href="post-right-sidebar.html">Post Right Sidebar</a></li>
                                        <li class="drop-menu">
                                            <a href="#">Other Pages</a>
                                            <ul class="menu backg-colr">
                                                <li><a href="error.html">Error 404</a></li>
                                                <li><a href="archive.html">Archive</a></li>
                                                <li><a href="sitemap.html">Site Map</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="post-fullwidth.html">Post Full Width</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                        <!-- End Nav Bar -->
                       
                        <!-- Start Social Bar -->
                        <ul class="social-bar">
                            <!-- Rss -->
                            <li>
                                <a href="#" title="Rss"><i class="fa fa-rss fa-fw"></i></a>
                            </li>
                            <!-- Facebook -->
                            <li>
                                <a href="#" title="Facebook"><i class="fa fa-facebook fa-fw"></i></a>
                            </li>
                            <!-- Twitter -->
                            <li>
                                <a href="#" title="Twitter"><i class="fa fa-twitter fa-fw"></i></a>
                            </li>
                            <!-- Google Plus -->
                            <li>
                                <a href="#" title="Google Plus"><i class="fa fa-google-plus fa-fw"></i></a>
                            </li>
                            <!-- Youtube -->
                            <li>
                                <a href="#" title="Youtube"><i class="fa fa-youtube fa-fw"></i></a>
                            </li>
                            <!-- Tumblr -->
                            <li>
                                <a href="#" title="Tumblr"><i class="fa fa-tumblr fa-fw"></i></a>
                            </li>
                            <!-- Linkedin -->
                            <li>
                                <a href="#" title="Linkedin"><i class="fa fa-linkedin fa-fw"></i></a>
                            </li>
                            <!-- Instagram -->
                            <li>
                                <a href="#" title="Instagram"><i class="fa fa-instagram fa-fw"></i></a>
                            </li>
                        </ul>
                        <!-- End Social Bar -->
                       
                        <!-- Start Search Bar -->
                        <ul class="search-bar">
                            <li>
                                <form action="search.html">
                                    <i class="fa fa-search main-colr" title="Search"></i>
                                    <input type="text" name="search" value="" placeholder="Search Here Then Hit Enter ...">
                                </form>
                            </li>
                        </ul>
                        <!-- End Search Bar -->
                    </div>
                </div>
                <!-- END TOP BAR -->
               
               
                <!-- START HEAD LOGO -->
                <div class="head-logo wrapper marg-botm">
                    <!-- Start Logo -->
                    <div class="logo">
                        <div class="logo-text up-case">
                            <h1 class="main-colr">Feat</h1>
                            <span>urous</span>
                            <p>Best Features | Quality Content</p>
                        </div>
                        <div class="logo-image">
                            <a href="#"><img src="//placehold.it/320x90/EEE" alt="logo-320x90"></a>
                        </div>
                    </div>
                    <!-- End Logo -->
                   
                    <!-- Start Banner -->
                    <div class="banner">
                        <div class="banner-text">
                            <h2 class="up-case">AdSpace<span> 728 x 90</span></h2>
                        </div>
                        <div class="banner-image">
                            <a href="#" target="_blank"><img src="<cms:show top_adspace />" alt="adspace-728x90"></a>
                        </div>
                    </div>
                    <!-- End Banner -->
                </div>
                <!-- END HEAD LOGO -->
               
               
                <!-- START NAV MENU -->
                <div class="nav-menu wrapper marg-botm">
                    <!-- Start Home -->
                    <div class="home main-colr">
                        <a href="index.html"><i class="fa fa-home shadow" title="Home Page"></i></a>
                    </div>
                    <!-- End Home -->
                   
                    <!-- Start Menu -->
                    <nav>
                        <div class="menu-respon-butt backg-colr up-case">- Menu -</div>
                        <ul class="menu up-case">
                            <li><a href="labels.html">World</a></li>
                            <li><a href="labels.html">Politics</a></li>
                            <li><a href="labels.html">Fashion</a></li>
                            <li><a href="labels.html">Music</a></li>
                            <li><a href="labels.html">Technology</a></li>
                            <li><a href="labels.html">Business</a></li>
                            <li><a href="labels.html">Sports</a></li>
                            <li><a href="labels.html">Social</a></li>
                            <li><a href="post-videos.html">Videos</a></li>
                        </ul>
                    </nav>
                    <!-- End Menu -->
                </div>
                <!-- END NAV MENU -->
            </header>
            <!-- END HEADER -->
           
           
            <!-- START SECTION -->
            <div class="section">
                <div class="wrapper">
                    <!-- START POST RIGHT SIDEBAR PAGE -->
                    <div class="post-right-sidebar pages full-padd marg-botm">
                        <div class="post-wrap">
                           
                           
                            <!-- Start Post Head -->
                            <div class="post-head">
                                <h2 class="post-title main-padd"><a href="#"><cms:show k_page_title /></a></h2>
                                <span class="post-info main-padd">
                                    <span class="p-writer">
                                        <a href="#"><i class="fa fa-user" title="Author"></i>Author Name</a>
                                    </span>
                                    <span class="p-date">
                                        <a href="" title="Published: <cms:date k_page_date format='jS M, y'/>"><i class="fa fa-clock-o"></i><cms:date k_page_date format='jS M, y'/></a>
                                    </span>
                                    <span class="p-categ">
                                    <cms:if k_page_foldertitle >
                                      <cms:set my_category=k_page_foldertitle />
                                    <cms:else />
                                      <cms:set my_category='Uncategorised' />
                                    </cms:if> 
                                        <i class="fa fa-folder-open" title="Category"></i><cms:show my_category />
                                    </span>
                                    <span class="p-comments">
                                        <a href="#"><i class="fa fa-comments" title="Comments"></i><cms:show k_comments_count /></a>
                                    </span>
                                    <span class="p-views">
                                        <i class="fa fa-eye" title="Views"></i>580 Views
                                    </span>
                                </span>
                            </div>
                            <!-- End Post Head -->
                           
                            <!-- Start Post Content -->
                            <div class="post-content">
                                <div class="post-img">
                                    <img src="<cms:show blog_image />">
                                </div>
                                <div class="post-body padd-top">
                               
                                    <cms:show blog_content />
                                   
                                </div>
                            </div>
                            <!-- End Post Content -->
                           
                            <!-- Start Post Footer -->
                            <div class="post-footer padd-top">
                                <!-- Start Tags -->
                                <div class="tags full-padd marg-botm pst-fotr-box">
                                    <span class="up-case">Article Tags:</span>
                                    <ul>
                                        <li><a href="#">Cat</a></li>
                                        <li><a href="#">Facts</a></li>
                                        <li><a href="#">Animals</a></li>
                                        <li><a href="#">Believe</a></li>
                                    </ul>
                                </div>
                                <!-- End Tags -->
                               
                                <!-- Start Share -->
                                <div class="share full-padd marg-botm pst-fotr-box">
                                    <div class="headline up-case">
                                        <h3>Share Article</h3>
                                    </div>
                                    <ul>
                                        <li>
                                            <a href="#" title="Facebook">
                                                <i class="fa fa-facebook facebook-bg fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Twitter">
                                                <i class="fa fa-twitter twitter-bg fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Google Plus">
                                                <i class="fa fa-google-plus google-plus-bg fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Linkedin">
                                                <i class="fa fa-linkedin linkedin-bg fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Whats App">
                                                <i class="fa fa-whatsapp whatsapp-bg fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Pinterest">
                                                <i class="fa fa-pinterest pinterest-bg fa-fw"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- End Share -->
                               
                                <!-- Start Author -->
                                <div class="author full-padd marg-botm pst-fotr-box">
                                    <div class="author-img">
                                        <img src="//placehold.it/265x265/EEE" alt="img-girl">
                                    </div>
                                    <div class="author-info">
                                        <h3 class="author-name">Author Name</h3>
                                        <p class="author-details">
                                            Author is Lorem ipsum no has veniam elaboraret constituam. ne nibh posidonium vel, Has ad
                                            quaeque omittantur.
                                        </p>
                                        <span>
                                            Website :<a href="#">www.DwightBlackwell.com</a>
                                        </span>
                                    </div>
                                    <ul class="author-social">
                                        <li>
                                            <a href="#" title="Facebook">
                                                <i class="fa fa-facebook fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Twitter">
                                                <i class="fa fa-twitter fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Google Plus">
                                                <i class="fa fa-google-plus fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Linkedin">
                                                <i class="fa fa-linkedin fa-fw"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="Instagram">
                                                <i class="fa fa-instagram fa-fw"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- End Author -->
                               
                                <!-- Start Related -->
                                <div class="related full-padd marg-botm pst-fotr-box">
                                    <div class="headline up-case">
                                        <h3>Related Articles</h3>
                                    </div>
                                    <div id="caro-slider" class="owl-carousel owl-theme">
                                        <!-- Slide 1 -->
                                        <div class="item">
                                            <div class="post-img">
                                                <div>
                                                    <img src="//placehold.it/1920x1280/EEE" alt="img10">
                                                    <div class="post-share">
                                                        <span class="post-share-butt">
                                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                                        </span>
                                                        <div class="post-share-ico">
                                                            <a href="#" title="Facebook">
                                                                <i class="fa fa-facebook facebook-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Twitter">
                                                                <i class="fa fa-twitter twitter-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Google Plus">
                                                                <i class="fa fa-google-plus google-plus-bg" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post padd-top">
                                                <h3 class="post-title"><a href="#">Planning a trip to the beach this summer</a></h3>
                                                <span class="post-info up-case">
                                                    <span class="p-writer">
                                                        <a href="#"><i class="fa fa-user"></i>Somebody</a>
                                                    </span>
                                                    <span class="p-date">
                                                        <a href="#"><i class="fa fa-clock-o"></i>January 31, 2017</a>
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- Slide 2 -->
                                        <div class="item">
                                            <div class="post-img">
                                                <div>
                                                    <img src="//placehold.it/1920x1280/EEE" alt="img9">
                                                    <div class="post-share">
                                                        <span class="post-share-butt">
                                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                                        </span>
                                                        <div class="post-share-ico">
                                                            <a href="#" title="Facebook">
                                                                <i class="fa fa-facebook facebook-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Twitter">
                                                                <i class="fa fa-twitter twitter-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Google Plus">
                                                                <i class="fa fa-google-plus google-plus-bg" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post padd-top">
                                                <h3 class="post-title"><a href="#">Essential tips to keep up with fashion trends</a></h3>
                                                <span class="post-info up-case">
                                                    <span class="p-writer">
                                                        <a href="#"><i class="fa fa-user"></i>Somebody</a>
                                                    </span>
                                                    <span class="p-date">
                                                        <a href="#"><i class="fa fa-clock-o"></i>January 31, 2017</a>
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- Slide 3 -->
                                        <div class="item">
                                            <div class="post-img">
                                                <div>
                                                    <img src="//placehold.it/1920x1280/EEE" alt="img8">
                                                    <div class="post-share">
                                                        <span class="post-share-butt">
                                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                                        </span>
                                                        <div class="post-share-ico">
                                                            <a href="#" title="Facebook">
                                                                <i class="fa fa-facebook facebook-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Twitter">
                                                                <i class="fa fa-twitter twitter-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Google Plus">
                                                                <i class="fa fa-google-plus google-plus-bg" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post padd-top">
                                                <h3 class="post-title"><a href="#">Music is the best way to attain peace of mind</a></h3>
                                                <span class="post-info up-case">
                                                    <span class="p-writer">
                                                        <a href="#"><i class="fa fa-user"></i>Somebody</a>
                                                    </span>
                                                    <span class="p-date">
                                                        <a href="#"><i class="fa fa-clock-o"></i>January 31, 2017</a>
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- Slide 4 -->
                                        <div class="item">
                                            <div class="post-img">
                                                <div>
                                                    <img src="//placehold.it/1920x1280/EEE" alt="img7">
                                                    <div class="post-share">
                                                        <span class="post-share-butt">
                                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                                        </span>
                                                        <div class="post-share-ico">
                                                            <a href="#" title="Facebook">
                                                                <i class="fa fa-facebook facebook-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Twitter">
                                                                <i class="fa fa-twitter twitter-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Google Plus">
                                                                <i class="fa fa-google-plus google-plus-bg" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post padd-top">
                                                <h3 class="post-title"><a href="post-left-sidebar.html">How to become a great guitar player?</a></h3>
                                                <span class="post-info up-case">
                                                    <span class="p-writer">
                                                        <a href="#"><i class="fa fa-user"></i>Somebody</a>
                                                    </span>
                                                    <span class="p-date">
                                                        <a href="#"><i class="fa fa-clock-o"></i>January 31, 2017</a>
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- Slide 5 -->
                                        <div class="item">
                                            <div class="post-img">
                                                <div>
                                                    <img src="//placehold.it/1920x1280/EEE" alt="img6">
                                                    <div class="post-share">
                                                        <span class="post-share-butt">
                                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                                        </span>
                                                        <div class="post-share-ico">
                                                            <a href="#" title="Facebook">
                                                                <i class="fa fa-facebook facebook-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Twitter">
                                                                <i class="fa fa-twitter twitter-bg" aria-hidden="true"></i>
                                                            </a>
                                                            <a href="#" title="Google Plus">
                                                                <i class="fa fa-google-plus google-plus-bg" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post padd-top">
                                                <h3 class="post-title"><a href="#">Is technology making our lives easier or not?</a></h3>
                                                <span class="post-info up-case">
                                                    <span class="p-writer">
                                                        <a href="#"><i class="fa fa-user"></i>Somebody</a>
                                                    </span>
                                                    <span class="p-date">
                                                        <a href="#"><i class="fa fa-clock-o"></i>January 31, 2017</a>
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Related -->
                               
                                <!-- Start Nav -->
                                <div class="nav full-padd marg-botm pst-fotr-box">
                                    <div class="headline up-case">
                                        <h3>You May Also Read</h3>
                                    </div>
                                    <!-- Prev Post -->
                                    <div class="prev-post">
                                        <a class="nav-butt" href="post-fullwidth.html">Prev Post</a>
                                        <div class="nav-post">
                                            <div class="post-img">
                                                <div>
                                                    <img src="//placehold.it/1920x1280/EEE" alt="img1">
                                                </div>
                                            </div>
                                            <div class="post padd-top">
                                                <div>
                                                    <h2 class="post-title"><a href="#">Five fantastic reasons to visit Paris every year with friends</a></h2>
                                                    <span class="post-info up-case">
                                                        <span class="p-writer">
                                                            <a href="#"><i class="fa fa-user"></i>Somebody</a>
                                                        </span>
                                                        <span class="p-date">
                                                            <a href="#"><i class="fa fa-clock-o"></i>January 31, 2017</a>
                                                        </span>
                                                        <span class="p-comments">
                                                            <a href="#"><i class="fa fa-comments"></i>7 Comments</a>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Next Post -->
                                    <div class="next-post">
                                        <a class="nav-butt" href="post-left-sidebar.html">Next Post</a>
                                        <div class="nav-post">
                                            <div class="post-img">
                                                <div>
                                                    <img src="//placehold.it/1920x1280/EEE" alt="img7">
                                                </div>
                                            </div>
                                            <div class="post padd-top">
                                                <div>
                                                    <h2 class="post-title"><a href="#">How to become a great guitar player?</a></h2>
                                                    <span class="post-info up-case">
                                                        <span class="p-writer">
                                                            <a href="#"><i class="fa fa-user"></i>Somebody</a>
                                                        </span>
                                                        <span class="p-date">
                                                            <a href="#"><i class="fa fa-clock-o"></i>January 31, 2017</a>
                                                        </span>
                                                        <span class="p-comments">
                                                            <a href="#"><i class="fa fa-comments"></i>7 Comments</a>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Nav -->
                               
                                <!-- Start Comments -->
                                <div class="comments full-padd marg-botm pst-fotr-box">
                                    <div class="headline up-case">
                                        <h3>Article Comments</h3>
                                    </div>
                                    <!-- Comments Bar -->
                                    <div class="comments-wrap">
                                        <ul class="bar up-case">
                                            <!-- Site Comments - Tab1 -->
                                            <li>
                                                <a class="backg-colr" href="#site">Site Comments</a>
                                            </li>
                                            <!-- Facebook Comments - Tab2 -->
                                            <li>
                                                <a class="facebook-bg" href="#face">Facebook Comments</a>
                                            </li>
                                            <!-- Disqus Comments - Tab3 -->
                                            <li>
                                                <a class="disqus-bg" href="#disq">Disqus Comments</a>
                                            </li>
                                        </ul>
                                        <!-- Comments Contents -->
                                        <div class="contents padd-top">
                                            <!-- Site Comments - Tab1 -->
                                            <div class="comm" id="site">
                                                <div class="comm-count up-case">
                                                    <span>(5)</span>Comments
                                                    <a class="lve-com-butt backg-colr" href="#leave">Leave Comment</a>
                                                </div>
                                                <ul class="comments-list">
                                                    <!-- Comment 1 -->
                                                    <li class="comnt full-padd">
                                                        <div class="comnt-body">
                                                            <div class="commenter-img">
                                                                <img src="//placehold.it/265x265/EEE" alt="img-girl">
                                                            </div>
                                                            <div class="comnt-details">
                                                                <h3 class="commenter-name">Somebody #1</h3>
                                                                <span class="comnt-info">
                                                                    <span><i class="fa fa-clock-o"></i>January 31, 2017 </span>
                                                                    <span class="time">12:00 AM</span>
                                                                </span>
                                                                <p class="comnt-text">
                                                                    Quisque nec turpis et leo accumsan iaculis. Nullam vel velit in nisi
                                                                    dictum consectetur non et massa.
                                                                </p>
                                                                <a class="reply" href="#">Leave a reply</a>
                                                            </div>
                                                            <!-- Children Comments -->
                                                            <ul class="comnt-children">
                                                                <!-- Child Comment 1 -->
                                                                <li class="comnt full-padd">
                                                                    <div class="comnt-body">
                                                                        <div class="commenter-img">
                                                                            <img src="//placehold.it/265x265/EEE" alt="img-man">
                                                                        </div>
                                                                        <div class="comnt-details">
                                                                            <h3 class="commenter-name">Somebody</h3>
                                                                            <span class="comnt-info">
                                                                                <span><i class="fa fa-clock-o"></i>January 31, 2017 </span>
                                                                                <span class="time">12:07 AM</span>
                                                                            </span>
                                                                            <p class="comnt-text">
                                                                                Quisque nec turpis et leo accumsan iaculis. Nullam vel velit in nisi
                                                                                dictum consectetur non et massa.
                                                                            </p>
                                                                            <a class="reply" href="#">Leave a reply</a>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <!-- Child Comment 2 -->
                                                                <li class="comnt full-padd">
                                                                    <div class="comnt-body">
                                                                        <div class="commenter-img">
                                                                            <img src="//placehold.it/265x265/EEE" alt="img-girl">
                                                                        </div>
                                                                        <div class="comnt-details">
                                                                            <h3 class="commenter-name">Somebody</h3>
                                                                            <span class="comnt-info">
                                                                                <span><i class="fa fa-clock-o"></i>January 31, 2017 </span>
                                                                                <span class="time">12:18 AM</span>
                                                                            </span>
                                                                            <p class="comnt-text">
                                                                                Quisque nec turpis et leo accumsan iaculis. Nullam vel velit in nisi
                                                                                dictum consectetur non et massa.
                                                                            </p>
                                                                            <a class="reply" href="#">Leave a reply</a>
                                                                        </div>
                                                                        <!-- Children Comments -->
                                                                        <ul class="comnt-children">
                                                                            <!-- Child Comment 1 -->
                                                                            <li class="comnt full-padd">
                                                                                <div class="comnt-body">
                                                                                    <div class="commenter-img">
                                                                                        <img src="//placehold.it/265x265/EEE" alt="img-man">
                                                                                    </div>
                                                                                    <div class="comnt-details">
                                                                                        <h3 class="commenter-name">Somebody</h3>
                                                                                        <span class="comnt-info">
                                                                                            <span><i class="fa fa-clock-o"></i>January 31, 2017 </span>
                                                                                            <span class="time">12:20 AM</span>
                                                                                        </span>
                                                                                        <p class="comnt-text">
                                                                                            Quisque nec turpis et leo accumsan iaculis. Nullam vel velit in nisi
                                                                                            dictum consectetur non et massa.
                                                                                        </p>
                                                                                        <a class="reply" href="#">Leave a reply</a>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <!-- Child Comment 2 -->
                                                                            <li class="comnt full-padd">
                                                                                <div class="comnt-body">
                                                                                    <div class="commenter-img">
                                                                                        <img src="//placehold.it/265x265/EEE" alt="img-girl">
                                                                                    </div>
                                                                                    <div class="comnt-details">
                                                                                        <h3 class="commenter-name">Somebody</h3>
                                                                                        <span class="comnt-info">
                                                                                            <span><i class="fa fa-clock-o"></i>January 31, 2017 </span>
                                                                                            <span class="time">12:20 AM</span>
                                                                                        </span>
                                                                                        <p class="comnt-text">
                                                                                            Quisque nec turpis et leo accumsan iaculis. Nullam vel velit in nisi
                                                                                            dictum consectetur non et massa.
                                                                                        </p>
                                                                                        <a class="reply" href="#">Leave a reply</a>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <!-- Comment 2 -->
                                                    <li class="comnt full-padd">
                                                        <div class="comnt-body">
                                                            <div class="commenter-img">
                                                                <img src="//placehold.it/265x265/EEE" alt="img-man">
                                                            </div>
                                                            <div class="comnt-details">
                                                                <h3 class="commenter-name">Somebody #2</h3>
                                                                <span class="comnt-info">
                                                                    <span><i class="fa fa-clock-o"></i>January 31, 2017 </span>
                                                                    <span class="time">12:39 AM</span>
                                                                </span>
                                                                <p class="comnt-text">
                                                                    Quisque nec turpis et leo accumsan iaculis. Nullam vel velit in nisi
                                                                    dictum consectetur non et massa.
                                                                </p>
                                                                <a class="reply" href="#">Leave a reply</a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <!-- Leave Comment -->
                                                <div class="title up-case" id="leave">Leave Comment</div>
                                               
                                                <cms:embed 'comments_form.html' />
                                               
                                            </div>
                                            <!-- Facebook Comments - Tab2 -->
                                            <div class="comm" id="face">
                                                <!-- Script in bottom of this page -->
                                                <div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-width="100%" data-numposts="5">
                                                </div>
                                            </div>
                                            <!-- Disqus Comments - Tab3 -->
                                            <div class="comm" id="disq">
                                                <!-- Script in bottom of this page -->
                                                <div id="disqus_thread"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Comments -->
                            </div>   
                            <!-- End Post Footer -->
                        </div>
                    </div>
                    <!-- END POST RIGHT SIDEBAR PAGE -->
                   
                   
                    <!-- START SIDEBAR CONTENT -->
                    <cms:embed 'blog_sidebar.html' />
                    <!-- END SIDEBAR CONTENT -->
                </div>
            </div>
            <!-- END SECTION -->
           
           
            <!-- START FOOTER -->
            <cms:embed 'blog_footer.html' />
            <!-- END FOOTER -->
        </div>
        <!-- END OUTER CONTAINER -->
       
       
        <!-- SCRIPT FILES -->
        <!-- jQuery -->
        <script src="js/jquery-3.2.1.min.js"></script>
        <!-- OwlCarousel -->
        <script src="js/owl.carousel.min.js"></script>
        <!-- Facebook Comments -->
        <script>
            (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "http://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=579266262264977";
            fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>
        <!-- Disqus Comments -->
        <script>
            /**
            *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
            *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
            /*
            var disqus_config = function () {
            this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
            this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
            };
            */
            (function() { // DON'T EDIT BELOW THIS LINE
            var d = document, s = d.createElement('script');
            s.src = 'https://mesh-t.disqus.com/embed.js';
            s.setAttribute('data-timestamp', +new Date());
            (d.head || d.body).appendChild(s);
            })();
        </script>
        <!-- Main Script -->
        <script src="js/main-script.js"></script>
    </body>
   
</html>
<cms:else />
<cms:embed 'archive.html' />
</cms:if>
<?php COUCH::invoke(); ?>]


Code for comments_form.html with is in the couch snippets dir

Code: Select all
<cms:if k_is_commentable >
   <div class="comment-form " >

      <cms:form method="post" class="k_form full-padd">

         <cms:if k_success >
         
            <cms:process_comment />

            <cms:if k_process_comment_success>
                                    <cms:dump_all />
               <cms:send_mail from=k_email_from to=k_email_to subject='Comment posted'>
                  The following comment has been posted at your site:
                  <cms:show k_success />
               </cms:send_mail>
                  
               <div class="k_successmessage">
                  <p>
                     Thank you for the feed back! <br>
                     Your comment awaits moderation and will be published as soon as reviewed by the Admin.
                  </p>
               </div>
            <cms:else />
               <div class="k_errormessage">
                  <p>
                     Could not post comment! <br>
                     The following error occured while processing your comment:<br>
                     <cms:show k_process_comment_error />
                  </p>
               </div>
            
            </cms:if>
            
         <cms:else />
         
            <cms:if k_error >
               <div class="k_errormessage">
                  <h2>Fields incomplete!</h2>
                  <ul>
                     <cms:each k_error >
                        <li><cms:show item /></li>
                     </cms:each>
                  </ul>
               </div>
            </cms:if>
            
            <cms:if k_logged_out >
               <p class="comment-input">
                  <cms:input type="text" name="k_author" size="22" tabindex="1" required="1"/>
                  <label for="author"><small>Name *</small></label>
               </p>

               <p class="comment-input">
                  <cms:input type="text" name="k_email" size="22" tabindex="2" validator="email" required="1"/>
                  <label for="email"><small>Email * (will not be published)</small></label>
               </p>

               <p class="comment-input">
                  <input type="text" name="k_link" value="https://" size="22" tabindex="3" />
                  <label for="link"><small>Website</small></label>
               </p>
            <cms:else />
               <p>
                  Logged in as <b><cms:show k_user_title /></b>.
                  <a href="<cms:show k_logout_link />" onclick="if( confirm('Are you sure you want to logout?') ) { return true; } return false;">Logout &raquo;</a>
               </p>
            </cms:if>
            
            <p class="comment-input">
               <cms:input type="textarea" name="k_comment" style="width:93%" rows="10" cols="10" tabindex="4"
                  validator_msg="required=Please enter something as comment"
                  required="1"/>
               
               <br>
               <p>
               <cms:html_encode>
                  You can use the following HTML tags: <a><br><strong><b><em><i><blockquote><pre><code><ul><ol><li><del>
               </cms:html_encode>
               </p>
            </p>

            <cms:if k_logged_out >
               <p class="comment-input">
                  <label for="captcha"><small>Please enter this word in the textbox below</small></label><br>
                  <cms:input type="captcha" name="captcha" format='i-r-t' />
               </p>
            </cms:if>

            <cms:input type="submit" value="Send Comment" name="submit" class="backg-colr up-case"/>

         </cms:if>
      </cms:form>
      
   </div>
</cms:if>
Hi,

Could you please try removing all HTML temporarily form the template leaving behind only the comment form?
Try submitting the form now and see if it works. Please let me know.
Hi KK. I removed all the html I added in to customize the look of the form. I am now using, the comments_form.html, that was downloaded from the tutorials docs. Still not working.

Code comments_form.html of tutorials docs
Code: Select all
<cms:if k_is_commentable >
   <div class="comment-form" >

      <cms:form method="post" class="k_form">

         <cms:if k_success >
         
            <cms:process_comment />

            <cms:if k_process_comment_success>
               <cms:send_mail from=k_email_from to=k_email_to subject='Comment posted'>
                  The following comment has been posted at your site:
                  <cms:show k_success />
               </cms:send_mail>
                  
               <div class="k_successmessage">
                  <p>
                     Thank you for the feed back! <br>
                     Your comment awaits moderation and will be published as soon as reviewed by the Admin.
                  </p>
               </div>
            <cms:else />
               <div class="k_errormessage">
                  <p>
                     Could not post comment! <br>
                     The following error occured while processing your comment:<br>
                     <cms:show k_process_comment_error />
                  </p>
               </div>
            
            </cms:if>
            
         <cms:else />
         
            <cms:if k_error >
               <div class="k_errormessage">
                  <h2>Fields incomplete!</h2>
                  <ul>
                     <cms:each k_error >
                        <li><cms:show item /></li>
                     </cms:each>
                  </ul>
               </div>
            </cms:if>
            
            <cms:if k_logged_out >
               <p class="comment-input">
                  <cms:input type="text" name="k_author" size="22" tabindex="1" required="1"/>
                  <label for="author"><small>Name *</small></label>
               </p>

               <p class="comment-input">
                  <cms:input type="text" name="k_email" size="22" tabindex="2" validator="email" required="1"/>
                  <label for="email"><small>Email * (will not be published)</small></label>
               </p>

               <p class="comment-input">
                  <input type="text" name="k_link" value="http://" size="22" tabindex="3" />
                  <label for="link"><small>Website</small></label>
               </p>
            <cms:else />
               <p>
                  Logged in as <b><cms:show k_user_title /></b>.
                  <a href="<cms:show k_logout_link />" onclick="if( confirm('Are you sure you want to logout?') ) { return true; } return false;">Logout &raquo;</a>
               </p>
            </cms:if>
            
            <p class="comment-input">
               <cms:input type="textarea" name="k_comment" style="width:93%" rows="10" cols="10" tabindex="4"
                  validator_msg="required=Please enter something as comment"
                  required="1" />
               
               <br>
               <small>
               <cms:html_encode>
                  You can use the following HTML tags: <a><br><strong><b><em><i><blockquote><pre><code><ul><ol><li><del>
               </cms:html_encode>
               </small>
            </p>

            <cms:if k_logged_out >
               <p class="comment-input">
                  <label for="captcha"><small>Please enter this word in the textbox below</small></label><br>
                  <cms:input type="captcha" name="captcha" format='i-r-t' />
               </p>
            </cms:if>

            <cms:input type="submit" value="Submit" name="submit"/>

         </cms:if>
      </cms:form>
      
   </div>
</cms:if>
Ok, I copy/pasted the exact code you are using on one of my template and it is working just fine for me.

So, what exactly is not working for you?
Is the comment not being posted? Please check the 'comments' section in admin-panel to see if the comment is going through to the database.

If you can see the comment there, then your code is working. You need to only display back the submitted contents on the front-end - are you sure you have implemented the "Listing comments" part that follows the submission part in the tutorial?
So, what exactly is not working for you?
Is the comment not being posted?


1. The comments are NOT being posted to the back end.

Please check the 'comments' section in admin-panel to see if the comment is going through to the database.


2 When i fill in the comments textarea, and push submit, NOTHING HAPPENS.

If you can see the comment there, then your code is working. You need to only display back the submitted contents on the front-end -


3.(In Sidebar) Comments link is activated, In the back end, but no comments show when the page loads.

are you sure you have implemented the "Listing comments" part that follows the submission part in the tutorial?


4. No i have not created the listing part, following the tutorial as described and stopped at this point. Should i complete the list part and check back.

p.s. Im on a live server if you need ftp info to check this out. Much thanks.
Please PM me the access creds (FTP+Couch).
Thanks. I'll also require Couch admin access, so please get me those too.

In the meanwhile, from what I could see, it seems to be squarely a front-end issue - something in your markup/JS is not allowing the form to be submitted. Couch is a server-side entity so it is nowhere in the scene at this point (will take over only once the form is submitted and the data reaches the server).

I'd say you need to take another look at the markup.
PM'ed you that couch info.

I should have known that it was markup or js. KK you are the best there is? Ill update you on my find in the markup.

Thanks 1000's
I back on track now KK.

Original Comment form code was:

Code: Select all
div class="title up-case" id="leave">Leave Comment</div>
                                                <form class="full-padd" method=post' action="#">
                                                    <span>Required Fields Are Marked *</span>
                                                    <label>Name *</label>
                                                    <input type="text">
                                                    <label>Mail *</label>
                                                    <input type="email">
                                                    <label>Website</label>
                                                    <input type="url">
                                                    <label>Comment *</label>
                                                    <textarea class="full-padd" placeholder="Type Your Comment ..."></textarea>
                                                    <input class="backg-colr up-case" type="submit" value="Send Comment">
                                                </form>


My none smartness left out the form element when I replaced with comments_form.html.

Now html is correct. All I need to know is what to put in the form action attribute (action="?"). Seems the submit button won't work without the forms actions.


This is my code know. Is this right?

Code: Select all
<form class="full-padd" method=post' action="#">
<cms:if k_is_commentable >
   <div class="comment-form full-padd" >

      <cms:form method="post" class="k_form">

         <cms:if k_success >
         
            <cms:process_comment />

            <cms:if k_process_comment_success>
               <cms:send_mail from=k_email_from to=k_email_to subject='Comment posted'>
                  The following comment has been posted at your site:
                  <cms:show k_success />
               </cms:send_mail>
                  
               <div class="k_successmessage">
                  <p>
                     Thank you for the feed back! <br>
                     Your comment awaits moderation and will be published as soon as reviewed by the Admin.
                  </p>
               </div>
            <cms:else />
               <div class="k_errormessage">
                  <p>
                     Could not post comment! <br>
                     The following error occured while processing your comment:<br>
                     <cms:show k_process_comment_error />
                  </p>
               </div>
            
            </cms:if>
            
         <cms:else />
         
            <cms:if k_error >
               <div class="k_errormessage">
                  <h2>Fields incomplete!</h2>
                  <ul>
                     <cms:each k_error >
                        <li><cms:show item /></li>
                     </cms:each>
                  </ul>
               </div>
            </cms:if>
            
            <cms:if k_logged_out >
               <p class="comment-input">
                  <cms:input type="text" name="k_author" size="22" tabindex="1" required="1"/>
                  <label for="author"><small>Name *</small></label>
               </p>

               <p class="comment-input">
                  <cms:input type="text" name="k_email" size="22" tabindex="2" validator="email" required="1"/>
                  <label for="email"><small>Email * (will not be published)</small></label>
               </p>

               <p class="comment-input">
                  <input type="text" name="k_link" value="http://" size="22" tabindex="3" />
                  <label for="link"><small>Website</small></label>
               </p>
            <cms:else />
               <p>
                  Logged in as <b><cms:show k_user_title /></b>.
                  <a href="<cms:show k_logout_link />" onclick="if( confirm('Are you sure you want to logout?') ) { return true; } return false;">Logout &raquo;</a>
               </p>
            </cms:if>
            
            <p class="comment-input">
               <cms:input type="textarea" name="k_comment" style="width:93%" rows="10" cols="10" tabindex="4"
                  validator_msg="required=Please enter something as comment"
                  required="1" />
               
               <br>
               <small>
               <cms:html_encode>
                  You can use the following HTML tags: <a><br><strong><b><em><i><blockquote><pre><code><ul><ol><li><del>
               </cms:html_encode>
               </small>
            </p>

            <cms:if k_logged_out >
               <p class="comment-input">
                  <label for="captcha"><small>Please enter this word in the textbox below</small></label><br>
                  <cms:input type="captcha" name="captcha" format='i-r-t' />
               </p>
            </cms:if>

            <cms:input type="submit" value="Send Comment" name="submit" class="backg-colr up-case" />

         </cms:if>
      </cms:form>
      
   </div>
</cms:if>
</form>
I figured it out.

I Removed the js code to handle forms submit, and it works.

Thank you again KK :D :D :D
11 posts Page 1 of 2

Who is online

In total there are 5 users online :: 0 registered, 0 hidden and 5 guests
(based on users active over the past 5 minutes)

Users browsing this forum: No registered users and 5 guests