Color variants on collections page

Color variants on collections page

Roeiam
Excursionist
32 0 11

 Hi i am using dawn theme and i want to ask if there is a way by code or something else that i can add a color variants to the collection page

38D33312-B7F7-4E30-A06B-631EE23315F1.png

Reply 1 (1)

Huptech-Web
Shopify Partner
1004 204 215

Hi @Roeiam , If you'd like to display the color options on the collections page, you can add the following code to your product grid file. Since you're using the Dawn theme, the file will be named 'card-product.liquid.' Locate the file and search for the 'card-information' class. If the class appears more than once, be sure to add the code to both sections.

 

color_option.png

 

 

<div>
  {% for option in card_product.options_with_values %}
    {% for value in option.values %}
      <span>{{ value }}</span>
    {% endfor %}
  {% endfor %}
 </div>

 

 

 

 


AT...

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required