How do I show all my reviews on my homepage?

To add a widget that displays your store's recent reviews on your homepage, follow the instructions below.

If your theme supports dynamic sections:

  1. Go to your Shopify Themes menu
  2. Click the "Customize" button on the theme you'd like to add the widget to
  3. Click "Add section" on the side menu that appears on the left
  4. Click on "Loox widget" and then click "Add"
  5. Edit the settings of this widget and go back to the sections menu
  6. Position the widget where you'd like it to appear by dragging it up or down
  7. Click "Save"

Optional customizations:

Loox enables you to customize the homepage widget to match your store’s needs:

  • Display only reviews with photos - hide all text-only reviews from appearing in the widget.
  • Hide product thumbnails - Remove the product thumbnails that appear below the review that links the review to a specific product.
  • Add "write a review" button linked to - Select a specific product and link a dedicated "Write a review" button so that customers can submit reviews for that product directly on the homepage.
  • Number of reviews to display - Limit the number of reviews displayed before the "Show more reviews" button
  • Maximum width - Limit the maximum width of the Loox widget (affects the number of reviews displayed per row)

If your theme does not support dynamic sections:

  1. Go to your Shopify Themes menu
  2. Click the "Actions" menu and then select "Edit Code" on the theme you'd like to add the widget to
  3. Open the file you use for your homepage (usually it's called index.liquid)
  4. Copy the relevant line of code:
    To show all reviews:
    <div id="looxReviews" data-loox-aggregate data-limit=”20”></div> 

    To show only reviews with photos:
    <div id="looxReviews" data-loox-aggregate data-limit=”20” data-mode="img"></div>
  5. If you'd like to change the number of reviews displayed before the "Show more reviews" button, change the number of the data-limit attribute (e.g. to data-limit="30")
  6. Paste it where you want reviews to appear
  7. Click "Save"

If you'd like assistance editing your Liquid code, please contact us and we'll be happy to assist!