Product Differentiator for Shopify

Published on: 27-12-19 02:57pm

Mansi Rana

Publié le - 27-12-19 02:57pm

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 %}

<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.

 

Impossible de trouver une réponse?

Vous recherchez des articles spécifiques qui résident dans des requêtes générales? Il suffit de parcourir les différents dossiers et catégories pertinents et vous trouverez l'article désiré.

Contactez nous

Confirmer l'action

Êtes-vous sûr? Vous souhaitez effectuer cette action.