Remove price, variables & replace Add to Cart button with Contact Us

Hi @uptmzd,

Thanks for reaching out! Your request sounds like a great way to tailor WooCommerce to suit your client’s limousine service. Here’s how you can approach these changes:

1. Renaming Buttons:
You can use Loco Translate to rename the “Add to Cart” and “Select Options” buttons to “Reserve” and “Learn More” respectively. Here’s a guide to help with that:
https://woocommerce.com/document/woocommerce-localization/#creating-custom-translations-with-Loco-Translate

2. Hiding Prices and Variations:
To hide prices and variable options, you can apply the following CSS:

/* Hide product prices on product pages */
.woocommerce-Price-amount {
display: none;
}
/* Hide variable options dropdown */
form.cart .variations {
display: none;
}

Please note that implementing and maintaining custom code is outside the scope of our support. We recommend working with a developer to ensure the changes align with your needs. You can learn more about our support scope here:?https://woocommerce.com/support-policy/

3. Redirecting the “Reserve” Button:
Could you clarify what you mean by the “booking page”? Is it a separate form/page, or are you referring to the product page itself? This will help us guide you better on how to set up the redirect.

Thank you!

1 – I already have WPML installed, will this work? Instead of Loco Translate?

2 – I’m assuming I add this code in Appearance > Customize > Additional CSS?

This is currently what my additional CSS section looks like. Where would I add those lines of code you sent?

/* Hide element on Desktop */
@media only screen and (min-width: 981px) {
.hide-on-desktop {
display: none !important;
}
}

/* Hide element on Tablet/Phone */
@media only screen and (max-width: 980px) {
.hide-on-mobile-tablet {
display: none !important;
}
}

html .theme-page .theme-page-header .theme-page-header-bottom .theme-component-button
{
display:block;
}

3 – Yes its a seperate page. This is the URL to be exact https://linklimousines.com/book/

• This reply was modified 2 months, 2 weeks ago by uptmzd.

Hi @uptmzd,

Thanks for clarifying! Here’s how you can proceed:

1. Using WPML:

Yes, you can use WPML instead of Loco Translate to rename the buttons. WPML’s String Translation feature allows you to locate and replace the text for the “Add to Cart” and “Select Options” buttons. For more details, check out WPML’s documentation:

https://wpml.org/documentation/getting-started-guide/string-translation/

2. Adding the CSS:

You’re correct that the code can be added under Appearance > Customize > Additional CSS. You can paste the new lines of code at the end of your existing CSS.

3. Redirecting the “Reserve” Button:

Since the “Reserve” button should lead to the booking page (https://linklimousines.com/book/), you can achieve this by using the Hide Price & Add to Cart Button extension.

If you’d prefer to handle this through custom code, it’s possible, but it will require development work to modify button text, hide prices, and redirect users to the booking page. For customizations, we recommend working with a developer or exploring services listed on our Customization page.

Let us know if you have any more questions.

I added the code you provided to my staging website:

/* Hide product prices on product pages */
.woocommerce-Price-amount {
display: none;
}
/* Hide variable options dropdown */
form.cart .variations {
display: none;
}

But it doesn’t hide the prices on the category pages, just the product pages. Please what else do I need to add to the code to hide the prices on the category pages?

Staging website so you can see: https://woocommerce-856495-2958252.cloudwaysapps.com/packages/weddings/ (notice how the prices are still showing on the category page)

If you go on a product page, the prices don’t show up anymore which is good, but if you scroll down to the related products section the prices show there too (I’m assuming I need another line of code for this too?) https://woocommerce-856495-2958252.cloudwaysapps.com/product/anniversary-limousine/

HI @uptmzd,

I’ve reviewed your initial request and it seems you’re looking to customize your site and modify some default behaviors of WooCommerce.

To clarify, this request falls outside the support scope of this forum, which is focused on addressing core WooCommerce issues and bugs. I recommend reaching out to professionals for help. You can hire experts through WooExperts, Codeable.io, or seek assistance in the community Slack channel.