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

[Bhaskar satywali]

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, 5 months ago by Bhaskar satywali.

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

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.

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.

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

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.

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

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?

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