Shop Page modification

I activated the free shipping bar, and I also added a bulk discount table on the single product page(the shop page). Right now the order of the displayed elements are free shipping bar, bulk discount table, and the color selection dropdown menu. I want to change the order of these elements such as the discount table are at the top, followed by the color selection dropdown menu, and then the free shipping bar. I also want to change the look of the discount table, is there anyway to achieve this? Or I have to make css level modificaiton?

Hello,

You’ll need to create a custom single product layout and adjust its positions.

Steps to follow:

1. Navigate to Dashboard > Layouts > Add New Layout (for Single Product).
2. Use the WooCommerce Builder to design your custom product page.
3. Add the discount table widget in the layout where you want to add.
4. Save and apply this layout to your single product pages.

This will allow you to swap the positions as per your requirements.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regarding the table styling, please tell me what you actually want to change so I can check and give you a possible solution.

Best Regards,

[Author]

Posts