Hi,
I'm using BeTheme with WooCommerce and have successfully customized my single product page layout for simple products. However, I recently added a variable product (with size variations), and it has distorted the design compared to my previous layout.
I’ve attached two screenshots:
- This is the desired design.
- This is the current product page with variations, showing the issue.
I want the variable product page to match the exact layout of the simple product page, including the positioning of the elements, styling, and overall appearance.
Additionally, instead of a dropdown for selecting sizes, I’d like the sizes to appear as round buttons (or swatches) for a cleaner and more user-friendly design.
Could you please guide me on how to achieve this while keeping the variation functionality intact? I'm open to modifying BeTheme settings, custom CSS, or using a child theme if necessary.
Thank you for your help!
