The languages switcher V1 adjustment became a little tricky after Shopify's latest API change. Nevertheless, we found a workaround and here is how you do it:


Please reach out to us directly should you need any assistance at support@langify-app.com


General switcher selection:

1. Go to "Languages switcher"

2. Select the Option

3. langify will now generate 3 code snippets that you will have to update in your Shopify Theme Editor by replacing the existing code with the new one. (Custom Flag icons would need to be implemented separately as described below in section II)



1. Navigate to "Language Switcher" and select the theme you would like to add or change the language switcher for



2. Click "Select" next to the language switcher you would like to use



3. langify will now generate 3 code snippets that you will have to update in your Shopify Theme Editor by replacing the existing code with the new one.






II. Adding custom flag Icons to your language switcher

Unfortunately, the image upload does not work anymore and therefore this must be done manually


1. Navigate to "Languages"



2. Note the language IDs next to your languages. In this case our base language is English and it's id is ly1. Whereas our second language is German with the id ly2



3. Navigate to the "Online Store -> Themes" section of your Shopify Admin Panel and click "Edit code" next to the theme you would like to add language switcher icons for



4. In the left handed file list scroll down to the "Assets" folder and click "Add a new asset"



5. Upload your language switcher icon (repeat with step step 4 for further icons)



6. Finally replace the file name for each icon by clicking the edit button when hovering the newly uploaded icons in the files list.

Please note: The file names must match your language ids from langify.

That said, our base language (English) has the id ly1 so the GB icon file must be renamed to ly-icon-1.

Same goes for the German icon file. German has the langify id ly2 so the German icon file must be renamed to ly-icon-2.