blog comments as product reviews

shopster — Thu, 09 Oct 2008 17:40:10 +0000

I have used blog posts as product specific info before, but I was thinking this morning that maybe we could use the new comments feature to allow commenting on the product page… seems like it would be possible to have a blog entry for each product (matching on the name) and include a form in the product.liquid that would allow for posting new comments to the blog entry. Haven’t tried it yet but seems like it would work…

Update works like a charm! Something I’d suggest doing to improve this would be to use Ajax to create the comment post so you stay on the product page and don’t go to the comments page (although that’s not too bad).

{% for article in blogs.product-comments.articles %}
{% if {{article.title}} == {{product.title}}%}
<div id="comments">
{% if article.comments_count > 0 %}
 <h3>{{ article.comments_count }} {{ article.comments_count | pluralize: 'Review', 'Reviews' }}
     for <em>{{ article.title }}</em></h3>
    <ul id="comment-list">
    {% for comment in article.comments %}
      {% if comment.status == 'published' %}
      <li>
        <div class="comment">
          {{ comment.content }}
        </div>
        <div class="comment-details">
          Posted by <span class="comment-author">{{ comment.author }}</span>
          on <span class="comment-date">{{ comment.created_at | date: "%B %d, %Y" }}</span>
        </div>
        </li>
    {% endif %}
    {% endfor %}
    </ul>
  {% endif %}
  </div>
  <form id="article-{{ article.id }}-comment-form" 
        class="comment-form" method="post" 
        action="/blogs/product-comments/{{ article.id }}-{{ article.title | handleize }}/comments">
    <h3>What do you think of {{product.title}}?</h3>
    {{article.content}}
    <dl>
      <dt><label for="comment_author">Your name</label></dt>
      <dd><input type="text" id="comment_author" name="comment[author]" size="40" value="" /></dd>
      <dt><label for="comment_email">Your email</label></dt>
      <dd><input type="text" id="comment_email" name="comment[email]" size="40" value="" /></dd>
      <dt><label for="comment_body">Your comment</label></dt>
      <dd><textarea id="comment_body" name="comment[body]" cols="40" rows="5"></textarea></dd>
    </dl>  
    <input type="submit" value="Post a review" id="comment-submit" />
</form>
{% endif %}
{% endfor %}

Caroline Schnapp commented

Caroline Schnapp — Thu, 09 Oct 2008 18:03:22 +0000

include a form in the product.liquid that would allow for posting new comments to the blog entry.

It’s worth trying out, copying and pasting the form in the product template to see if that’d work.

shopster commented

shopster — Thu, 09 Oct 2008 18:31:56 +0000

yeah I looked at it and it just posts the form to

/blogs/[BLOGNAME]/[ID]-[POSTNAME]/comments

Caroline Schnapp commented

Caroline Schnapp — Thu, 09 Oct 2008 19:13:07 +0000

If what you put as action attribute is correct, this will work, then. I mean, you need to put the correct [BLOGNAME], [ID] and [POSTNAME].

shopster commented

shopster — Thu, 09 Oct 2008 19:19:13 +0000

Pretty cool, this does work! Something I’d suggest doing to improve this would be to use Ajax to create the comment post so you stay on the product page and don’t land on the blog comments page (although that’s not too bad).

tobi commented

tobi — Thu, 09 Oct 2008 21:55:20 +0000

haha, nice hack ;-)