Problems With Thumbnails In Easystore - Question | JoomShaper

Problems With Thumbnails In Easystore

X

XviR

EasyStore 2 months ago

I need the thumbnails displayed on both the storefront and the single product to be square.

I can't find a way to modify the width and length of the easystore thumbnail element from pagebuilder.

0
9 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 months ago #150767

Glad to know that your problem is solved now. You can now close this post by accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 months ago #150242

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?

-Regards.

0
X
XviR
Accepted Answer
2 months ago #150288

Thank you very much, details in hidden Content

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 months ago #150407

Could you please give me that specific page link? So that I can check the thumbnails size?

0
X
XviR
Accepted Answer
2 months ago #150427

Thank you very much, details in hidden Content

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 months ago #150576

Hi

Use this CSS in your custom.css file

 .easystore-product-image {
    border-radius: unset !important;
  }

.easystore-product-image img{
  height:500px !important;
    width: 500px !important;
}
0
X
XviR
Accepted Answer
2 months ago #150600

Thanks for the support.

With this new code inserted in the custom file, the individual article view is solved, and now appears square.

But, the storefront and quickcart view the thumbnails are still rectangular and do not show the product image correctly

0
X
XviR
Accepted Answer
2 months ago #150580

Hello, I have included the code in the custom.css file, and it has not solved the problem, the images still do not appear square.

0
X
XviR
Accepted Answer
2 months ago #150609

Hello again, with the help of the code that you provided me, I have made the following changes, and it perfectly solves the problem, making it functional in responsive mode at the same time.

.easystore-product-image { border-radius: unset !important; }

.easystore-product-image img{ height: 80% !important; width: 100% !important; }

}

0