Single Product Page is strange: sidebar appears UNDER product

Hey!

Unfortunately, that modification is no longer working. It presents too much layout complications. Try to add this to the functions.php:

#
# wrap single product image in an extra div
#

function avia_add_image_div() {
 echo "<div class='single-product-main-image alpha'>";
}

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

#
# wrap single product summary in an extra div
#

function avia_add_summary_div() {
 echo "<div class='single-product-summary'>";
}

function avia_close_summary_div() {
 echo "</div>"; //close out the summary
 get_sidebar();
}

function avf_product_sidebar_layout_mod($layout){
 if( is_single() )$layout = "sidebar_left";
 return $layout;
}

add_action('init', 'ava_product_sidebar_mod');
function ava_product_sidebar_mod() {
 add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2 );
 add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20 );
 add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25 );
 add_action( 'woocommerce_after_single_product_summary', 'avia_close_summary_div', 3 );
 add_filter( 'avf_product_sidebar_layout', 'avf_product_sidebar_layout_mod', 5);
}

Edit config-woocommerce > config.php file, look for this code:

$sidebar_setting = avia_layout_class( 'main' , false );

Replace it with:

$sidebar_setting = apply_filters( 'avf_product_sidebar_layout', avia_layout_class( 'main' , false ) );

After that, add this in the Quick CSS field.

.single-product .product {
width: 68%;
margin-left: 4%;
clear: none;
float: right;
}

The sidebar should switch to the left.

Cheers!
Ismael

Hey!

Did you copy the code right from your email? Please compare it to the code above, see the difference. If I am not mistaken, you’ll see the single quote and quotes symbols converted to something else. The code works fine on our installation. If you want a right sidebar, just change this line:

.single-product .product {
width: 68%;
margin-left: 4%;
clear: none;
float: right;
}

to this:

.single-product .product {
width: 68%;
margin-right: 4%;
clear: none;
float: left;
}

And this code:

function avf_product_sidebar_layout_mod($layout){
 if( is_single() )$layout = "sidebar_left";
 return $layout;
}

to this:

function avf_product_sidebar_layout_mod($layout){
 if( is_single() )$layout = "sidebar_right";
 return $layout;
}

Regards,
Ismael

Hey!

The sidebar.php file checks what page is currently being viewed then serve the sidebar accordingly. Look for this line:

function avia_close_summary_div() {
 echo "</div>"; //close out the summary
 get_sidebar();
}

Replace it with:

function avia_close_summary_div() {
        global $avia_config;
        echo "</div>"; //close out the summary	
        $avia_config['currently_viewing'] = "shop_single";
	get_sidebar();	
}

Cheers!
Ismael

• This reply was modified 9 years, 5 months ago by Ismael.