Change Woocommerce product sidebar to right side

Hey Dino0103,

Thank you for the inquiry.

Would you like to adjust the default location of the product sidebar? If you want to move the sidebar from the bottom of the product image to the right of the product content, please use the snippets from the following thread.

// https://kriesi.at/support/topic/shop-sidebar-to-right-side/#post-1245585

Best regards,
Ismael

Hi,

That should be possible as well. We could wrap the product image and the description container inside another div and increase the containers’ width.

Please replace the snippet with the following code.

function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
	add_action( 'woocommerce_after_single_product_summary', 'avia_close_image_div_mod', 20);
	add_action( 'woocommerce_before_single_product_summary', 'avia_open_image_div_mod', 1 );
}

function avia_open_image_div_mod() {
	echo "<div class='product-main-container'>";
}

function avia_close_image_div() {
	echo "</div>";
}

function avia_close_image_div_mod() {
	echo "</div>";
}

function avia_add_sidebar() {
	if(is_product()) {
		$avia_config['currently_viewing'] = "shop_single";
		get_sidebar();
	}
}
add_action('init','ava534345953_init', 50);

And use this css code instead.

.product-main-container {
	width: 70%;
	float: left;
}

.product-main-container::after {
	content: '';
	display: table;
	clear: both;
}

.product-main-container .single-product-main-image, .product-main-container .single-product-summary  {
	width: 100%;
}

keyword: product sidebar full width image description

Best regards,
Ismael

Hi,

Thank you for the update.

Did you remove the previous snippet that we added in the functions.php file? What was the error? Please post the FTP details in the private field so that we could check the site properly and implement the modification if necessary.

Best regards,
Ismael