Hi!
Install this plugin then go to Settings > Media and change the “gallery” image size (increase it), finally regenerate the thumbnails by clicking the button at the bottom.
Best regards,
Josue
Hey!
Please go to WooCommerce > Settings > Products > Product Image Sizes and change “Single Product Image” then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
If you would like to change single product layout, please also see – http://kriesi.at/documentation/enfold/change-woocommerce-single-product-page-layout/
Cheers!
Yigit
Hi there,
I have setup a slider with thumbnail navigation. When hovering the mouse over the thumbnails the div with the class = “ls-thumbnail-slide” moves left/right according to the location of the cursor. I would like to disable this over effect and only allow arrow navigation and keep the thumbnails.
Is there a simple solution for achieving this?
Geschätztes Support,
Gerne würden wir bei der Gallerie das Prinzip “Big image with thumbnails below” nutzen, jedoch die thumbnails nicht unten sondern auf der rechten Seite des grossen Bildes anzeigen lassen.
Ist dies möglich und wenn ja wie wäre das umzusetzten?
Ich würde mich über eine Antwort sehr freuen. Recht herzlichen Dank.
M.Vetter
I’m having the same issue – I am editing the image sizes, just the same as generatrorassociates, however when updated and viewed on the website, the images don’t actually change in size.
I have the main photo set to be the “Portfolio small 260×185”, however the photo is still enlarged and distorted far beyond the original size of the photo (which is 415 × 336). The thumbnails are much larger than the 80×80 setting.
It doesn’t matter how I make the settings, the photo sizes never actually change whatsoever.
Hi!
Images that you uploaded are resize to different thumbnails. That one in particular is the thumbnail size use for entries with sidebar.
Cheers!
Ismael
Hello!
is there a setting to change the behavior of the product details page so that if i click on the thumbnails they don’t open in a lightbox but just swipe the image?
I always wondered when are you gonna do something a little cooler with the product detail pages… they look so boring… small images, no avia builder, no product image slider, no product templates to choose from.. with all the innovation you are doing with the Avia builder please innovate a little the ecommerce functionalities!
GREAT JOB THOUGH!
Cheers
Ignazio
Hi!
Go to Settings > Media. Set those thumbnail sizes to 0. Update then save changes. They won’t be generated after that. Or you can edit config-woocommerce > config.php. Find and remove this line of code:
//product thumbnails
$avia_config['imgSize']['shop_thumbnail'] = array('width'=>120, 'height'=>120);
$avia_config['imgSize']['shop_catalog'] = array('width'=>450, 'height'=>450);
$avia_config['imgSize']['shop_single'] = array('width'=>450, 'height'=>999, 'crop' => false);
Cheers!
Ismael
i copied your code into the functions file of my child theme
the single product pages are even more messed up now what am i doing wrong? do i need to turn off a specific setting?
this is the functions file for my child theme and link to pg to show you
http://www.heritagetrim.com/testq/store/boot-cover/
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/
//product thumbnails
$avia_config[‘imgSize’][‘shop_thumbnail’] = array(‘width’=>120, ‘height’=>120, ‘crop’ => true);
$avia_config[‘imgSize’][‘shop_catalog’] = array(‘width’=>260, ‘height’=>260, ‘crop’ => true);
$avia_config[‘imgSize’][‘shop_single’] = array(‘width’=>450, ‘height’=>999, ‘crop’ => false);
#
# 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=’four 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=’five units single-product-summary’>”;
}
function avia_close_summary_div()
{
echo “</div>”; //close out the summary
echo “<div class=’three units single-product-sidebar’>”;
get_sidebar();
echo “</div>”;
}
?>
Hi!
Please use this plugin: https://wordpress.org/plugins/simple-image-sizes/
Look for the square thumbnail size. Adjust the width and height then set the crop parameter to No. Update then save changes. Regenerate the thumbnails or upload them again.
Regards,
Ismael
Hey!
Thank you for using Enfold.
This is a very old thread. A lot has change since. You can use the portfolio items if you want to open the overview thumbnails to lightbox. Edit the portfolio item then look for the Overwrite Portfolio Link setting. Choose define custom link. Add the image uri or link on the Link portfolio item to external URL field. Edit the masonry element and choose Portfolio Entries on Which Entries? setting.
Cheers!
Ismael
Hi!
Actually, I’m not sure why there are tons of duplicated thumbnails present on the Media library if it’s not there on the uploads folder. Is it OK if we deactivate the plugins while working on the site? If possible, we would like to test it on a default WP theme with your permission.
Best regards,
Ismael
Dear support team,
I would likte to move an older project using another WP theme (Avada) to Enfold (Enfold 3.0 is amazing!).
Before I do that, I wonder, if you could help me with the questions beforehand. The aim is to have the same look of the website using Enfold’s two column portfolio Ajax (see URL attached as private content).
Therefore I have the following questions:
- Is it possible to change the thumbnail picture size for the two columns grid to a different one when I use the portfolio grid element? I would like to add 460px × 263px to the dropdown list and probably need to update my functions.php for that.
- Can I also add the space between the portfolio thumbnails? Maybe some CSS would do.
- Is it possible to change the hover effect of the thumbnails like in my example (thumbnail turns from black and white to color at mouseover. I just need the CSS class, where to add the CSS code.
- Is it possible to make the background outside the Ajax popup dark and transparent (like in lightbox)?
Please have a look at this. Maybe you also have easier solutions for migrating the old website to Enfold.
Thanks in advance!
Daniel
This reply has been marked as private.
Ah Devin, just installed mentioned plugin:
120×120 >> shop_thumbnail size
450×337 >> shop_single size
450×450 >> shop_catalog size
What should I do to prevent them from being uploaded ? Which theme template is being creating those sizes ?
Thank you
Hey!
Please go to Appearance > Editor and open Functions.php file and find
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36);
and change it to
$avia_config['imgSize']['widget'] = array('width'=>80, 'height'=>80);
then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Yigit
Hi!
This is how it looks on my end – http://i.imgur.com/TOw2IY1.png
All thumbnails are 180x180px and displayed 140x140px both old ones and new ones. I could not see any difference
Can you post a screenshot and show how it looks on your end?
Regards,
Yigit
Sure,
Take a look at this page:
http://mymodelingbootcamp.com/community/events-industry-info/
Notice under the September 23-24 event the thumbnails are blurry while all the other thumbnails posted on the page are fine – these were done before the updates to the Theme or WordPress.
Now anytime I add an image to the media gallery it comes in blurry as a thumbnail.
Thanks for any help.
John Sexton
I am using the Enfold Theme 3.0 on WordPress 4.0 and now when I upload images to the Media Library the thumbnails are blurry. The images appear fine when clicked on and looked at in a lightbox but in the thumbnail view they are blurry. I was reading in Support that perhaps you could “adjust the gallery preview image” – would live to have some instructs on how to fix this issue. Thanks
John S.
Hi Josue,
the thumbnails are generated in 80×80 px, but they are displayed in a smaller size.
Best regards,
Daniela
Hey montanayank!
Thank you for visiting the support forum.
Can you please give us a link to a product page with the issue? I checked some of the books and they look fine. Please refer this link on how to change the thumbnail sizes: https://kriesi.at/support/topic/foreshortened-product-images/#post-329550
Cheers!
Ismael
Hi montanayank!
Thank you for using Enfold.
Please install this plugin: https://wordpress.org/plugins/simple-image-sizes/ then go to Settings > Media. Change the width and height of the shop_catalog size. Set the Crop parameter to false. Update then save changes. Regenerate the thumbnails or upload them again.
Cheers!
Ismael
Hey Brad!
From the Theme Options go to the “Demo Import” tab and select it from the image thumbnails of the different layouts.
Regards,
Devin
Yes, I’ve been testing this all morning. IE’s debugger was the most helpful (I know, right?), and pointed out the problem. Here’s the Error:
Console: SCRIPT1023: Expected hexadecimal digit
Debugger: lsjQuery(“#layerslider_10”).layerSlider({responsiveUnder: 1920, layersContainer: 1920, hideOnMobile: true, hideUnder: 400, twoWaySlideshow: true, loops: 10, skin: ‘fullwidth’, navStartStop: false, navButtons: false, hoverBottomNav: true, showCircleTimer: false, thumbnailNavigation: ‘disabled’, skinsPath: ‘http://beta.geology.utah.gov/wp-contentE:\www\ugsweb\wp-content\themes\enfold\config-layerslider\LayerSlider/static/skins/’})
I bolded the problem (I don’t know how to fix it though since the problem is a folder path is the root folder for my entire site). I guess /u is unicode and expects a hexidecimal digit afterwards (http://msdn.microsoft.com/en-us/library/ie/13ht9e2w(v=vs.94).aspx). If the /u is to be interpreted literally, there needs to be a //u. Any ideas how to fix this?
Hi hobart!
It looks like you might have changed the image size for the single product photos to 999 height: boxed-eave-image-450×999.jpg
Check the WooCommerce settings and change the size in the options to 450×450. Then save and regenerate your thumbnails with this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Cheers!
Devin
Hi Ismael,
Thanks for the reply. Will that also make the captions visible once each thumbnail is clicked, i.e., when it appears in the lightbox? If not, ideas on how I can do that?
Thank you,
Tim
Good Afternoon,
I have been having a few issues trying to present a gallery without thumbnails. As an example, I would like the big image, without all the other images underneath, so that the viewer can simply click on a single image to bring up the lightbox and view as a slideshow, or scroll through the images that have been included in the gallery.
I found the following on a different thread, but it didn’t work – I placed it in the Quick CSS:
.avia-gallery-thumb {
display: none !important;
}
Among a variety of other different attempts, whenever I look at the page, whether after clearing the cache and restarting the browser, or otherwise – it simply continues to show the thumbnails. Is there additional CSS that must be included to achieve this?
I have Enfold V3.0 as the current theme.
The page in question is only a test page at the moment, but I would really like to remove these thumbnails, but so far, I have had no luck.
Thanks for any input you can give.
After some searching, I found a way to turn off the portfolio title link by using this code:
.grid-sort-container h3.grid-entry-title a {
pointer-events: none;
}
Now is there a way to make the title linked to the Lightbox just like the thumbnail above it?
Dear Team Kriesi:
I’ve searched the forum for a solution, but no luck. I’ve got a WordPress gallery here:
http://www.americanartistinrome.com/dev/blog/2012/12/21/copying-van-dyke/
At the very least, I’d like the captions to show when the thumbnail is clicked, but I’d actually like the captions to also show under the thumbnails.
Ideas on how I can do that with the default WordPress galleries?
Thanks for the help.
Cheers,
Tim
Hi talelie!
Please go to Appearance > Editor and open Functions.php file and find
$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
edit as needed and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Yigit