Catalogue mode in Translated Site

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client wants to enable Catalogue mode for the English version of their site using WPML, specifically to hide prices and the 'add to cart' button on product pages.
Solution:
We recommend translating the product content first. Then, to hide the price and 'add to cart' button in the English version, you can add custom CSS. Go to your site's backend > Appearance > Customizer > Custom CSS area and insert the following CSS code:

html[lang="en-US"] .price, html[lang="en-US"] .wd-single-add-cart {<br />display: none !important;<br />}

This CSS will effectively hide the price and purchase options for products in the English version of your site.

If this solution does not apply to your case, or if it seems outdated, we highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If further assistance is needed, please open a new support ticket.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: Exception

This topic contains 3 replies, has 0 voices.

Last updated by Mihai Apetrei 2 weeks, 3 days ago.

Assisted by: Mihai Apetrei.

Author	Posts
November 26, 2024 at 9:56 am #16443753
christosK-16	Background of the issue: I have a site built with woodmart theme with Greek as the original language and English as the translated language. I want to know if it's possible to put the site in Catalogue mode for the translated language using WPML. Specifically, I want to translate the products but not show the prices and the add to cart button. Symptoms: No specific issue or error message mentioned. Questions: Is there a way to enable Catalogue mode in the translated language using WPML? How can I hide prices and the add to cart button in the translated version of my site?
November 26, 2024 at 11:53 am #16444484
Mihai Apetrei Supporter Languages: English (English ) Timezone: Europe/Bucharest (GMT+02:00)	Hi there. You can translate the content, and then, with the help of custom CSS code, you can hide the price area and the purchase button in a specific language. If you can translate a product page and then share the link with me, I can help you with some quick code that you can use to hide those elements. Kind regards, Mihai Apetrei
December 2, 2024 at 2:13 pm #16466691
christosK-16	Im sending you a product to help me with the css code. My original language is greek and the language i will translate the products is english. So i want to hide the price and the add to cart button only in english language hidden link
December 4, 2024 at 12:56 am #16474063
Mihai Apetrei Supporter Languages: English (English ) Timezone: Europe/Bucharest (GMT+02:00)	Hi there. Thank you. Please go to your site's backend > Appearance > Customizer > Custom CSS area > add the following CSS code and save: html[lang="en-US"] .price, html[lang="en-US"] .wd-single-add-cart { display: none !important; } This should help you hide the price + add to cart + purchase buttons.