Tagged: product picture
Hello!
How can i prevent this from happening? http://glui.me/?i=mwh6b662s5tmhhr/2014-09-29_at_5.55_PM.png/
here is the link if you want http://site.bedesignful.com/dirtmd/product/dirt-md/
Also how can I change the proportions of this page, I want the image to be much bigger than the text two 50/50 columns…
Thanks!
Hi Ignazio!
1- Please go to WooCommerce > Settings > Products and change “Single Product Image” then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
2- Please add following code to Functions.php file in Appearance > Editor
#
# 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='six units 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='six units single-product-summary'>";
}
function avia_close_summary_div()
{
echo "</div>"; //close out the summary
}
Best regards,
Yigit