Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1039304

    Hi!

    I use woocommerce and would like to set the product preview pictures in correct sizes.

    In the enfold function I found the entries below but which one is used for my single product page?
    Can I change the sizes in child funktion?

    All the best!

    /*
     * Register additional image thumbnail sizes
     * Those thumbnails are generated on image upload!
     *
     * If the size of an array was changed after an image was uploaded you either need to re-upload the image
     * or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
     */
    
    $avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
    $avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
    $avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
    $avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
    $avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
    $avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
    $avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
    $avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
    $avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider
    $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);
    
    $avia_config['selectableImgSize'] = array(
    	'square' 				=> __('Square','avia_framework'),
    	'featured'  			=> __('Featured Thin','avia_framework'),
    	'featured_large'  		=> __('Featured Large','avia_framework'),
    	'portfolio' 			=> __('Portfolio','avia_framework'),
    	'gallery' 				=> __('Gallery','avia_framework'),
    	'entry_with_sidebar' 	=> __('Entry with Sidebar','avia_framework'),
    	'entry_without_sidebar'	=> __('Entry without Sidebar','avia_framework'),
    	'extra_large' 			=> __('Fullscreen Sections/Sliders','avia_framework'),
    	
    );
    • This topic was modified 5 years, 12 months ago by vollstark.
    #1039461

    Hey vollstark,

    Please go to WooCommerce > Settings > Products > Display and change image sizes and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Jordan Shannon

    #1039539

    Hi!

    I installed the plugin but there isn´t such an option at woocommerce/settings/products :-(

    But thats not exactly what I mean ;-)

    When I upload my pictures there should be a scaled version for the main product picture. When click on it, it should be load the big one.
    At the moment there is the big one set at the main picture. That makes the page size (MB) too big.

    You know what I mean?

    All the best

    #1040437

    Hi vollstark,

    It is now in Appearance > Customize > Woocommerce > Product Images > Main image width.
    As for the lightbox image, by default it uses the fullsize, if you want to change it I think there’s some hook provided by woocommerce to do that.

    Best regards,
    Nikko

    #1040466

    Ah. Thank you so much :-) I will try it. I hope it works :-)

    • This reply was modified 5 years, 11 months ago by vollstark.
    #1040503

    Hi,

    Please let us know the results

    Best regards,
    Jordan Shannon

    #1040505

    Hi!

    I´m not sure but I think it doesn´t work the way I want. :-(

    I can´t explain it :-(

    I will try it to explain…
    I set the image size at Appearance > Customize > Woocommerce > Product Images > Main image width.
    Then I uploaded new product pictures. The small ones are now at the size I set but the main picture are still big.
    Something is confused now. :-(

    Do you want to have a look at the browser page ressources?

    #1040818

    Hi vollstark,

    You can give us a screenshot if you like.
    You can post it on https://imgur.com/ or other online image sharing sites and post the link here.
    From what I have understood, you want the image in the lightbox to be smaller that what is currently showing?
    The image you have in lightbox is 890px wide and 890px tall, if you want to make it smaller, I would suggest using some image editing softwares to crop it since wordpress crops sometimes doesn’t give you the results you expect.

    Best regards,
    Nikko

    #1043104

    Hi!

    Sorry for my late answer…

    No, I don´t want to skale the lightbox size.

    I found the solution by your answer. I think the problem was the my cache ;-)

    All the best!

    #1043151

    Hi vollstark,

    Glad that it’s all good :)
    Feel free to comeback if you need further assistance on this topic.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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