I am looking to update my theme to add a language selector to the header on the right and am not comfortable with coding. Can someone assist me by providing the code I would need to add as well where to place it in my theme’s code? I’m using the Persuit Theme
Topic summary
Adding a language selector to the Persuit theme header (top-right) without custom coding.
Key developments:
- Initial guidance suggested injecting custom code/CSS to position a selector on desktop, but the provided approach did not work for the store. The store uses Shopify’s “Translate & Adapt” app.
- Clarification established the goal: a language switcher button, not a full custom translation system. Manual custom coding was noted as more complex and backend/API-heavy.
Built-in solution proposed:
- In Theme Customizer: Header > enable “Show language selector”. User reported enabling it did not change anything.
- Root requirement explained: the selector only appears if more than one language is added and published in Settings > Languages. Steps shared to add/publish languages; Shopify may prompt to install “Translate & Adapt” and use it to translate content (e.g., Afrikaans, Portuguese, French).
Media/attachments: Multiple screenshots illustrate where to enable the selector and how to add/publish languages.
Status: No confirmed resolution. Next action is to ensure additional languages are added and published; then the header selector should appear without extra code.
Hello!,
If your language feature is enabled, we can manually embed codes anywhere on the page. What is the website name?
Terence
Hi Terence,
The website name is https://gallaghersa.co.za/ and our theme is Persuit. We want to put the language selector on the top right.
Hi Terence,
The website name is https://gallaghersa.co.za/ and our theme is Persuit. We want to put the language selector on the top right.
hello @Machele ,
i can help with you that, I still someone has not reached out to you
Yes, I understand. I’ve only adjusted the positioning for the desktop version. The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help.
-
Navigate to the ‘Edit Code’ option in your theme settings, then search for ‘theme.liquid’ in the search bar.
-
Paste the following code below the ‘’ tag. Please refer to the attached screenshot for guidance.
Terence..
Does not work. I’ve attached screenshots.
I think I did not mention that we use translate & adapt app for our translation services.
Hi there. You are more than welcome to assist.
It appears the same on my end. Please specify the exact location where you inserted the code. Alternatively, you can directly copy and paste the code I provided into the bottom of the “assets/style.css” file (excluding the tag). If you encounter any difficulties, please inform me.
Hi Terence,
What I’d like to get a code for language translation. Currently we are using an app called Translate & Adapt. We have Afrikaans, Portuguese and French to translate from English. I think we might be misunderstanding each other.
@Machele If you have already added languages to your store from admin, please follow the below steps to display the language selector to the header on the right. Let me know whether it is helpful for you.
- Go to “Online Store” → “Themes”.
- Click “Customize” button from the current theme.
- Click Header section.
- Enable “Show language selector” option.
- Click Save button.
Now, the added languages will be displayed in the header section.
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.
Actually, what you’ve written isn’t quite clear.. If you want to get manual language app coding except for what’s already there, then in this case, you’ll need to put in quite a bit of effort. Most back-end and API systems handle language translation. If I understood correctly again!
Hi Terence,
All I need is a code to give me language translation/switcher button. If you can assist with that, it’ll be appreciated, thanks.
@Machele Please check whether you have added languages in store. Language selector will shown only if you have added more than one language. If not, follow the below steps to add language to your store. Let me know whether it is helpful for you.
- Go to “Settings”.
- Select “Languages”.
- Click “Add a language” button in the language setting.
- Select language based on your preferences.
- Click Next button.
- Click the action button and publish the language that you have added now.
While doing above steps, you will be asked to install “Translate & Adapt” app, Shopify app which you can install it and easily translate to the selected language by following below steps.
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.