Return to previous page

Product page products alignment & image size issue

This topic has 6 replies, 2 voices, and was last updated 8 months, 3 weeks ago ago by Rose Tyler

Ammarzo

Participant

August 17, 2023 at 11:56

I want to my products to be listed in properly while scrolling them, this is how it looks now (https://ibb.co/LQ5twMR) also I want the products page to look a bit bigger on mobile view.
Thank you

Please, contact administrator
for this information.

#364781 Copied Theme version: .9.1.13 WooCommerce version: 8.0.2

5 Answers

Rose Tyler

Support staff

August 17, 2023 at 13:01

Hello, Ammarzo,

Thank you for contacting us and for using XStore.

1/ We can’t log in. Please check the credentials.

2/ Theme Options > WooCommerce > Shop > Shop page layout > Masonry > Off.

3/ Do you want 1 product per row on the Shop page for mobile?

Kind Regards,
8theme team

#364794 Copied

Ammarzo

Participant

August 17, 2023 at 19:49

It didn’t work, I turned off the masonry still the product images are not aligned. also, I want to 2 products per row but the catch is the size should be a little bigger.

Please contact administrator
for this information.

#364846 Copied
Rose Tyler

Support staff

August 18, 2023 at 06:00
Hello, Ammarzo,

Thank you for your response.

1/ We’ve checked your settings and see that regenerate thumbnails is running right now. So in the result, you will get images in the same size but cropped – https://xstore.helpscoutdocs.com/article/89-product-images

2/ Please try to add the next code in Theme Options > Theme custom CSS > Mobile:
```
.product-view-default {
    padding: 0px 5px;
}
```
Kind Regards,
8theme team
#364861 Copied
Ammarzo

Participant

August 18, 2023 at 13:32

Seems like I have mistakenly turned off the thumbnail setting which was running.
Also I have applied the theme css code but still the problem is same, the images are not set properly (https://ibb.co/Y0yw6nV)

#364921 Copied

Rose Tyler

Support staff

August 18, 2023 at 14:24

Hello, Ammarzo,

Did you read this article https://xstore.helpscoutdocs.com/article/89-product-images ?
We would recommend you use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.

Appearance > Customize > WooCommerce > Product images > Thumbnail Width > we’ve set https://prnt.sc/vZOo1tk1AGOc . After these changes, you need to Regenerate Thumbnails to apply them! You can use Regenerate thumbnails plugin to do this https://wordpress.org/plugins/regenerate-thumbnails/

If the regeneration doesn’t help, we would recommend you contact support of WooCommerce, because image settings are independent of our theme – https://wordpress.org/support/plugin/woocommerce/

Kind Regards,
8theme team

#364933 Copied
Tagged: image size issue, product page alignment, woocommerce image solutions, woocommerce product issues, woocommerce templates, wordpress product alignment, wordpress templates
Viewing 6 results - 1 through 6 (of 6 total)