Options (Variations)

Topics in this article

 

Creating a variation Dropdown

Variation dropdowns in CMS pages

 

  


Creating a variation Dropdown

  1. Make sure you already added an Add to cart button..
  2. Create a Div Block (it can be any type of element, but not a Link Block).
  3. Add a custom attribute to the Div Block with the following values:
    •  Name: shopify
    • Value: option
  4. Add a Text Block inside the Div Block and give it the following attributes:  
    • Name: shopify
    • Value: label

 

 

variation.jpg

 

To the Block - Add Attribute  (Name: Shopify, Value: cart 
To the Label - Add Attribute  (Name: Shopify, Value: label 

 


Variation dropdowns in CMS pages

 

In CMS page, each item may have a different number of variations. Add as many variation dropdowns as there is for the item with the most variations.

 

For example

  • You have two items in your Shopify account: 
  • First item: with 3 variations. 
  • 2nd item: with 1 variations.
  • 3rd item: with 2 variations.
  •  
  • Since the first item has variations (the one with more variations), you need to add 3 variation dropdowns in your CMS Collection List and the CMS Template page. Do not worry that the extra dropdowns show up in the second item, that has only one variation. those two extra ones will not show up and the plugin will remove them automatically when the page is published live.

 

 

Have more questions? Submit a request