Hi,

Unfortunately, we will not be able to help properly if we cannot edit the files and test the modification. Please allow file editing in the Appearance > Editor panel at least so that we could edit the snippet and do the necessary changes. And aside from updating the height values, try to also adjust the width values as well so that the thumbnails are completely different from each other.

Best regards,
Ismael

Hi,

The code above looks correct, the values of the crop parameter are valid. Did you purge the cache and regenerate the thumbnails after editing the code?

We would like to test this again but the login token above seems to have expired. Please create another token, or post the WP and FTP details in the private field so that we could test the site properly.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

The unregistered thumbnails will be removed automatically when you regenerate the images using a plugin or a custom script, but we recommend installing an extension. This process might take a while depending on the number of images uploaded in the media library. Please check these plugins.

// https://wordpress.org/plugins/regenerate-thumbnails/
// https://wordpress.org/plugins/simple-image-sizes/

This process is safe but please do not forget to create a restore point or a site backup before regenerating the images in case something went wrong.

Best regards,
Ismael

Hi,

Thank you for the update.

The unregistered thumbnails will be removed automatically when you regenerate the images. Please install one of the following plugins to regenerate the images. This process might take a while depending on the number of images uploaded in the media library.

// https://wordpress.org/plugins/regenerate-thumbnails/
// https://wordpress.org/plugins/simple-image-sizes/

This process is safe but please do not forget to create a restore point or a site backup before regenerating the images in case something went wrong.

Best regards,
Ismael

Hi,

It seems like you have not regenerated thumbnails after changing image sizes. I set the size of Gallery images to 600x600px and regenerated them.

Please review your website :)

Best regards,
Yigit

Hey Illingco,

Thank you for the inquiry.

You should be able to set the thumbnail size in the Styling > Appearance > Preview Image Size settings of the Blog Posts element. It is also recommended to upload images with the same size to maintain the alignment of each item in the grid.

Best regards,
Ismael

Hi,

It should regenerate new thumbnails when you upload the images again after the code adjustment, but make sure to purge the server and plugin cache before doing so because the old thumbnails might still be in used instead of the updated ones.

Could you post the updated code? Have you tried adjusting the size of the other thumbnails a bit so that they are completely different? Just add or subtract a pixel for the width and height and update the first value in the array so that they are valid.

Best regards,
Ismael

Hi,

Could you please try adding 2 images in List Item Description field using Add Media button and not uploading a thumbnail image?

Best regards,
Yigit

Hey Angela,

Thanks for contacting us!

If you would like to use two images for the same product, you can simply upload first image as product thumbnail in product page and upload second image into product gallery and then choose to display that image on hover – https://imgur.com/a/fKnvosq

You can see an example here – https://kriesi.at/themes/enfold-shop/. Please hover on “Blue Blouse” :)

Best regards,
Yigit

Hi,

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,
Ismael

Hi,

Thank you for the info.

We can now see the issue and it is probably not working as it should because the plugin modifies the markup of the product items, removing the class name or container woocommerce-loop-product__title which is where the cart script gets the product title.

This is the new markup from the plugin.

<td class="product_title_col">
                            <span class="mobile-label">Product</span>
                            <a class="product_link" href="https://site.com/product/amazin-raisin-sunflower-seeds-trail-mix-snack-variety-2-3-ounce-bulk-bags-125pk-case/"><img src="https://amazingfruitproducts.com/wp-content/uploads/2018/10/amazin-raisin-sunflower-seeds-orange-and-strawberry-80x80.png" class="wwof_product_listing_item_thumbnail" alt="Amazin' Raisin + Sunflower Seeds Trail Mix Snack Variety 2.3-ounce Bulk Bags 70pk Case" srcset="VALUE" sizes="(max-width: 48px) 100vw, 48px" width="48" height="48"></a>                            <a class="product_link" href="https://site.com/product/amazin-raisin-sunflower-seeds-trail-mix-snack-variety-2-3-ounce-bulk-bags-125pk-case/">Amazin' Raisin + Sunflower Seeds Trail Mix Snack Variety 2.3-ounce Bulk Bags 70pk Case</a></td>

You might have to ask the plugin author to apply the default class attribute for the title to the title markup above.

Best regards,
Ismael

Hi,

Did you upload the original image again or regenerate the images after the thumbnail registration?

This is probably not working as it should because the new thumbnails’ x_crop_position or the first value in the array is invalid. The valid values are ‘left’ ‘center’, or ‘right’.

  $sizes['divide_img_top_center'] = array( 'width' => 1920, 'height' => 500, array('top','center') );
  $sizes['divide_img_center_center'] = array( 'width' => 1920, 'height' => 500, array('center','center') );
  $sizes['divide_img_bottom_center'] = array( 'width' => 1920, 'height' => 500, array('bottom','center') );

So top-center and bottom-center is not correct, and should be center-top and center-bottom.

Best regards,
Ismael

Merhabalar Orhan :)

1- Bahsettiginiz videoyu video elementini kullanarak mi sayfaniza ekliyorsunuz? Eger oyleyse, video elementini duzenleyip Advanced > Responsive sekmesi altindan buyuk ekranlarda elementi saklamayi secebilirsiniz – https://imgur.com/a/orsHCAk :)

2- Lutfen Enfold theme options > Shop Options sekmesinden “Enable Banner for product category pages” secenegini aktif edin. Daha sonrasinda Products > Categories sekmesinden duzenlemek istediginiz kategoriyi secin, bannerinizi “Thumbnail” alanindan yukleyip hemen altindaki “Enfold Child Category Styling” alanindan “Display product image and description as fullwidth page banner” secin :)

Cheers!
Yigit

Hey Rafael,

Thank you for the update.

Are you using the default editor for the pages, or the Advance Layout Builder (ALB)? If you are using the default editor, you might have to modify the includes > loop-page.php file and change this line of code..

$thumb = get_the_post_thumbnail( get_the_ID(), $avia_config['size'] );

					if( $thumb ) 
					{
						echo "
<div class='page-thumb'>{$thumb}</div>
";
					}

Replace the get_the_post_thumbnail function with the wp_get_attachment_image_src to get the URL of the featured image and define your own markup with the data-skip-lazy attribute.

// https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/

Best regards,
Ismael

Hi,

@fecanimedia: Did you regenerate the thumbnails after adding the above snippet? Try to use the one of the following plugins to regenerate the images with the new default thumbnail quality.

// https://wordpress.org/plugins/regenerate-thumbnails/
// https://wordpress.org/support/plugin/simple-image-sizes/

If you need further assistance, please feel free to open a new thread. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

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,
Ismael

Hi,

Thank you for the inquiry.

We have to modify the enfold\config-templatebuilder\avia-shortcodes\postslider\postslider.php file and add the year above the featured image markup, which is around line 772 of the said file.

$output .= $thumbnail ? "<a href='{$link}' data-rel='slide-" . avia_post_slider::$slide . "' class='slide-image' title='{$image_link_title}'>{$thumbnail}</a>" : '';

Did you add the year as a custom field? If so, then we could use the get_post_meta function to get the value of the custom field and render it in the page.

// https://developer.wordpress.org/reference/functions/get_post_meta/

Best regards,
Ismael