Product Differentiator for Shopify

Published on: 24-07-19 08:27pm

Mansi Rana

Published on - 24-07-19 08:27pm

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 in 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 on 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 which 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 %}

<strong style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 1.5;">Paste below given code in product.liquid file (Assets)</strong>

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

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

{% endunless %}

 
 

 

 

 

Also, have a look at the Shopify Product Differentiator blog.

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Unable to find an answer?

Looking for anything specific article which resides in general queries? Just browse the various relevant folders and categories and then you will find the desired article.

Contact Us

Confirm Action

Are you sure? You want to perform this action.