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 for comments_form.html with is in the couch snippets dir
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 »</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>