Product Variation Picker

Is there any info anywhere on how to style a product variation picker/dropdown/buttons? My variations are outputted by the Product Additional Information “Content Area” but there aren’t really any controls to style it. The Default Woocomerce Single Product Template in PRO outputs this as a dropdown, but in the Layout builder it’s just text links separated by commas. Does this require custom development to apply any alternate styling?

DEFAULT PRO TEMPLATE
Screen Shot 2021-11-22 at 12.16.42 AM

OR

Screen Shot 2021-11-22 at 12.15.09 AM

LAYOUT BUILDER

Screen Shot 2021-11-22 at 12.13.42 AM

Hi Jacob,

Thanks for reaching out.
The predefined layout for Single Product does not shows the variation dropdown, you need to add the Add to Cart form with the condition of {{dc:woocommerce:product_type}} is variable as shown in the given screenshot.

And add condition {{dc:woocommerce:product_type}} is simple for the Add to Cart Button to show only on the simple products.

Hope it helps.
Thanks

1 Like

Thank you! This is exactly what I needed to know!

Hi Jacob,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.