Change List View For Variations On Product Page to Dropdowns

Hi @crumpy360,

>By default my woocommerce shows variations for products in list form but i’d prefer a dropdown menu.

By default, WooCommerce already displays variable products in dropdown form, as seen on this section of the support documentation:
https://docs.woocommerce.com/document/variable-product/#section-10

Also, please adjust your Google Drive settings to make the https://drive.google.com/file/d/1EjV-sDU2O9Ja9KtkeM8FZtOABeH3brca/view?usp=sharing file public, I was unable to see it.

Hi,

Thank you for your reply.

The link should now work, it was public before but changed the permissions from anyone with a link to public.

An example of one of the pages can be found here: https://www.smabsltd.co.uk/product/hoodie/

Does WooCommerce have settings that control the product page layout’s for this section or is this controlled by the web theme?

Thank you, I now see what you mean, and with so many variations, a drop-down box would make more sense.

In the end, it is the theme that determines if the variations are displayed in drop-down or list form. As the Porto theme you have active is a premium theme, I was unable to test it on my test site.

I did some digging, and per the Porto theme documentation, this appears to be the default behavior. I would suggest reaching out to the theme directly, to see if there is a way to display the product variations in a drop-down format.

Thanks Kyle, I wasn’t sure if this was a woo commerce setting or the theme but thanks for confirming.

I will speak to the theme developer for further help.

Cheers.

Absolutely! I’ll go ahead and mark this thread as resolved, good luck with everything.