Reply 352207 to: I want to have Custom Button For Products
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.
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.
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;
}
