Remove Product Hover Effect

unadiamond · ‎09-17-2024

Hi there!

I would like to remove the ring properties that come up when a user hovers over the product imagery. Can someone please help? Thank you in advance!

Site link

BSSCommerce-B2B · ‎09-17-2024

@unadiamond ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before </body>

<style>
.product-item__image:hover .bold_options,
.product-item__image .bold_options{
  display: none!important
}
</style>

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B · ‎09-17-2024

@unadiamond ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before </body>

<style>
.product-item__image:hover .bold_options,
.product-item__image .bold_options{
  display: none!important
}
</style>

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

GTLOfficial · ‎09-17-2024

Hello @unadiamond
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
add this code at the end of the file.

.bold_option.bold_option_dropdown {
display: none;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Remove Product Hover Effect

Remove Product Hover Effect

Community Blog Articles