Guide Center

1. Duplicate Theme:

Duplicate live theme to create a backup copy since few snippets will automatically get created and added at your published theme during the installation process.

2. Rename Theme:

Rename your duplicate theme - This will help our experts locate your theme easily if it requires any further tweaking.

Rename theme as [Theme Name] - Hulk

3. Publish duplicate theme:

1. From “Shopify Admin”, select Apps

2. Select Visit Shopify App Store

3. Enter Product Reviews by HulkApps in the “Search Bar” to view app page

4. Select Add app

5. As soon as a user clicks on “Add app” button it will redirect to the installation page. Over there click on “Install App” button it will redirect to “ Master Product Reviews” App page of your Store.

Now user needs to setup the installed app with the “Theme” they have on their store. In order to make app successfully working with theme, user needs to navigate to “ Edit Code” by clicking on “Online Store” button on left bar of their Dashboard and from the “Action” dropdown menu select “Edit Code” options.

By clicking on “Edit Code” option, user will be redirected to the coding page of the particular “Theme” installed on theirStore.

For Product Page - Product Review Display:

You need to include the product-reviews.liquid snippet at your product template or product section at any desired location by using the following code:

{% include 'product-reviews' %}

For Average Review Display:

You need the following code at any desired location inside your product page or/and collection product grid item.

<div class="hulkapps-reviews">
                  <div class="item-reviews" data-product-id="{{product.id}}"></div>
              </div>

For All Product Reviews Display:

If you would like to have a separate page to display all reviews from all products, include the product-reviews-all.liquid snippet at a page template that you're going to use for this purpose by using the following code:

{% include 'product-reviews-all' %}

So, these are the steps you need to follow to install our "Product Reviews" application in your store.

After this, users need to proceed with app installaton in store theme. User can install the app via "Automatic Installation". In any case if the automated process doesn't work, user can proceed with "Manual Installation" steps or can contact the support team for the same. Installation Support

Click on the Settings from the header menu.

1. The first option you'll observe in the General settings is to enable/disable the application.

2. The next option is for configuring the Auto-Publish review option where you can set the minimum criteria to auto publish the review on your store.

Earlier, you have to visit the application dashboard every time you wish to publish the posted reviews to your store.

Layout Settings

1. The first option we'll observe here is select the Layout Mode of the reviews that will be displayed on product page of your store.

2. Second option we'll obeserve is to set the pagination to display #no of reviews on product page of your store.

3. The last option here in this section is to enable image upload for your customers to upload the image along with the review they post.

Styling Settings

1. The first two options here are to choose the review symbol & color displayed for ratings.

2. The third option here is to display Custom Message instead of '0 Reviews' in the case if no review is posted for those products.

3. The last two options are for the theme color for the Review Modal(Popup) which is displayed to write/post a review.

Custom field settings

With our product reviews app you'll have an ability to add the additonal fields which will appear in the Review popup.

Select Display Settings

1. The first option we observe here is to enable/disable the email notifications to get notified for every new product review.

2. The second option here is to add multiple recepients email address to receive notifications. Use one email address per row.

Need Further Assistance?

In case, even after following all the above steps, your options don’t appear on live theme or it messes up your existing codes, you can Get in Touch with our Setup Expert with a staff account invite for support@hulkcode.com , we’ll ensure your issue is addressed promptly.

1. Add new snippets to the theme.

Video:

Steps:

Click on the Install Information button to navigate to the Information page.
In the Manually Add/Remove Snippets section, select the theme in which you want to integrate the reviews application and click on the Add button to add the snippets in the theme.

2. Replace a snippet in the product page template.

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the product.liquid ‘or’ product-template.liquid snippet in the theme and access it.
Press Ctrl + f (Windows User) ‘or cmd + f (Mac User) on your keyboard to open the find tool and search {% include 'product-reviews' %}
Select the code and replace it with <div data-hulkapps-reviews data-hulkapps-reviews-list"></div> and save the snippet.

3. Add snippets to display Average Reviews on the product and collection page.

Product Page:

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the product.liquid ‘or’ product-template.liquid snippet in the theme and access it.
Press Ctrl + f (Windows User) ‘or cmd + f (Mac User) on your keyboard to open the find tool and search hulkapps-reviews code.
Select the code and replace it with <div data-hulkapps-reviews data-hulkapps-reviews-product-id="{{ product.id }}"></div> and save the snippet.

