Left sidebar on single shoppage Enfold

Hey creatorke,

Thank you for the inquiry.

That is the default position of the widgets in the single product page, but we could adjust it using hooks or doing a bit of template modification.

Please add this code in the functions.php file.

add_action('init','ava_product_sidebar_init_mod', 50);
function ava_product_sidebar_init_mod() {
	remove_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
	add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div_mod', 20);
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar_mod', 19);
}

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

function avia_add_sidebar_mod() {
	global $product, $avia_config;
	if( is_product() ) {
		$avia_config['currently_viewing'] = "shop_single";
		get_sidebar();
	}
}

And insert this css code in the Quick CSS field to move the sidebar to the left.

.single-product-main-image {
    width: 25%;
}

.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: right;
    margin-right: 5%;
}

.single-product .sidebar {
    width: 25%;
}

Best regards,
Ismael

Hey!

Thank you for the update.

For some reason, the forum breaks this code into two different lines, which creates the error.

echo "</div>
";

We corrected it above. Please try the snippet again.

Best regards,
Ismael

Hi,

Thank you for the info.

We tried to login using the account above but it seems to be invalid. Please check the info carefully or provide another admin account.

Best regards,
Ismael

Hi,

Thank you for following up.

We updated the code in the functions.php file.

/* zijbalk op productpagina */
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_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: 63%;
    float: right;
    margin-left: 50px;
}

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

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

#top #main .sidebar {
    border-left: 0;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: 0;
    margin-right: 50px;
    padding-right: 50px;
}

The widget area is now located in the sidebar.

Best regards,
Ismael

Hi,

The product category widget is now displaying properly in the single product page. How did you fix it?

Thank you for your patience.

Best regards,
Ismael