Shopify themes, liquid, logos, and UX
Currently, All Images are getting zoomed when we hover on product image, want only 1 image to get zoom at a time.
Checkout URL: https://redpandaoutdoor.in/products/cloud-wing-ultralight-backpacking-tent
i had added this code in ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.
.product-gallery__media-list-wrapper:hover img {
scale: 1.2;
transition: .5s;
}
Solved! Go to the solution
This is an accepted solution.
Hi @Emiway1
Please add this code to theme.css file to solve this issue
.product-gallery__media.snap-center { overflow: hidden; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- 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.
- En...Sign up now.
This can be done by modifying the code file
This is an accepted solution.
Hi @Emiway1
Please add this code to theme.css file to solve this issue
.product-gallery__media.snap-center { overflow: hidden; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- 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.
- En...Sign up now.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025