Product Picture / Video Views - Question | JoomShaper

Product Picture / Video Views

Y

Yan

EasyStore 1 day ago

The pictures and videos on Easy Store is being cut in both standard view and when you enlarge. When viewed on the standard view; everything is shown as square picture and if the uploaded picture is rectengular as many of the product pictures are, it cuts the picture from both sides. When you view the pictures on enlarged view (once click on pictures and it shows on popped window), then it cuts the pictures from both top and bottom. The small pictures showing all pictures of the product on the bottom of the page overlaps with the product picture so everything on the bottom is not shown and plus the enlarged view cuts most of the pictures on the top too. So, regardless you view the pictures on standard view or enlarged, the pictures are not seen completely. How can you make the pictures always 1:1 to the visible frame and avoid EsasyStore cutting and overlapping the pictures?

0
5 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 day ago #209512

Hello Yan,

Thank you for reaching out to us.

Could you please share a screenshot of the issue and the affected URL so we can look into it further?

Thanks,

0
Y
Yan
Accepted Answer
1 day ago #209518

Hello Ziaul, I provided the link on hidden content.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 22 hours ago #209560

Hi Yan,

Our current design uses this layout to maintain consistent structure and spacing across all products. However, I can see that some of your images appear cropped or too close to the frame.

To improve the appearance, you’ll need to adjust your product images — most of them don’t have any padding or empty space around the product, which causes them to look cut off on both the shop and product pages (or appear boxed).

Once you update the images by adding some space (padding) around the products, we can apply a small CSS adjustment to ensure everything displays properly without cropping.

This combination — cleaner images plus a minor CSS fix — will make your store look much more balanced and professional.

Thanks

0
Y
Yan
Accepted Answer
5 hours ago #209651

A lot of texts but the short answer you are saying that your platform can't adjust the images and you are asking us to go through hundreds of pictures and add padding on padding? Is someone checking what you really propose and telling you what you propose makes zero sense? Your software should simply make everything 1:1 fit on the screen you guys allocated for picture view area.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 hours ago #209683

Our current system already maintains a 1:1 aspect ratio, and all images currently fill the box completely, which can make the overall design look a bit tight. I’ve added a small CSS tweak to add some spacing around the images. Please apply this in your custom CSS. You can refer to the documentation on how to add custom CSS.

https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

.easystore-product-image img, .easystore-product-image video {
    padding: 20px;
}

You may change the padding value.

Thanks

0