Skip to main content
All CollectionsDisplay Reviews
How to Add the Code Snippet on Vintage Themes?
How to Add the Code Snippet on Vintage Themes?

A guide on how to add Debutify Reviews code snippets from Debutify Shopify Themes.

D
Written by Debutify Support
Updated over 10 months ago

Confirm if the Debutify Review App is Enabled

STEP 1

Navigate to Shopify Admin > Online Store > Themes.

STEP 2

Click the 'Customize' button to access the theme editor.

STEP 3

In the theme editor, locate and navigate to the app embeds section.

STEP 4

Confirm whether the Debutify Reviews option is toggled on.


How to Manually Add the Star Ratings Code Snippets?


STEP 1

Click on the three dots next to the theme name and click on 'Edit code'

STEP 2

Find the files normally named product-grid-item.liquid, main-product.liquid and product-template.liquid, but can vary depending on the theme.


STEP 3

Look for the product.title code and add the following star badge code after the div ends

Star Ratings ⭐⭐⭐⭐⭐

  <div
class="dbtfy-star-rating-badge"
data-productId="{{ product.id }}"
data-value={{ product.metafields.debutify.star-badge }}
></div>

STEP 4

Click Save.


How to Manually add Reviews Widget code for Vintage Themes?

STEP 1

Find the files normally named main-product.liquid or product-template.liquid, but can vary depending on the theme.

STEP 2

Paste the review widget code at the bottom of the page

Review widget:

   <div
id="productReview"
data-productId="{{ product.id }}">
</div>

STEP 3

Click Save


How to Manually add Reviews Widget code for 2.0?

STEP 1

Navigate to Shopify Admin > Online Store > Themes.

STEP 2

Click the 'Customize' button to access the theme editor.

STEP 3

In the theme editor, locate and navigate to the app embeds section.

STEP 4

Confirm whether the Debutify Reviews option is toggled on.

STEP 5

Now navigate to your Product Page and under the product information add a block

STEP 6

Select Star Rating.

Did this answer your question?