Product page - variant layout

Site URL: https://www.bestinstinctstreats.co.uk

Currently my variants are displayed in a drop down menu but is there a way I can have an button option instead like shown? So that the flavour options are more obvious.

Hey @best-instincts

SQSPThemes has a plugin called "Product Color/Image Swatch Variant" that may be what you're looking for. Easy to use and customise with a bunch of options. I know there's one for text - though it's more focused on using images/colours etc.

The alternative would be to use Javascript (or jQuery) to turn the "select" into a pair of buttons. Which I'd honestly avoid as it'll be doing essentially the same as the plugin, but more effort and you're writing/maintaining the code yourself.

p.s. that's an affiliate link so they'll send me a little thank you (at no extra cost) if you do buy it. Here's a non-affiliated link if you want it instead.

24 minutes ago, best-instincts said:

my variants are displayed in a drop down menu but is there a way I can have an button option instead like shown?

There isn't a built in feature that can do this, but if you know JavaScript you could code a solution. You'll need to hide the variant dropdown, wait for the variants to load, then create a button for each variant that, when clicked, selects the variant in the hidden dropdown.

Alternatively, you could purchase some code that someone has already written.