Woocommerce Options

silviotiago

Hello!

Some of my products have options to choose from, like the ones in the print, but they appear unformatted to the user.

How can I resolve this?

Phil

Hi,

Please go to Betheme -> Theme options -> Shop -> Single product, enable the Cart button extra options, and check if the display is better.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

silviotiago

I've tried that, I've cleared the website's cache and the same problem persists.

Phil

Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

silviotiago

Here's the link to my website: https://ps5digital.pt/

This is an example of the product that has these options: https://ps5digital.pt/produto/vampire-the-masquerade-swansong-premium-ps5/

Phil

So instead, please try the following CSS code:

.mfn-product-add-to-cart .mfn-variations-wrapper .mfn-vr{
 display: flex;
 flex-wrap: wrap;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

silviotiago

But on mobile, I've just noticed, it's still cut off. Can this also be solved using code?

Phil

Please also use this CSS code:

.mfn-product-add-to-cart .mfn-variations-wrapper .mfn-vr label{
   width: 100%;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

silviotiago

It worked, thanks!