How To Add Color Swatches On Collection Page Shopify [Updated]
1. Turn off “Show second image on hover” in the theme editor Create a new snippet file card-variant-swatch-custom.liquid Copy Code Create a new snippet file card-product-custom.liquid Copy Code Create a new asset file card-product-variant-selection-custom.js Copy Code 2. Edit main-collection-product-grid.liquid to Render Variant Swatch Snippet Add data-section-id=”{{ section.id }}” to the ul element with class grid …
How To Add Color Swatches On Collection Page Shopify [Updated] Read More »