How can I implement a hover effect on product images with an updated template?

Store Design
,
1

I am attempting to implement a hover effect on my product images, but the solutions that involve editing the theme.scss.liquid file are not feasible as our current template has apparently been updated and no longer includes that file. I have tried applying the same solution to other theme files without success. If possible, I would greatly appreciate your assistance with this new template.

2

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css or theme.css->paste below code at the bottom of the file

img {
    transition: all 0.3s !important;
}
img:hover {
    transform: scale(1.1) !important;
}

Hope my answer will help you

1 Like
3

Thank you, it’s worked perfectly