Hi, I have 2 questions. The link to my site is attached under private data.
1) How do I move the whole entry and preview image higher up? like in image below..

2) Regarding related entries, how do I…
a) expand spacing between thumbnails
b) expand the thumbnail size
c) place the title below thumbnail instead of only displaying upon hover
d) display only 6 related entries

Hey!
Thank you for the info. If you want the parallax banner to use the original image, modify the config-woocommerce > config.php file then look for the avia_woocommerce_parallax_banner function around line 838. Search for this line of code:
$bg = wp_get_attachment_image_src($bg, 'extra_large');
.. replace the extra_large thumbnail size with full:
$bg = wp_get_attachment_image_src($bg, 'full');
Cheers!
Ismael
Hi
I have several updated Enfold sites which shares a common issue with Layerslider.
All sliders are working on the frontend, but when I access the backend all images are gone from the sliders. “Slide Image & Thumbnail” should have an image but they are gone on most sites.
Example: http://mc.bb-j.dk/wp-content/uploads/2016/Skaermbillede%202016-01-03%20kl.%2022.04.53.png
Hi!
When you select the logo are you sure your using the “full” size setting and not a thumbnail? Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.
Best regards,
Elliott
Well actually I’m not good at coding that much. Just a bit brave to play with things to achieve my goals.
In this case, what I’m trying to achieve is to create a product page template using your advanced layout editor. I want to create a box in this template that shows the actual products logo image, name, price, purchase button and a note about the purchase process. I know I can do this manually for each product. But I want to automate things to eliminate human error.
So far I achieved this with php codes in text blocks:
[insert_php] the_post_thumbnail( array(256, 256)); [/insert_php] –> displays the featured image on top.
[insert_php] the_title(); [/insert_php] –> displays the product name
$ [insert_php] $bcprice = get_post_meta( get_the_ID(), ‘_regular_price’, true ); echo esc_html( $bcprice ); [/insert_php] –> gets the product price and displays in h1 tag.
And I use product purchase button element below them.
These all takes the data from database. So when I load this box as a template from the advanced layout editor I do not need to change any value manually.
My problem is the image as I told. I want to seperate the featured image and product logo image. So in the shop page I want to see the featured img. But in the product page I need to see the logo image in this purchase box I created. I thought the easiest way to get this to add the product logo img as the first product gallery image and call this with a php code to display in the purchase box.
I tried the code you gave me. But it needs a defined ID at the beginning so this will not be automated. What I need is to call the ID of the first gallery image from database and display it.
I don’t know that much coding. And I’m not sure if this is an advanced customization request. All I need is a little help only with this code.
Thanks so much.
Hey guys! I’m running in to the exact same issues as peanutgraphic. I’m using the Blog Posts Content Element within a Color Section on the blog page and I have the Blog Style set to Single Author, big preview pic. The preview image size is set to Large (500×400), but for some reason, the preview image size is only showing up as a full width image. More specifically, 910x555px. What is going on here? I can’t for the life of me get this image to actually show up as 500×400.
Here is what I’ve tried:
- Tried using: https://de.wordpress.org/plugins/simple-image-sizes/ to change image sizes. Still didn’t work.
- I’ve tested this in multiple browsers and incognito windows. And have done quite a few hard refreshes.
- I resized the thumbnails with http://wordpress.org/extend/plugins/regenerate-thumbnails/. Still didn’t work.
- Edited the functions.php file to include the following code. Still didn’t work.
add_filter( ‘avf_modify_thumb_size’, ‘enfold_customization_modify_thumb_size’, 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size[‘square’] = array(‘width’=>300, ‘height’=>300);
return $size;
}
I’ve included the login information to the site. Please help! Thank you and happy new year :)
Emily
Hi guys,
hope you had a merry christmas. I just found out that my archive pages show up different.
on my gallery archives 2015 shows like it is supposed to be http://dumaguete.com/category/galleries/2015/
featured image as thumbnail – title excerpt.
on all other gallery pages it shows the whole post with all images. http://dumaguete.com/category/galleries/2014/
how do I get all into the way 2015 archive is displayed?
cheers
Rhoody.
Hi whmcreative2!
Did you make sure to regenerate the thumbnails?
If your still having trouble then send us a link to your page and we’ll take a look.
Best regards,
Elliott
Hi,
I’m using Enfold with woocommerce. I’m styling all my product pages with advanced layout builder and I do some custom changes by adding php codes (using the insert php plugin).
One of the sections I wanted to display the product thumbnail image and I used the code:
[insert_php] the_post_thumbnail( array(256, 256)); [/insert_php]
and it works.
But in another section, I just want to display the first image of the woocommerce’s product gallery individually. (Actually, there will be only one image on the product gallery.)
What should be the php code for this?
Thanks for your help.
I’m using masonry to show my woocommerce products but it uses 705×306 size to show both landscape and portrait product images. So when using 2 or 3 columns full-width layout thumbnails on masonry becomes blurry. I want to change this:
$avia_config[‘imgSize’][‘masonry’] = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry
to this:
$avia_config[‘imgSize’][‘masonry’] = array(‘width’=>1440, ‘height’=>1440 , ‘crop’ => false); // images for fullscreen masonry
How to do it via enfold child theme?
Update:
Sorry I found the solution here
https://kriesi.at/support/topic/modify-post-image-size/#post-432178.
-
This reply was modified 10 years, 4 months ago by
brandedcoms. Reason: Found the solution
Hi all:
I am using Enfold and Tubepress Pro and am experiencing css issues with the thumbnail display of gallery images on responsive sites.
When hovering the cursor over any gallery the thumnails “jump”.
Please see this recorded gif: https://gyazo.com/65a940e44ff4ad4220d593da0922976b
The effect is especially severe on responsive smaller browser windows, iPad devices etc.
I researched previous issues with Tubepress and came acrtoss this thread on your site: https://kriesi.at/support/topic/enfold-tubepress/ However the recommended fix did not work for me.
Please advise how this issue can be fixed for various responsive display sizes.
Hi!
1. Try changing the size in Settings > Media > Thumbnail size. Once you done that, run this plugin to re-generate the images to their new size.
Cheers!
Josue
Hi Elliot,
the web can be found here: http://www.biznisteam.sk
Meanwhile I found out where the problem is – the post slider projects the image which is attached to the post as Featured image, it does not take just any image from the post’s body. This is a different principle since the plugin I am using for related articles simply takes the first image placed in the post and puts it as a thumbnail.
T.
Hello,
On my blog I have used the advanced Avia layout builder. I set my page up, then saved it as a template. I have duped several blog post and added new content and added tags. Here is problem one:
1. Some post display a tag(s) that I don’t have chosen within the Avia layout builder.
2. Some post don’t display the thumbnail image.
Thanks for the help.
Hey!
Sorry for the delay. Please replace the code in the functions.php file with this:
add_filter('single_product_large_thumbnail_size', funtion() {
return 'large'; //default "shop_single"
});
EDIT: Please ignore the code above. Use this instead:
add_filter('woocommerce_single_product_image_html','avia_woocommerce_post_thumbnail_description', 10, 2);
function avia_woocommerce_post_thumbnail_description($img, $post_id)
{
global $post, $woocommerce, $product;
if(has_post_thumbnail())
{
$image_title = esc_attr(get_post_field('post_content', get_post_thumbnail_id()));
$image_link = ;wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('avf_avia_builder_helper__shop_lightbox_size','large'));
$image = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(
'title' => $image_title
) );
$attachment_count = count( $product->get_gallery_attachment_ids() );
if ( $attachment_count > 0 ) {
$gallery = '[product-gallery]';
} else {
$gallery = '';
}
return sprintf( '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" rel="prettyPhoto' . $gallery . '">%s</a>', $image_link[0], $image_title, $image);
}
return $img;
}
Regards,
Ismael
Hey THP!
1. Try adjusting the Product Thumbnails size to the overall kind of images you’re using:
https://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/#section-2
2. I checked it on a MBP retina display and couldn’t note any blurriness (you’re referring to the slider below ‘Latest Stock Images On Sale’ right?).
Regards,
Josue
Hi Annelies!
You can change the thumbnail size for those on line 122 in the functions.php file.
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
Use this plugin to regenerate the thumbnails after doing the change, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Best regards,
Elliott
Hey!
Whenever you change the sizes try regenerating the thumbnails again with this plugin, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Best regards,
Elliott
On the product’s page, when the user select a variation and click on a thumbnail. Lightbox didn’t work and the image is showing in a blank page.
Using Enfold 3.4.2 with WooCommerce Additional Variation Images version 1.7.2
Hey!
Can you please go to Settings > Media and set thumbnail sizes to 80x80px and check “Crop thumbnail to exact dimensions (normally thumbnails are proportional)” then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/?
Cheers!
Yigit
Hi,
Here is my portfolio page:
http://ching-studio.com/portfolio/family-works
When I view the page (safari or chrome, mac, ipad or iphone), all the thumbnails stacked not right. It will change if I resize the window, but on ipad or smartphone the browser can’t be resized.
Is anyone occurred the same problem?
The screenshot: https://www.evernote.com/l/AANscMPzPkhEGL5iBaHKpvEyiJk_PByW4Uk
Thanks.
Hi,
Just wondering if it possible to launch a lightbox image gallery directly from the portfolio thumbnail page, rather than the thumbnail linking to a dedicated page for that portfolio. Further information provided in private content.
Thanks,
A
Hey mexi33330!
If we force them all to be the same height then they will look distorted. You would need to crop the images so they are the same size before uploading them.
Or consider using the regular gallery shortcode so a thumbnail version displays and when clicked on the full image displays in lightbox.
Regards,
Elliott
Hi themeforesttony!
Make sure that you set the “fullsize” option when setting the image and not any of the other WordPress predefined thumbnail sizes.
Send us a link to your page and we’ll take a look.
Best regards,
Elliott
Hi Andy,
if this is the situation I suggest to use imsanity (https://wordpress.org/plugins/imsanity/), but this is not what I was looking for.
It looks very strange to me that you can’t set the lightbox to load a thumbnail instead of the original image, are you really sure about it?
Best
Sigifin
Hi,
I added the code and regenerated thumbnails.
It did not increase the image size.
Should I change something also at settings>media?
Hey!
you need to clear browser cache and hard refresh a few times afterwards. Maybe you even need to regenerate your thumbnails. Let us know if this helps you.
Regards,
Andy
Hi eyeweb!
Please add following code to Functions.php file in Appearance > Editor
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size['square'] = array('width'=>250, 'height'=>250);
return $size;
}
then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit
Here is a link to demonstrate the issue:
http://www.gregorybeylerian.com/tag/drawings/
You will see that the post, “Flowers In A Vase” is cut off on the top and bottom of the thumbnail grid view image.
Hi eleclipse!
Add this to your custom CSS.
img.ubermenu-image.ubermenu-image-size-thumbnail {
padding-right: 10px !important;
}
In the Masonry element there is an option for creating a margin between each element. You can set a 1px gap or a “Large Gap”.
Best regards,
Elliott