Adding color swatches to the Shopify Infinite Multipurpose theme is the central issue. The requester reports two unsuccessful approaches: using the G Variant App (swatches not visible on the homepage or single product page) and creating metafields for color variations but being unable to locate the main product.liquid file to implement them.
A respondent provided a Liquid code example intended to render color swatches by looping through a product’s colors and outputting divs styled with each color’s hex value and label. This suggests a theme-level implementation rather than relying solely on an app.
Key terms:
Status: No confirmed resolution. Action implied is to add the provided Liquid loop to the appropriate product template/section and ensure the theme exposes color data (e.g., via metafields mapped to product.colors). The thread remains open.
Hello guys,
How can I add color swatches to Shopify Infinite Multipurpose theme?
1-Tried to add through G Variant App but it is not showing the swatches option on the Homepage and Single Product page.
2- Tried to add Meta field for Color variations but was not able to locate main product .liquid in my theme.
Thank you in Anticipation.
Should look something like this
{% for color in product.colors %} <div class="color" style="background-color: {{ color.hex }}">{{ color.name }}</div> {% endfor %}