Return to previous page

I want to have Custom Button For Products

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

First Idea

Participant

April 3, 2023 at 12:25

Hi Team,

I am trying to add custom button to products and not able to do, Requesting you to please make the below things for me.

1. Here https://postimg.cc/k2vVtx62 in category/shop page, I need to have custom button and button name should be ‘View Details’ instead of add to cart.

2. Here https://postimg.cc/47VRm1yM in single product page i need to have only product images (left side) as it is and on right side i need product name as it is, Price as it is, short description (optional), and next remove those qty, add to cart, buy now, but keep categories and share icons as it is & also keep product description as it is.

3. After removing buttons as above point, I need to have only one button price, button name should be ‘Enquire Now’ and for this i should be able to add a custom link which goes to WhatsApp as a enquiry.

4. Here https://postimg.cc/mzY7Ztf4 when i am tryin to hover mouse on sub categories(mega menu items) its not happening smoothly and some confliction is there, if i move cursor from apparels to mega menu, its disappearing., please check and help.

I hope i will get as i need as mentioned above.

Thank you.

Please, contact administrator
for this information.

#352102 Copied Theme version: 9.0.5

3 Answers
Tony Rodriguez

Support staff

April 4, 2023 at 08:54
Hello, @First Idea,

1. We have an option in our theme to show or remove the Add to Cart button from Shop/Category pages under XStore >> Theme Options >> WooCommerce >> Shop >> Product Design (Product Content Elements). To do this, please uncheck the Add to Cart option and refer to the screenshot provided: https://postimg.cc/5YPCdNx0

Unfortunately, it is not possible to show a Custom Button as there is no such option in our theme. However, you can show the Quick View and you will find all the settings of the Quick View under XStore >> Theme Options >> WooCommerce >> Shop Element >> Quick View.

2. You can turn OFF the Buy Now button from XStore >> Theme Options >> WooCommerce >> Single Product Page >> Single Product Layout as per your requirements: https://postimg.cc/HJmrK7CH.

To remove the Add to Cart Button and Quantity from the Single Product Page, please copy and paste the following Custom CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and clear the browser cache.
```
.single-product form.cart {
    display: none !important;
}
```
3. Unfortunately, it is not possible to add custom text buttons or images to the single product page using the default pre-built layout functionality. To do so, you will need to use the Single Product Builder feature of our theme.

To add a section with a button, such as “Enquire Now”, please navigate to Dashboard > Static Block > Add new Static Block and edit it using Elementor. Once you have made the necessary changes, save it as a Static Block.

After that, please select the desired Static Block for HTML Block 1 under XStore > Theme Options > Woocommerce (Shop) > Single Product Builder > Custom HTML Block 01 and save the settings. For a better reference, please watch the video I have captured for you.

https://www.veed.io/view/d108a2d0-ab39-483e-9080-be1a5c414fd6?sharingWidget=true&panel=share

4. We are pleased to inform you that your issue has been resolved. Please clear your browser cache and check your site again. We have added a single line of Custom CSS code to Theme Options >> Custom CSS to fix this issue.
```
.header-main-menu2.et_element-top-level .menu > li > a {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
```
We hope this resolves your issue.

Best Regards,
8Theme’s Team.
#352207 Copied
First Idea

Participant

April 5, 2023 at 11:35

Hi Team,

Thank you so much for the solutions an quick revert.
I have followed your guidelines and created a static block for custom button as Enquiry button.

But i am not able to place the button where i needed on single product page.
Check this screenshot https://postimg.cc/XBC9C6XR to understand where exactly i need the button. Please place the button and help me.

Apart from above query, I have one more issue as below.
In home page, navigation buttons are not working, check here i marked https://postimg.cc/R6nWPQ9f

Please help.

Thank you.

Please contact administrator
for this information.

#352390 Copied

Tony Rodriguez

Support staff

April 6, 2023 at 07:41

Hello, @First Idea,

1. We apologize for any inconvenience this may have caused. As we previously mentioned, the button can only be placed in the desired location with the Single Product Builder. However, since you are not using the Single Product Builder on your site, it is not possible to do so with the default layouts.

2. We have tested the navigation buttons on the home page and they are functioning properly. We have recorded a video for you to view here: https://www.veed.io/view/5952962e-139f-41c1-84b7-8171b5a71cb6?sharingWidget=true&panel=share. We believe this is likely a caching issue on your end.

Best Regards,
8Theme’s Team

#352473 Copied
Tagged: custom buttons, persuasive style, product customization, woocommerce template, woocommerce wordpress
Viewing 4 results - 1 through 4 (of 4 total)