Locale and hiding sections on different languages.

Technical Q&A
,
1

Hi everyone,

I’ve recently setup a shop in english, traditional chinese and simplified chinese.

Everything is going great in hiding translating and also hiding chinese pictures on the english lanaguage pages.

However, I can’t seem to hide the english pictures on the chinese pages no matter what..

Ive tried the chinese tradition codes “zh” “zh_tw” “zh_cn” small letter and capitals.. also tried other possible codes that might be used for chinese like “zh_t” (traditional) and “zh_s” for simplified… but nothing seems to work for hiding the english sections in the chinese pages.

Heres a copy of the code - the top part for ‘en’ works well. The english pages are ok. So when the locale goes to “zh_tw” nothing works.

{% style %}

{% if shop.locale == ‘en’ %}
#shopify-section-template–23349941043514__multirow_EjUtjD,
#shopify-section-template–23349941043514__rich_text_ErRRN6,
#shopify-section-template–23349941043514__image_banner_3CQ4N6,
#shopify-section-template–23349941043514__image_banner_4cEjUh,
#shopify-section-template–23349941043514__image_banner_CfiFCC,
#shopify-section-template–23349941043514__image_banner_6Pxjzt {
display:none;
}
{% endif %}

{% if shop.locale == ‘ah_tw’ %}
#shopify-section-template–23349941043514__multirow_kLj4cX,
#shopify-section-template–23349941043514__rich_text_HUNmUc,
#shopify-section-template–23349941043514__image_banner_mhTAyn,
#shopify-section-template–23349941043514__image_banner_pj4jEd,
#shopify-section-template–23349941043514__image_banner_gUwTMa,
#shopify-section-template–23349941043514__image_banner_bdXnBb,
#shopify-section-template–23349941043514__collapsible_content_8mhU8E,
#shopify-section-template–23349941043514__rich_text_7bLwpU {
display:none ;
}

{% endif %}

Thanks in advance for your help!

2

Hey @jkpshop

The issue might be with the locale code you’re using in the second condition. The correct locale code for Traditional Chinese in Shopify is zh-TW, and for Simplified Chinese, it’s zh-CN.

Here’s how you can update your code:

{% style %}

{% if shop.locale == 'en' %}
#shopify-section-template--23349941043514__multirow_EjUtjD,
#shopify-section-template--23349941043514__rich_text_ErRRN6,
#shopify-section-template--23349941043514__image_banner_3CQ4N6,
#shopify-section-template--23349941043514__image_banner_4cEjUh,
#shopify-section-template--23349941043514__image_banner_CfiFCC,
#shopify-section-template--23349941043514__image_banner_6Pxjzt {
display:none;
}
{% endif %}

{% if shop.locale == 'zh-TW' or shop.locale == 'zh-CN' %}
#shopify-section-template--23349941043514__multirow_kLj4cX,
#shopify-section-template--23349941043514__rich_text_HUNmUc,
#shopify-section-template--23349941043514__image_banner_mhTAyn,
#shopify-section-template--23349941043514__image_banner_pj4jEd,
#shopify-section-template--23349941043514__image_banner_gUwTMa,
#shopify-section-template--23349941043514__image_banner_bdXnBb,
#shopify-section-template--23349941043514__collapsible_content_8mhU8E,
#shopify-section-template--23349941043514__rich_text_7bLwpU {
display:none;
}
{% endif %}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

AHHH thank you so much… such a simple solution, and its weird I’ve checked the Shopify coding for language locales… and it says its ZH_TW and ZH_CN with an underscore , is it to do with the smaller/upper case as well?

Thanks for the solution.. did the trick!

4

Yes I think it’s case sensitive too so for safe side, you can make sure of the smaller/upper case as well. Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like