Collections Page:

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the product-card-grid.liquid ‘or’ collections-list.liquid or collections-list-template.liquid snippet in the theme and access it.
Press Ctrl + f (Windows User) ‘or cmd + f (Mac User) on your keyboard to open the find tool and search hulkapps-reviews code.
Select the code and replace it with <div data-hulkapps-reviews data-hulkapps-reviews-product-id="{{ product.id }}"></div> and save the snippet.

4. Add a snippet for All Reviews page.

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the page.reviews snippet in the theme and access it.
Press Ctrl + f (Windows User) ‘or cmd + f (Mac User) on your keyboard to open the find tool and search {% include 'product-reviews-all' %}
Select the code and replace it with <div id="hulk-reviews-all" data-hulkapps-reviews-list data-hulkapps-reviews"></div> and save the snippet.

1. Add new snippets to the theme.

Video:

Steps:

Click on the Install Information button to navigate to the Information page.
In the Manually Add/Remove Snippets section, select the theme in which you want to integrate the reviews application and click on the Add button to add the snippets in the theme.

2. Add a snippet in the product page template.

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the product.liquid ‘or’ product-template.liquid snippet in the theme and access it.
Select a place where you would like to display the reviews list with the ‘Write a review’ button in the product page and place the following code: <div data-hulkapps-reviews data-hulkapps-reviews-list></div>and save the snippet.

3. Add snippets to display Average Reviews on the product and collection page.

Product Page:

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the product.liquid ‘or’ product-template.liquid snippet in the theme and access it.
Select a place where you would like to display the avg. reviews count in the product page and place the following code: <div data-hulkapps-reviews data-hulkapps-reviews-product-id="{{ product.id }}"></div>and save the snippet.

Collections Page:

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the product-card-grid.liquid ‘or’ collections-list.liquid or collections-list-template.liquid snippet in the theme and access it.
Press Ctrl + f (Windows User) ‘or cmd + f (Mac User) on your keyboard to open the find tool and search hulkapps-reviews code.
Select the code and replace it with <div data-hulkapps-reviews data-hulkapps-reviews-product-id="{{ product.id }}"></div> and save the snippet.

4. All Reviews page. (Optional)

Video:

Steps:

Navigate to the Themes module in the Online Store sales channel.
In the Live theme section click on the Action button dropdown and select the Edit Code option.
Search for the page.reviews snippet in the theme and access it.
Press Ctrl + f (Windows User) ‘or cmd + f (Mac User) on your keyboard to open the find tool and search {% include 'product-reviews-all' %}
Select the code and replace it with <div id="hulk-reviews-all" data-hulkapps-reviews-list data-hulkapps-reviews"></div> and save the snippet.

Guide Center

Install Instructions

Integration

Setup Instructions

Uninstallation Guide For Product Reviews App

Product Reviews App

Install Instructions

Integration

Setup Instructions

1. Duplicate Theme:

2. Rename Theme:

Periodic support services for your custom projects

Popular Shopify tasks with fast turnaround

Was this article helpful?

Have more questions? Submit a request

Cart

${item.properties['show_per_month']} x 12

Total

Checkout

Customers also bought these items

Customers also bought these items

Shopify Apps

Most Popular

Launch Essentials

Forever Free

Powerful Premiums

Shopify Themes

Most Popular

Industry Leading

Services

Marketing & Sales

Store Setup

Design & Optimization

Development

Packages

Content Library

Case Studies

Migration Center

Mini Series

Klaviyo Plus

Shopify Recharge Recipes

Subscription Plus

Quick Links

Help Center

App Catalog

Guide Center

Install Instructions

Integration

Setup Instructions

Uninstallation Guide For Product Reviews App

Product Reviews App

Install Instructions

Integration

Setup Instructions

1. Duplicate Theme:

2. Rename Theme:

Periodic support services for your custom projects

Popular Shopify tasks with fast turnaround

Was this article helpful?

Have more questions? Submit a request

Cart

${item.properties['show_per_month']} x 12

Total

Checkout

Before you continue

Thank you for your patience: