Solved EasyStore

Problems with thumbnails in Easystore

Asked by XviR 2 years ago Last activity 2 years 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.

Accepted answer

Marked as the solution

Mehtaz Afsana Borsha Staff

2 years ago

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

6 more replies

Mehtaz Afsana Borsha Staff

2 years ago

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

-Regards.

XviR Asked this

2 years ago

Thank you very much, details in hidden Content

Mehtaz Afsana Borsha Staff

2 years ago

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

XviR Asked this

2 years ago

Thank you very much, details in hidden Content

Mehtaz Afsana Borsha Staff

2 years ago · edited

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;
}

XviR Asked this

2 years ago

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

XviR Asked this

2 years ago

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.

XviR Asked this

2 years ago

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;
}

}