How can I go to a specific product variant from the main menu

[betkishi]

Hi,

We have a website with phone cases. We would like to have the option of being able to select a design by phone model. For example from the mega menu, select iPhone 12 Pro and it would show all designs available for iphone12 with the correct variant highlighted. By default, is just shows the products with the first variant. How can we do this? 

[JHKCreate]

Hi @betkishi ,

When you choose a specific variants, notice how the URL changes with the Variant selected, just take the appropriate URL and that will do the trick!

Let me know!

[betkishi]

Hi,

This works with one product but we have collections, so what we would like to have is collections/variant=iphone11 or collections/vfariant=samsung galaxy S20 Ultra

Similar to the attached images. Select the product variant from the megamenu and when you get to the collection page all products show the specific variant and variant picture.