Return to previous page

Margin wrong on shop page – half of product missing

This topic has 4 replies, 2 voices, and was last updated 4 minutes ago ago by Tony Rodriguez

Woolwolf

Participant

November 12, 2024 at 12:30

Hi,

On my shop page (the products-archive), where all my products are listed, the margins are incorrect, causing half of my first product to be cut off. It seems this issue is being controlled by a setting outside of the Elementor editor. Can you please help me fix this?

https://woolwolfknits.com/index.php/shop/

Best regards,
Trine

Content is visible for topic creator and
support staff only.

#422923 Copied Theme version: 9.4.4

3 Answers

Tony Rodriguez

Support staff

November 12, 2024 at 13:21

Hello, @Woolwolf,

Thank you for contacting us and for using XStore.

The shop page is related to how the images are displayed based on the WooCommerce settings. Here’s what you can do to fix the product image size:

Check WooCommerce Image Settings: Go to Appearance > Customize > WooCommerce > Product Images and adjust the Thumbnail width. You need to set – https://prnt.sc/05ExiCPvq6Zw Once you’ve updated these settings, you need to regenerate your thumbnails.

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.

Use Consistent Image Sizes: Make sure all your product images are of the same size to avoid distortions during resizing. Before uploading, use a graphics editor to adjust and prepare your images to fit the same dimensions.

We hope this helps.

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

Warm Regards,
The 8Theme Team

#422931 Copied

Woolwolf

Participant

November 20, 2024 at 10:40

Thank you for your assistance.

I have followed your instructions, and the images on the single product page are now functioning well.

However, I am still experiencing an issue with the margins on the front page of my shop. I have uploaded a screenshot for you to review, as it illustrates the problem. In the image, you can see that two-thirds of the product on the left is outside the margins.

Files is visible for topic creator and
support staff only.

#424321 Copied

Tony Rodriguez

Support staff

November 20, 2024 at 12:21

Hello, @Woolwolf,

Thank you for your response.

We are pleased to inform you that the issue has been resolved. Kindly clear your browser cache and review the changes on your site.

Our team has made adjustments to the archive page layout using the XStore builder and commented out the custom CSS code that was causing the issue.

For your reference, we have provided an image in the private content area.

We hope this resolves the matter to your satisfaction. Should you have any further questions or concerns, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Content is visible for topic creator and
support staff only.

#424349 Copied
Viewing 4 results - 1 through 4 (of 4 total)