No announcement yet.

Product Review Images

  • Filter
  • Time
  • Show
Clear All
new posts

  • Product Review Images

    So Version 8 added the feature allowing customers to upload images with a Product Review. That's great! However, the images don't show up on the reviews. Is there something missing here? How do you display the images?
    Joe Arbogast

  • #2
    Have you enabled the "allow upload of images" in the review module? Also, if you have a modified listing page the new code wont be in there. Need to revert to the original listing page and grab the code.

    Keep in mind the product review images will kill your page speed. First customer to upload an image on my store had uploaded a 4.5mb image...Caused that product page to take forever to load. Shut this it off immediately.


    • #3
      Thanks JoeBTI -- I have it allowed as I got my first review with a photo attached. Reverting to standard listing code will wipe out any mods I have made to the file - i guess I can copy the code from one to the other. But you make a good point about page load - and the image uploaded on this one review was sideways -- so there really needs to be a way to "edit" the images or at least be able to edit and re-upload a smaller file size image. I may have to turn it off too!
      Joe Arbogast


      • #4
        Here is the code from my listing page. I have a custom core template, but I don't think it matters

        <!--START: reviewsBlock-->
        <div id="reviewsBlock" class="reviewsBlock" itemprop="review" itemscope itemtype="">
        <!--START: user_reviews-->
        <div class="user_reviews clearfix">
        <div class="star-rating">
        <span class="reviews-stars rating-[rating]"></span>
        <div class="review-info">
        <div class="review-shortDesc" itemprop="name">[short_review]</div>
        <div class="review-longDesc" itemprop="description">[long_review]</div>
        <div class="review-images">
        <!--START: review_image-->
        <a href="assets/product_review_files/[item-name]" data-gallery="review_image" class="MagicZoom" title="[short_review]" data-options="zoomCaption: bottom; hint: off">
        <img itemprop="image" src="thumbnail.asp?file=assets/product_review_files/[item-name]&maxx=100&maxy=100" alt="" class="img-responsive" />
        <!--END: review_image-->

        <!--START: rev_allowratings-->
        <div class="rev_allowratings">
        <input class="btn btnYes btn-default" type="button" value="[reviews_helpyes]" onclick="updateRevStats('[r_id]',[rev_id], 1)" />
        <input class="btn btnNo btn-default" type="button" value="[reviews_helpno]" onclick="updateRevStats('[r_id]',[rev_id],-1)" />
        <span id="spnReview[rev_id]"><!--START: rev_helpcount--><strong>[rev_helpful]&nbsp;[reviews_of]&nbsp;[rev_votes]</strong>&nbsp;<em>[reviews_found-helpful]</em><!--END: rev_helpcount--></span>
        <!--END: rev_allowratings-->
        <em class="reviewed-by">
        Reviewed by:&nbsp;<!--START: review_verified--><span class="verified-buyer">[reviews_verified-buyer]</span>&nbsp;<!--END: review_verified--><span itemprop="author">[user_name]</span> from [user_city] on [review_date]
        <div style="display: none;" itemprop="reviewRating" itemscope itemtype=""> <span itemprop="ratingValue">[rating]</span></div>
        <div class="clear"></div>
        <!--END: user_reviews-->
        <!--END: reviewsBlock-->
        <!--END: reviews-->


        • #5
          Thanks for that JoeBTI
          Joe Arbogast