Return to previous page

Cant edit the buttons on hover Woocommerce products

This topic has 4 replies, 2 voices, and was last updated 7 months, 3 weeks ago ago by Tony Rodriguez

wemakemarkting

Participant

September 7, 2023 at 13:39

Hey,

how can I edit/delete some of the buttons that appear if I am hover over a product on the shop page?

Right now its two buttons with no function and the wishlist button. I want to add an add to cart button and remove those two with no function.

Thank you.

#366884 Copied Theme version: 9.1.13 WooCommerce version: 8.0.3

3 Answers

Tony Rodriguez

Support staff

September 7, 2023 at 14:13

Hello, @wemakemarkting,

To disable the hover button on the product on the shop page, kindly follow the steps below:

1. Go to XStore.
2. Select Theme Options.
3. Proceed to Woocommerce.
4. Choose Shop.
5. Click on Product Design.
6. Under Design Type, select ‘Disable’.
7. Finally, publish your changes.

Please refer to the attached image for further information.
https://postimg.cc/QF4ZBZVd

Kindly proceed by scrolling down to the ‘Product Design’ option. Subsequently, navigate to ‘Product Content Elements’ and ensure that the ‘Add to Cart’ button is checked. Once this is done, please publish it.

Please refer to the attached image for further clarification.
https://postimg.cc/mtK1jpKG

Best Regards,
8Theme’s Team

#366888 Copied

wemakemarkting

Participant

September 11, 2023 at 08:59

Hey,

thank you for the reply.

I dont wont to delete all the hover buttons. Right now there are two with no function. I want to have a hover button for wishlist and one for add to cart.

#367175 Copied
Tony Rodriguez

Support staff

September 11, 2023 at 09:47
Hello, @wemakemarkting,

Thank you for your response.

1) We are writing to address the issue you have brought to our attention. We kindly request you to copy and paste the following CSS code into the Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Please ensure to clear your browser cache before checking your site again.

Here is the CSS code:
```
.woocommerce-shop p.wc-gzd-additional-info.wc-gzd-additional-info-loop.tax-info {
    display: none !important;
}
.woocommerce-shop p.wc-gzd-additional-info.wc-gzd-additional-info-loop.shipping-costs-info {
    display: none !important;
}
```
Additionally, We kindly request you to navigate to XStore and follow the steps outlined below:

1. Select ‘Theme Options’.
2. Proceed to ‘Woocommerce’.
3. Choose ‘Shop’.
4. Click on ‘Product Design’.

Please continue by scrolling down to the ‘Product Design’ option. Following this, navigate to ‘Product Content Elements’ and ensure that the ‘Add to Cart’ button is selected. Once this is completed, we request you to publish it.

Please refer to the attached image for further clarification.
https://postimg.cc/mtK1jpKG

We trust that this will resolve your concern.

Best Regards,
Team 8Theme
#367186 Copied
Tagged: customize woocommerce products, edit buttons hover, woocommerce button issues, woocommerce wordpress themes, wordpress woocommerce solutions
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Cant edit the buttons on hover Woocommerce products’' has been successfully resolved, and the topic is now closed for further responses

Cant edit the buttons on hover Woocommerce products

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection