Personalized checkout and custom promotions with Shopify Scripts
Hello ! I have been looking for a solution for a long time on Shopify on how to put a feature of Image Zoom on hover for one of the main pictures on my homepage. The website link is here :- https://st-james-feelgood.myshopify.com/.
You will find the image down below as you scroll down. It contains a picture of body parts.
I would appreciate if someone could tell me the source code for making this change on my CSS and Html so that i can implement it right away. Thanks
.ss-gallery_all-item{
overflow:hidden;
}
.ss-gallery_all-item a img{
transform:scale(1);
transition: .2s;
}
.ss-gallery_all-item a img:hover{
transform:scale(1.1);
transition: .2s;
}
Is this what you mean by image scaling?
You can put these code in base.css
I modified the following section:
User | RANK |
---|---|
4 | |
2 | |
2 | |
1 | |
1 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023