Tagged: ,

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

    Hi there!

    What are the chances of increasing the size of the thumbnail images on the Products widget? Default is 28×28 which is just SO small. We have ours placed in the footer (link in private content for reference).

    Thanks in advance!


    Hey kellyCraftMedia,

    Please try the following in Quick CSS under Enfold->General Styling:

    #footer div ul.product_list_widget li img {
        width: 60px;

    Best regards,


    This is great! I just have a couple of followup issues I was hoping you could help with:

    1) When viewing on my computer/desktop, there is quite a lot of space between the Product Name and the Price. I think the price is lined up with the bottom of the thumbnail image, causing that to float down and look a little detached from the Product Name. It looks great on mobile, however!

    2) I have three products displaying in my footer (link in Private Content), the first image for Canary Gold is showing up just fine – nice and clear. The next two are quite fuzzy and I can’t figure out why! This may not be related to the new code you provided – I think it’s been happening for a while (we just didn’t notice since the images were so small!). I regenerated thumbnails but that didn’t have an effect on anything. The images load up just fine on mobile and look great, so I’m baffled!

    I’ve including login info just in case you need to poke around the back-end.

    Thanks so much!



    Thank you for the update.

    We tried to login to the site but it is asking for a verification code — code is sent to the email address. Please verify the account first, or provide another verified account so that we could check the site.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.


    Best regards,


    Sorry about that! I turned off the two factor authentication.

    I didn’t start a new topic because my issues are directly related to my original question.




    Sorry for the late response. We can now properly access the site.

    1.) To decrease the space between the product title and price, we could use this css code to pull the price container upwards so that it is closer to the product title. This might cause minor issues with products with longer title.

    .product_list_widget li .woocommerce-Price-amount {
    	top: -30px;
    	position: relative;

    2.) Are you referring to the same product widget? The following snippet should adjust the size of the default product thumbnail.

    add_filter( 'woocommerce_get_image_size_thumbnail', function( $size ) {
        return array(
            'width'  => 120,
            'height' => 120,
            'crop'   => 0,
    } );

    Default size of the thumbnail is only 36x36px.

    Best regards,


    Price looks better! I’ll play around with it a little bit.

    For the Product Widget thumbnail, I added that filter code you provided to the functions.php file – is that where I was supposed to add it? Either way – it didn’t work. That code ended up making ALL product thumbnails that size – and that doesn’t work for the rest of the website that displays the shop (for instance, the home page product feed and the shop page). I just need to fix the problem with the footer widget displaying products – if you look at any of the pages of the website you’ll see they are REALLY fuzzy.

    When I inspect that element I still see coding forcing a 36px wide thumbnail – screenshot link in private notes. Not sure if that helps narrow it down.




    Thank you for the update.

    Looks like the theme overrides the default product image size for the widget. Please try to add this code in the functions.php file instead to disable the function that overrides the image size.

    add_filter('avf_wc_widget_product_image_size_ignore', '__return_true', 10, 2 );

    Or this filter to use a different thumbnail instead of the default “widget”.

    add_filter('avf_wc_widget_product_image_size', function( $thumbnail, $product, $size, $attr, $placeholder ) {
        $thumbnail = 'portfolio'; 
        return $thumbnail;
    }, 10, 5);

    Best regards,


    That’s SO much better- thank you so much! The first code worked perfectly.



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Product widget’ is closed to new replies.