Hello, I want to disable hover effect displaying second image for my store. I am using Bonita theme and I can’t see any option in “Theme Options”. Is there any way to do this? Thank you!
Here you have a link of the store https://kwinbeauty.ro/collections/all
Topic summary
Disable the hover effect that shows a second product image in the Bonita theme; no built-in toggle found in Theme Options.
- Proposed fix: add custom CSS in Online Store → Theme → Edit code → assets/frame.scss.
- The CSS targets the product-card hover state to remove the transform effect and adjust visibility, and hides elements with the hidden-feature_img class to prevent the secondary image from showing.
- A storefront link was provided for reference.
- No confirmation from the requester yet; resolution remains unverified in the thread.
Hello @sergiuzaharie ,
Add this css at the bottom
Online Store->Theme->Edit code
assets->frame.scss
.product-container:hover .product-additional img {
visibility: visible!important;
transform:none !important;
}
img.hidden-feature_img {
display: none !important;
}