Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 9, 2014 at 11:48 pm #333497
    Keith

    Hello,

    I just updated to the new version of Enfold and need some help making the product image larger on the single product page. In previous updates, I was able to change the Woocommerce config.php making the single-product-main-image 8 units and the single-product-summary 4 units instead of six and six.

    That code no longer exists in the config.php. What’s your recommendation to achieve this in the new version?

    Thanks!
    Keith

    October 10, 2014 at 4:27 pm #333915
    lzevon

    Similar issue – images are gigantic now?

    October 10, 2014 at 4:30 pm #333919
    lzevon

    cleared cache – reloaded and seems OK now.

    October 10, 2014 at 4:32 pm #333920
    Yigit

    Hi!

    Have you tried flushing browser cache and refreshing your page a few times after updating the theme. This is how it looks on my end – http://i.imgur.com/ampvN3s.png

    Best regards,
    Yigit

    October 10, 2014 at 5:14 pm #333955
    Keith

    Hi Yigit,

    I realize that I misstated the change I need. Previously the Woocommerce config.php was set to 4 units for the picture and 8 for the description. I have been changing that to six an six each time I update Enfold. The new config.php does not have the lines of code specifying the 8 / 4 units so that I can change to six/six.

    What is the proper way to change this in the new version of Enfold?

    Thanks,
    Keith

    October 13, 2014 at 6:53 pm #335115
    Keith

    Checking in, any thoughts on how to make the product image / description 50% | 50%?

    October 16, 2014 at 5:15 am #336525
    Josue

    Hey!

    Try adding this at the very end of your theme / child theme functions.php file:

    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>";
}
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>"; 
}

    Cheers!
    Josue

    February 10, 2017 at 9:46 am #745291
    Cykelstyrken

    How to make the product image / description 50% | 50%? Can some please help me? I need bigger pictures on product page and smaller description.

    February 10, 2017 at 12:40 pm #745365
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

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

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.