Blurry Product Images in Sidebar Widgets

Hello, @Elhadj07,

Thank you for reaching out to us with your concern regarding the product image size on your website. We understand how important it is for the images to appear clear and properly aligned to ensure a great visual experience for your users.

Please read the next articles – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ https://docs.woocommerce.com/document/fixing-blurry-product-images/
The size of products comes not from our theme, but from WooCommerce settings in Appearance > Customizer > WooCommerce > Product Images. From your screenshot, it looks like the images are cropped.

Please note that once you change these settings you need to regenerate thumbnails using the appropriate plugin.

Regenerate Thumbnails: After changing the image size, install and run the Regenerate Thumbnails plugin to ensure all images are resized correctly. This will help remove the blurriness caused by mismatched image dimensions.

It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery and for products. In other cases, images may have different heights on the frontend.

We hope this helps. Further assistance you can get from the WooCommerce support team – https://wordpress.org/support/plugin/woocommerce/

Best Regards,
8Theme’s Team

Hello, @Elhadj07,

Thank you for your response.

1/ Please read this article first – https://www.8theme.com/documentation/xstore/woocommerce/product-images/
Try to set the Thumbnails Size 355px, uncropped, and then regenerate thumbnails using the appropriate plugin.

You need to set – https://prnt.sc/05ExiCPvq6Zw Once you’ve updated these settings, you need to regenerate your thumbnails.

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best Regards,
8Theme’s Team

Hello, @Elhadj07,

Thank you for your response.

To assist you more effectively, we kindly request that you provide access to your site’s WordPress admin panel. Please share the credentials securely in the private content area so that we can review your settings in detail and offer the necessary support.

Additionally, we would greatly appreciate it if you could provide a detailed description of your specific requirements or desired outcome. This will help us better understand your needs and ensure we deliver the best possible assistance.

Thank you for your cooperation.

Best regards,
The 8Theme Team

Dear @Elhadj07,

Thank you for reaching out to us.

Currently, there are no hooks or settings available to directly modify the product image size for that specific widget. However, you can achieve this by following the steps below:

1. Copy the following file from the XStore Parent theme:
/wp-content/themes/xstore/woocommerce/content-widget-product-slider.php
and paste it into the XStore Child Theme directory:
/wp-content/themes/xstore-child/woocommerce/content-widget-product-slider.php.

2. Once the file is copied, open it and navigate to line 33.

3. Locate the following code:

  
   $thumbnail = $product->get_image( 'woocommerce_gallery_thumbnail');  

4. Replace it with:

 
   $thumbnail = $product->get_image( 'large');  

We hope this solution resolves your issue. Should you have any further questions or need additional assistance, please don’t hesitate to contact us.

Best regards,
The 8Theme Team

Hi @Elhadj07,

Please also add this custom CSS codes:

.swiper-wrapper.product_list_widget .swiper-slide {
    margin: 0 0 10px 0 !important;
}

Hope it helps!