Return to previous page

Hide add to cart button on hover of product carousel

This topic has 2 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Tony Rodriguez

riddlezitindustries

Participant

October 11, 2022 at 16:23

How do you hide the add to cart button on a product carousel on the

#336240 Copied Theme version: 8.3 WooCommerce version: 6.9.4

1 Answer

Tony Rodriguez

Support staff

October 12, 2022 at 07:15

Hello, @riddlezitindustries,

Actually, Theme has an option to hide the add to cart button in the Theme options >> WooCommerce >> Shop >> Product Style >> Check image: https://postimg.cc/cvMxjvjk but it will hide the button from the complete site. If you want to hide the button from the carousel/slider only you have to make it using custom CSS code.

Now, In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

.product-slide .product-details .button{display:none !important;}

Then save settings and check back to your site after clearing the browser cache.

Regards 8Themes Team.

#336260 Copied
Tagged: best selling, button, carousel, cart, hide, hover, product, themes, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)