Single Product Layout – Related product’s thumbnail isn’t square

This topic has 8 replies, 2 voices, and was last updated 1 year, 10 months ago by Elise Noromit.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
December 17, 2022 at 2:31 pm #429552
Bhaskar satywali
Participant
Hi Team,

Yesterday applied new layout on single product but 2 things are annoying a lot:

1. I don’t want that show more button at the end of the description, how to get rid of that?
2. The related product is nice but the thumbnail isn’t square and cutting edges off the preview. Tried to fix it but looks like it’s not editable in layout. How to fix it?

Screenshot1

Screenshot2 (where related product appears

Also, is there a way to create small preview of frequently bought together, the current style is too big, I prefer how Amazon shows

This is how amazon shows
- This topic was modified 1 year, 10 months ago by Bhaskar satywali.
December 18, 2022 at 5:26 am #429649

Elise Noromit
Member

Hello,

You have created a layout for the product: https://gyazo.com/8df34fd27da61cf948fc930b8a5e7aa1

Please check the layout and edit as per your needs: https://gyazo.com/003bb7211bcc5ce8a576391a1c98effa

As for the images, please check this manual: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

If you have any questions please feel free to contact us.

Best Regards

December 18, 2022 at 11:44 am #429662

Bhaskar satywali
Participant

Hi Elise, I have already attempted the 1st and 2nd video/picture. They are not the problem.

Regarding the image, my website uses square images (1000×1000) and it is displayed correctly everywhere except for this ‘related product’ widget. Upon clicking the widget, there is no option to change how picture would dipslay.

Also, you didn’t reply how to change/fix layout/design of frequently bought together block.

December 18, 2022 at 12:08 pm #429665

Bhaskar satywali
Participant

Reposting as I am not able to edit.

Hi Elise, I have already attempted the 1st and 2nd video/picture, they are not solving the problem.

Regarding the image, my website uses square images (1000×1000) and it is displayed correctly everywhere except for this ‘related product’ widget. Upon clicking the widget, there is no option to change the resolution of how picture would dipslay which is what is causing the issue.

Also, you didn’t reply how to change/fix layout/design of frequently bought together block.

Latest image of related products.

December 20, 2022 at 5:03 am #429992

Elise Noromit
Member

Hello,

I am checking the images now and they are the same size and proportion: https://gyazo.com/4d791fadf24081569fd60a46c276e88d

If you have any questions please feel free to contact us.

Best Regards

December 20, 2022 at 6:16 am #430008

Bhaskar satywali
Participant

No Elise, they are not, they should have been 350×350 or 200x 200 but what you see is 350 x 200 which is making them rectangle instead of square. The original image is 1:1 square.

December 21, 2022 at 5:23 am #430292

Elise Noromit
Member

Hello,

The width of the image depends on the number of items in the row, the height is adjusted automatically.

WoodMart does not influence the image of nature.

If you have any questions please feel free to contact us.

Best Regards

December 21, 2022 at 9:02 am #430316

Bhaskar satywali
Participant

Hi Elise, the block isn’t wordpress/woocommerence’s block but came with the layout, not sure why would you say that it’s not woodmart influenced.

You have the link and credentials, I could not change any parameters for that block to change no. of items to show, can you try from your end before concluding?

December 24, 2022 at 2:06 am #431049

Elise Noromit
Member

Hello,

As for the related product, this is Woocommerce functionality. WoodMart theme does not influence this.

Frequently bought products can be shown as they do, there is no option to set fixed width and height.

If you have any questions please feel free to contact us.

Best Regards
Author

Posts