How can I add a hover effect to product images on a Shogun page?

Store Design
,
1
  • Hey everyone I have made a page on shogun and I want to add hover effect on product images i have tried writing custom css for each product but it doesn’t work please give me the solution for this it would be very helpful
2

Hello @Rahul50 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.css file

Add this following code at the bottom of page

.product-image {
  transition: transform 0.3s ease;
}

.product-image:hover {
  transform: scale(1.2);
}

Save changes

Hope this can help.

Transcy

3

hey @Transcy thanks for replying can you tell me how can I change product image on hover in shogun