I have tried custom functions.php: mentioned here
sidebar is still under the main pic.
please advice.
#
# wrap single product image in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20);
function avia_add_image_div()
{
echo "<div class='single-product-main-image alpha'>";
}
function avia_close_image_div()
{
global $avia_config;
$avia_config['currently_viewing'] = "shop_single";
echo "</div>";
}
#
# wrap single product summary in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
add_action( 'woocommerce_after_single_product_summary', 'avia_close_summary_div', 3);
function avia_add_summary_div()
{
echo "<div class='single-product-summary'>";
}
function avia_close_summary_div()
{
echo "</div>"; //close out the summary
get_sidebar();
}
and CSS
.single-product .product {
width: 68%;
margin-right: 4%;
clear: none;
float: left;
}
Hey yojiabe!
It looks like we’ll need to re-take a look at the functions with the new layout. Unfortunately the single product layout is not something support covers as a customization. The previous code snippets were done as an example so for now if its a must-have customization you can look into a freelance developer from Envato Studio, Codeable or something like that.
Best regards,
Devin