Change position and look of "Language" button

maximmay
Tourist
6 0 0

Hi! How to change position of "Change language" button and "Curency" button in header and  how to change their look to a more classic one? For example, for language not full word English - only EN, ES and for curency only flag without country name. https://maxtimsign.myshopify.com/

POS.jpg

Replies 7 (7)

BrainStation23
Shopify Partner
260 43 41

Hi @maximmay 
Yes, you can do it, Please tell us which theme you are using now, so we can look at it .
Like and reply so that we can reach you further 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
maximmay
Tourist
6 0 0
BrainStation23
Shopify Partner
260 43 41

@maximmay Please share your theme name, Like (dawn, local, spotlight) . Which theme are you using?

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
BrainStation23
Shopify Partner
260 43 41

BrainStation23_0-1709706229026.png

 

Hi @maximmay. As you can see from the above screenshot it is possible.

If you're using free theme, let us know, then we can tell you where to update your code.

If you're using premium theme, we will need some code from you to work on top of it.

Let us know if you've any query.

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

Vinsinfo
Shopify Partner
181 61 55
@maximmay You are using Stiletto theme, which is paid theme. So, we cannot help you on this without looking at the code. Please try below steps and let us know if it works. If it doesn't works, can you please share collaborator access to your store to check theme file?
 
1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "language-localization.liquid" file and locate the attribute "aria-describedby="lang-heading-header" in the button tag and replace the code {{ localization.language.endonym_name | capitalize }} with given code.

 

{{ localization.language.iso_code | capitalize }}

 

4. Search "country-localization.liquid" file and locate attribute value "aria-controls="currency-list-header" in the button tag and replace the existing code with below given code.
Existing code:
{{ localization.country.name }} ( {{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }} )
Replace it with the below code.

 

({{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }} )

 

 
To position the "Language" and "Country" button, we need access to your store theme file.
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
maximmay
Tourist
6 0 0

I've tried to find in Edit Code "language-localization.liquid" but it doesn't exist(

Vinsinfo
Shopify Partner
181 61 55

@maximmay As I said before, this is because you are using different theme. We need to check that theme code to provide you the solution. Can you please share me the collaborator access to check your store theme code and provide solution?