Product page layout error

iMark81

Hi there,

Could you please advise how to correct this layout issue I'm experiencing on specific product pages after updating?

Product page: https://laeratbage.dk/vare/gavekort-valgfrit-beloeb/

It's a gift card page with custom text fields. Previous, the fields were neatly stacked with the button below.

I've tried adding the edited woocommerce.php file to the child theme folder as suggested in other threads. But no luck.

Can you help?

Thanks,

Ivan

Phil

Hello,

Please, go to Betheme -> Theme options -> Blog, Portfolio & Shop -> Shop, and disable Custom Variation Swatches, and check if the problem persists.

Thanks

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

iMark81

Thanks, Phil. The swatches function was already disabled.

Phil

Hey,

Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Thanks

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

Phil

I can see that you do not have the newest version of Betheme.

So please, update it, and check if the issue persists.

If the update does not help, let me know, and I will take a closer look at it.

Thanks

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

iMark81

Thanks, please do so. Theme update didn't resolve the issue.

Phil

It seems that these fields come from a plugin we do not support. Our policy states that we do not support third-party plugins or custom code, so, unfortunately, we cannot help you.

Also, we cannot recommend any plugins other than the ones we support. You can find the list on this page, in the sidebar:

https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048

Thanks

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

iMark81

SOLUTION provided from elsewhere – if anyone has similar issue:

To solve the display conflict with the theme or another plugin, this CSS can be used:

form.cart {
    display: block !important;
}

To ensure that the CSS only applies to specific pages, you could add .page-id-6 where 6 can be replaced with the post ID. So something like this:

.page-id-6 form.cart, .page-id-10 form.cart {
    display: block !important;
}

If you're not sure how to get the post ID, this article may be helpful:

https://kinsta.com/blog/wordpress-get-post-id/