Install InstructionsBaby steps to getting started with the appIntegrationQuick steps to swipe-up to the new versionSetup InstructionsQuick route to set up your app in a jiffyUninstallation Guide For Product Reviews AppSteps to remove our app’s code from your storeProduct Reviews AppInstall InstructionsInstall AppIntegrationExisting App Users (Code Replacement)New UsersSetup InstructionsGeneralLayoutStylingCustom FieldsEmail NotificationsDuplicate Theme Duplicate Theme 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] - Hulk3. Publish duplicate theme:Install Product Reviews app Install Product Reviews app 1. From “Shopify Admin”, select Apps2. Select Visit Shopify App Store3. Enter Product Reviews by HulkApps in the “Search Bar” to view app page4. Select Add app5. 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 SupportClick 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 Settings1. 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 Settings1. 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 settingsWith our product reviews app you'll have an ability to add the additonal fields which will appear in the Review popup.Select Display Settings1. 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. Periodic support services for your custom projectsOver 1,000 Shopify Sites Built.20+ Monthly Support Clients From Across All Different Verticals.Shopify Premium Packages Popular Shopify tasks with fast turnaround30k+ Shopify tasks handled by our ExpertsWith 94.8% 5-star reviewsBrowse our Catalog