Hide Price & add to cart in tabs and quick view
-
Hello, I am using the Yith Request a Quote plugin. I’m 90 percent to it working with woodmart however i noticed when i switch product tabs my add to quote buttons go away and show the price and add to cart text. is there any way i can remove this without using span. as i would still need to use pricing for quotes. I linked the webiste. thank you
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
Will do! Thank you for your response. I also included images of the places where the price and add to cart are still showing.
Attachments:
You must be
logged in to view attached files.
Hello,
Try to add the following code in the function.php of the child theme to fix the issue.
add_action( 'woocommerce_after_shop_loop_item', function () {
if ( empty( $_REQUEST['action'] ) || 'woodmart_' !== substr($_REQUEST['action'], 0, 9) ) {
return;
}
$show_button = apply_filters( 'yith_ywraq-btn_other_pages', true ); //phpcs:ignore
global $product;
if ( ! $product ) {
return false;
}
$type_in_loop = apply_filters(
'yith_ywraq_show_button_in_loop_product_type',
array(
'simple',
'subscription',
'external',
'yith-composite',
)
);
if ( ! yith_plugin_fw_is_true( $show_button ) || ! $product->is_type( $type_in_loop ) ) {
return false;
}
if ( ! function_exists( 'YITH_YWRAQ_Frontend' ) ) {
require_once YITH_YWRAQ_INC . 'class.yith-request-quote-frontend.php';
YITH_YWRAQ_Frontend();
}
YITH_YWRAQ_Frontend()->print_button( $product );
}, 15);
Best Regards,
Thank you! that worked 95%! I am now getting all buttons upon switching tabs, but unfortunately, the price is still showing :/ Your continued help is appreciated.
The price also shows on the quick view mode
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
.woocommerce-Price-amount {
display: none !important;
}
Best Regards,
unfortunately, that code disables pricing for woocommerce all together. We’ll still need to be able to quote customers and have them checkout as yith allows. as you can see in the screenshots it does not show totals on front end. Also still shows on quick view. is there a away to not show those variables on those modules?
Sorry for all the troubles. really appreciate your help!!
Attachments:
You must be
logged in to view attached files.
Hello,
Please remove the previous code and add the following code to the Theme Settings > Custom CSS > Global:
.quick-view-horizontal .woocommerce-Price-amount {
display: none !important;
}
.wd-tabs .woocommerce-Price-amount {
display: none !important;
}
Best Regards,
That worked perfectly! Really appreciate the support on this. You’ve been exceptional.
I may need to start a new thread but was wondering if you can point me in the right direction. I have yith product add-ons and options plugin installed and its It injecting its own CSS and overrides the theme’s button styles. wondering if you know a fix for this? Thank you!
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global.
/* Override YITH Add to Quote button colors */
.woocommerce .add-request-quote-button.button,
.woocommerce .add-request-quote-button-addons.button,
.wp-block-post.product .add-request-quote-button.button {
background-color: #ff0000 !important;
color: #ffffff !important;
border: 1px solid #ff0000 !important;
border-radius: 5px !important;
padding: 12px 24px !important;
font-weight: 600 !important;
font-size: 1rem !important;
}
/* Hover state */
.woocommerce .add-request-quote-button.button:hover,
.woocommerce .add-request-quote-button-addons.button:hover,
.wp-block-post.product .add-request-quote-button.button:hover {
background-color: #000000 !important; /* hover background */
color: #ffffff !important;
border-color: #e60000 !important;
}
Best Regards,
That only seems to be effecting the shop page, unfortunately. The place of issue where the buttons are overriding are the tabs on homepage. maybe we can target .wd-tabs somehow?
also to be clear the plugin that is making this effect the buttons is this one-https://yithemes.com/themes/plugins/yith-woocommerce-product-add-ons/
Thank you!
can i add .wd-tabs to the code you provided by chance?
Hello,
Please add this code to the Theme Settings > Custom CSS > Global.
/* Force style for YITH Add to Quote buttons everywhere (shop + tabs + grids) */
.wd-tabs .add-request-quote-button,
.wd-tabs .add-request-quote-button-addons,
.wd-product .add-request-quote-button,
.wd-product .add-request-quote-button-addons,
.woocommerce .add-request-quote-button,
.woocommerce .add-request-quote-button-addons {
background-color: #ff0000 !important;
color: #ffffff !important;
border: 1px solid #ff0000 !important;
border-radius: 5px !important;
padding: 12px 24px !important;
font-weight: 600 !important;
font-size: 14px !important;
text-decoration: none !important;
}
/* Hover state */
.wd-tabs .add-request-quote-button:hover,
.wd-tabs .add-request-quote-button-addons:hover,
.wd-product .add-request-quote-button:hover,
.wd-product .add-request-quote-button-addons:hover,
.woocommerce .add-request-quote-button:hover,
.woocommerce .add-request-quote-button-addons:hover {
background-color: #000000 !important;
color: #ffffff !important;
border-color: #000000 !important;
}
Best Regards,
.
