How to edit woocomerce product page layout

Hi,

Thank you for the screenshot.

Please add the following code in the functions.php file.

// adjust settings on init
add_action('init','ava534345953_init', 50);
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
}

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

function avia_add_sidebar() {
	if(is_product()) {
	$avia_config['currently_viewing'] = "shop_single";
	get_sidebar();
	}
}

add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		$('.single .product').prepend('<div class="single-product-main-container"></div>');
		$('.single-product-main-image, .single-product-summary').prependTo('.single-product-main-container');
    }

	a();
})(jQuery);
</script>
<?php
}

And this code in the Quick CSS field.

.single-product-main-container {
    width: 70%;
   float: right;
   margin-left: 5%
}

.single-product-main-image {
    width: 45%;
    float: left;
    margin-right: 0;
}

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

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

Best regards,
Ismael

Hi,

It’s already available on version 4.2.6. You can find the option in the Enfold > Shop Options > Product gallery settings.

Best regards,
Ismael

Hi,

The default product gallery is not going to be included in the ALB template. You have replace it with the default gallery or the image sliders, which are available under the Media Elements panel.

Best regards,
Ismael

Hi,

@peruwan: Thank you for the inquiry. You can use this filter to append a text before the price.

// http://hookr.io/filters/woocommerce_get_price_html/

Please open a new thread if you need further assistance.

Best regards,
Ismael