Published on

How to show variants on a collection in Shopify

Authors
  • avatar
    Name
    Entaice Braintrust
    Twitter

Showing Variants on Collection Page in Shopify

To display product variants directly on a collection page, follow these general steps:

  1. Access Theme Code:

    • Go to Online Store > Themes.
    • Click Actions next to your theme, and select Edit code.
  2. Edit Collection Template:

    • Find the collection-template.liquid or similar file in the Templates directory.
    • Locate the loop that outputs product items.
  3. Include Variants:

    • Within this loop, add code to loop through each product's variants.
    • You can use the product.variants object and display relevant information, such as options and prices.
  4. Save Changes:

    • Save your changes and preview your collection page.

Note: The exact code will depend on your theme and how you want the variants to display. If you're not comfortable with Liquid and coding, consider hiring a Shopify expert.

For specific theme instructions or more advanced customization, consult the theme's documentation or contact the theme developer for support.