I am working on my blog/tutorial site and I have it set up so the main page displays my content and the user can click on an individual entry and go to a page that displays just that entry through my "video_tutorial" template. I have the comment module installed and have been adding in some comment tags and such, however nothing is showing up. So I am not sure if I am using the wrong tags or what, so I thought I would start over and get some feedback first.
I am not sure if this is something I just need to enable somewhere in expression engine or if I need to use another language. I just need the user to be able to enter a name and a comment. I have seen some examples of adding facebook logins, I don't need to go that direction, if Expression Engine has a commenting system built in that would work for me assuming I can still style it.
http://ellislab.com/expressionengine/user-guide/modules/comment/index.html#id11 I have used this as a basis and I used the code it has in the "comment submission form" area thinking that would assist me but to no success. I swapped out the channel with what I needed too. Any help is greatly appreciated. Thank you!
Here is my code for my "video_tutorial" template which is set up to show a single entry and I want the comment section to go underneath there for users to discuss the content of the video or learn among themselves as well.
Revised Code in my video_tutorial/comment template group/template
{exp:comment:form channel="video_tutorial" url_title="video_tutorial/comment" preview="channel/preview"}
{if logged_out}
<label for="name">Name:</label> <input type="text" name="name" value="{name}" size="50" /><br />
<label for="email">Email:</label> <input type="text" name="email" value="{email}" size="50" /><br />
<label for="location">Location:</label> <input type="text" name="location" value="{location}" size="50" /><br />
<label for="url">URL:</label> <input type="text" name="url" value="{url}" size="50" /><br />
{/if}
<label for="comment">Comment:</label><br />
<textarea name="comment" cols="70" rows="10">{comment}</textarea>
<label><input type="checkbox" name="save_info" value="yes" {save_info} /> Remember my personal information</label><br />
<label><input type="checkbox" name="notify_me" value="yes" {notify_me} /> Notify me of follow-up comments?</label><br />
{if captcha}
<label for="captcha">Please enter the word you see in the image below:</label><br />
<p>{captcha}<br />
<input type="text" name="captcha" value="{captcha_word}" maxlength="20" /></p>
{/if}
<input type="submit" name="submit" value="Submit" />
<input type="submit" name="preview" value="Preview" />
{/exp:comment:form}
Here is my code for my video_tutorial template group.
<!DOCTYPE html>
<html>
<head>
<title>Reanimated Fallout | Animation & Motion Graphics Tutorials, Training & More</title>
<!-- stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="{stylesheet=fallout_stylesheet/fallout_css}" />
</head>
<header>
<div id="buttonbar">
<div class="wrapper">
<div id="navigation">
<div id="logo">
<a href= "http://reanimatedfallout.com/index.php?/reanimatedfallout"><img src="images/reanimated_fallout_logo.png"></a>
</div>
</div>
</div>
</div>
<!-- navigation buttons -->
<div class="wrapper">
<ul id="buttons">
<li>
<a href= "http://reanimatedfallout.com/index.php?/after_effects"><img src="images/navigation/after_effects_btn.png"></a>
</li>
<li>
<a href= "http://reanimatedfallout.com/index.php?/cinema_4d"><img src="images/navigation/cinema_4d_btn.png"></a>
</li>
<li>
<a href= "http://reanimatedfallout.com/index.php?/photoshop"><img src="images/navigation/photoshop_btn.png"></a>
</li>
<li>
<a href= "http://reanimatedfallout.com/index.php?/premiere"><img src="images/navigation/premiere_btn.png"></a>
</li>
<li>
<a href= "http://reanimatedfallout.com/index.php?/reviews"><img src="images/navigation/reviews_btn.png"></a>
</li>
<li>
<a href= "http://reanimatedfallout.com/index.php?/apple"><img src="images/navigation/apple_btn.png"></a>
</li>
<li>
<a href= "http://reanimatedfallout.com/index.php?/about"><img src="images/navigation/about_btn.png"></a>
</li>
</div>
</ul>
</header>
<body>
{exp:channel:entries channel="video_tutorials" limit="1" sort="entry_date" order="desc"}
{if count==1}
<div class="wrapper">
<div class="video_large">
<h1><a href="{title_permalink="video_tutorial}">{video_tutorial_title}</a></h1>
<div class="large_reposition">
<iframe src="http://player.vimeo.com/video/{video_tutorial_link}?title=0&byline=0&portrait=0" width="900" height="506" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<h3>{video_tutorial_summary}</h3>
</div>
</div>
</div>
{/if}
{/exp:channel:entries}
<!-- comments -->
{exp:comment:entries url_title="video_tutorial/comment" sort="asc" limit="100"}
{comment}
<p>By {name} on {comment_date format="%Y %m %d"}</p>
{/exp:comment:entries}
<!-- search field -->
<div class="wrapper">
<div class="sidebar">
<div class="search">
{exp:search:simple_form form_class="searchbox" channel="video_tutorials"}
<p>
<input type="text" name="keywords" placeholder="Search" id="keywords" value="" size="24" maxlength="100">
</p>
{/exp:search:simple_form}
</div>
<div class="contact">
<p> <label for="keywords">Connect & Contact</label> </p>
<ul id="contact_btns">
<li>
<a href= "https://www.facebook.com/pages/Reanimated-Fallout/242045199141877"><img src="images/social_icons/facebook.png"></a>
</li>
<li>
<a href= "https://twitter.com/chrisreanimated"><img src="images/social_icons/twitter.png"></a>
</li>
<li>
<a href= "https://vimeo.com/user10748580"><img src="images/social_icons/vimeo.png"></a>
</li>
<li>
<a href= "http://www.linkedin.com/profile/view?id=46629295&trk=tab_pro"><img src="images/social_icons/linkedin.png"></a>
</li>
<li>
<a href="mailto:chris@reanimatedfallout.com""><img src="images/social_icons/email.png"></a>
</li>
</div>
<div class="donate">
<p> <label for="keywords">Support</label> </p>
<ul id="donate_btn">
<li>
<a href= "https://twitter.com/chrisreanimated"><img src="images/donate_btn.png"></a>
</li>
</div>
<div class="cosmicrage">
<a href= "http://cosmicragemotioncomic.wordpress.com"><img src="images/cosmic_rage_web_banner_240_2.png"></a>
</div>
</div>
</div>
</body>
<footer>
<div class="wrapper">
<div class="footer">
<p class="footerinfo"> © All content designed and developed by Reanimated Fallout. </p>
</div>
</div>
</footer>
</html>