Product Images Sticking Out of Borders

StickerHubNZ · ‎06-20-2024

Hi team,

I’m working on my new store using the Ventures theme and I’ve made it show 3 products across instead of the default 2, however for some reason my product images are sticking out passed the borders and as you can see down the bottom there’s a space (it’s only showing 2 products per row on the last row)

Store URL: http://www.stickerhub.co.nz

Problem:

Any help is greatly appreciated. Thank you very much!

Dan-From-Ryviu · ‎06-20-2024

Hi @StickerHubNZ

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code to solve that issue

<style>
.product-card__image img {
transform: scale(1) !important;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

JohnnyChen · ‎06-20-2024

I didn't see it happen in my browser, have you fixed it already?

Shopify Developer

StickerHubNZ · ‎06-20-2024

Mobile only issue.

JohnnyChen · ‎06-20-2024

I see, add a overflow hidden css rule on the container would fix it

Shopify Developer

Dan-From-Ryviu · ‎06-20-2024

Hi @StickerHubNZ

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code to solve that issue

<style>
.product-card__image img {
transform: scale(1) !important;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

StickerHubNZ · ‎06-21-2024

Thank you yet again @Dan-From-Ryviu

Do you know why it is only showing two across instead of three on the bottom row on mobile? 🙂

StickerHubNZ · ‎06-21-2024

Hi Dan,

Is there any way to make my product images slightly bigger? (Not physical size) but zoomed in a little? They are quite hard to see at the moment.

Product Images Sticking Out of Borders

Product Images Sticking Out of Borders

Community Blog Articles