How To Change Product Thumbnail Size To 1:1 - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

How To Change Product Thumbnail Size To 1:1

M

MANSIONA

EasyStore 10 months ago

Jewels template I don’t see a place where I can modify the size of the Jewels template thumbnail?

https://drive.google.com/file/d/1RSNSgDFjSCCDJF-ghfV7Z7TBJ2F1kooH/view?usp=sharing

0
2 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #178275

Hi,

Product Photos used on your website are not square-shaped (they are rectangular to the top), so yes only additional CSS can help. A Small tip, class names used there:

.easystore-product-gallery button  {  }

.easystore-product-gallery button  img { }

Choose the Right CSS method, those are the options:

  • `overflow: hidden`: Best for static cropping with full control over placement.
  • object-fit: Ideal for responsive designs with consistent aspect ratios.
  • clip-path: Use for creative shapes and advanced cropping.
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #178276

For example

.easystore-product-gallery > button  {
  clip-path: inset(5% 0% 5% 0%);}

After using it info_2979_2024.gif

Whole rest is on your hands & keyboard.

0