Skip to main content
All CollectionsFAQs and troubleshooting
Add Product Reviews to a legacy theme
Add Product Reviews to a legacy theme

Add Product Rating and Review List to product pages on a Legacy Theme.

Updated over a week ago

If you are interested in using Seguno Product Reviews on a legacy theme, it is strongly recommended that you work with a theme developer to install the snippets and ensure the product pages render correctly. Product page functionality vary greatly from theme to theme, and incorrect installation may cause issues with your site. Seguno is not responsible for errors from customizing theme code.

Seguno's Product Reviews use App Sections to simplify the form installation and styling for all Shopify Online Store 2.0 themes.


Install the Product Rating and Review List elements on a Legacy Theme

  1. Create a new Snippet in your theme code and name it "seguno-product-rating-legacy-snippet"

    1. Copy and paste the snippet code from the file link titled 'seguno-product-rating-legacy-snippet'

      1. Please note that you may customize the form style through the available attributes or add custom CSS in the available input.

  2. Create a second Snippet in your theme code and name it "seguno-review-list-legacy-snippet"

    1. Copy and paste the snippet code from the file link titled 'seguno-review-list-legacy-snippet'

      1. Please note that you may customize the form style through the available attributes or add custom CSS in the available input.

      2. As a default, the snippet is set with TEST_MODE = true. This allows you to test the form placement on your live theme without revealing it to your shoppers. After completing testing and customization, you must update this value to false.

  3. Determine where on your product page you'd like the product rating and review list sections to load and insert the snippets. Both snippets are required.

    1. Each theme is different, but you will typically
      1) Place the "seguno-product-rating-legacy-snippet" on the product-template.liquid section by adding { %render 'seguno-product-rating-legacy-snippet'} in the desired location, generally below the product title element.

      2) Place the "seguno-review-list-legacy-snippet" on the product-template.liquid section by adding { %render 'seguno-review-list-legacy-snippet'} in the desired location, generally below the product details and above any recommended products.

  4. Once you've placed the form, test it on your site by navigating to a product page in your theme editor preview and adding the URL parameter reviews-test=true to reveal the sample reviews.

    1. If your review sections are not loading properly, use the developer tools to determine the error and adjust form placement. Please note that errors in the snippets' styling may prevent the form from loading.

  5. Customize the snippets' styling, and then update the TEST-MODE attribute to false. Navigate to a product page on your live site to see the review list section and continue to migrate your reviews if applicable.

Did this answer your question?