layout

Q1.
The currently applied tab layout appears in a stepped (staggered) style.
I would like to change it to a horizontal layout, as shown in the image on the right.
Please let me know how to change the tabs from a stepped layout to a horizontally aligned layout.

Q2.
I want to change the position of the tabs.
Specifically, I would like to move the “upsell products” section above the product description tab.
Additionally, I’d like to know how to reposition other sections such as “related products” or “recommended items.”

Attachments:

You must be logged in to view attached files.

Hi 6372apple,

Thanks for reaching to us.

1. I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place it where you want. And use Tabs or Ajax Product tabs widgets.

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

2. Try to use the code below instead of yours. Define the code in the functions.php file in your child theme.

/**
 * Reorder product data tabs
 */
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {

	$tabs['reviews']['priority'] = 5;			// Reviews first
	$tabs['description']['priority'] = 10;			// Description second
	$tabs['additional_information']['priority'] = 15;	// Additional information third

	// Custom Tabs are from Product Settings
	// $tabs['wd_custom_tab']['priority'] = 2; 
	// $tabs['wd_custom_tab_2']['priority'] = 3;

	// Additional Tabs are from Theme Settings
	// $tabs['wd_additional_tab']['priority'] = 4;
	// $tabs['wd_additional_tab_2']['priority'] = 5;

	return $tabs;
}

Regards,

[Author]

Posts