Product Differentiator for Shopify

Using the Product Differentiator app will let you allow your customers to differentiate or compare products of similar categories hence avoiding any confusion in their mind and reducing abandoned checkout rates.

Product Differentiator for Shopify: Video Guide

Install the app from the following link:

Shopify Product Differentiator Landing Page

Configure the app:

The configuration of this app has three sections i.e. Configuration, Default features and Design.

Configure it and save the changes made.

Collections:

This will have a list of all the collections added to your Shopify Store.

You can add features from this section and even view/edit/delete/enable/disable the already added collections.

Products:

This will have a list of all the products added to your Shopify Store. From here, you can enable/disable the product and can assign a feature to that particular product.

Feature Category:

This section will let you add/edit feature categories.

Default Feature:

This section will let you edit/enable/disable the default added feature. You may also add more default features that will be displayed on the product page by default.

Import Products:

From here, you can import products from your Shopify store to the app either upload by date or via CSV file.

Code Pasting:

Paste the following codes in the respective liquid files-

• collection.liquid file:

<div class="wk_compare_products_block"> </div>

• product-template.liquid file:

<div class="wk_compare_products_block"> </div>

• index.liquid file:

<div class="wk_compare_products_block"> </div>

• product-loop.liquid file / product-list-item.liquid file:

{% unless product.tags contains "atc_tag" %}

<div class="wk_product_comparison"> <input class="wk_product_id" type="hidden" value="{{product.id}}"> </input> </div>

{% endunless %}