Showing variants as individual products on collection page (Enterprise Theme)

Topic summary

A user wants to display product variants (bottles and shakers in 400ml, 800ml, and 1200ml sizes) as individual items on collection pages. The goal is to create a dropdown menu where customers can select a size, view a collection page showing only products in that size, then click through to the full product page with the selected variant pre-selected.

Proposed Solution:

  • Add tags to product variants by size
  • Create smart collections filtered by these size tags
  • Link collections in the navigation menu
  • Use URL parameters to preselect variants: product.url | append: '?variant=' | append: variant.id

The discussion remains open with one suggested approach provided but not yet confirmed as implemented or tested.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Hi,

I’m trying to find a solution to display specific variants as individual products on the collection page. I have bottles and shakers available in three sizes: 400ml, 800ml, and 1200ml. I’d like to list these in the main menu as a dropdown, allowing customers to select a collection/ option of specific size. When a customer selects, for example, the 800ml option, they should be directed to a collection page displaying all products available in that size. From there, when they click on a specific product, it should take them to the main product page where all size options are visible, with the 800ml variant pre-selected.

Thank you

Hi,

Hope this will work

  • Add Tags to Your Product Variants
  • Create Smart Collections by Size
  • Link Collections in Menu
  • Customize Product Links to Preselect Variant

product.url | append: ‘?variant=’ | append: variant.id