Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Shopify Language Selector on Persuit Theme

Shopify Language Selector on Persuit Theme

Machele
New Member
9 0 0

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

Replies 15 (15)

TerenceKEANE
Shopify Partner
512 86 79

Hello!,

 

If your language feature is enabled, we can manually embed codes anywhere on the page. What is the website name?

 

Terence

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Machele
New Member
9 0 0
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.
Machele
New Member
9 0 0

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.

DigiDecoded
Shopify Partner
162 19 18

hello @Machele ,
i can help with you that, I still someone has not reached out to you

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
Machele
New Member
9 0 0

Hi there. You are more than welcome to assist.

 

TerenceKEANE
Shopify Partner
512 86 79

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.

 

1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.

2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.

 

shopify.head.jpg

 

 

<style>

@media (min-width: 768px){
  .buckscc-currency-box {
    position: fixed!important;
    top: 45px!important;
    right: 20px!important;
}

.header_top .grid__item.medium-up--one-half.tablet--one-third {
    padding-right: 120px;
}

}

  
</style>

 

Terence..

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Machele
New Member
9 0 0

Does not work. I've attached screenshots.

Machele
New Member
9 0 0

I think I did not mention that we use translate & adapt app for our translation services. 

TerenceKEANE
Shopify Partner
512 86 79

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 <style> tag). If you encounter any difficulties, please inform me.

 

TerenceKEANE_0-1713181480553.png

 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Machele
New Member
9 0 0

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.

TerenceKEANE
Shopify Partner
512 86 79

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!

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Machele
New Member
9 0 0

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.

Vinsinfo
Shopify Partner
460 158 156

@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.

 
1. Go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Click Header section.
Vinsinfo_0-1713192986741.png
4. Enable "Show language selector" option.
Vinsinfo_1-1713193002615.png
5. 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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Machele
New Member
9 0 0

Capture.PNGCapture.PNG

 

I did but nothing changes.

Vinsinfo
Shopify Partner
460 158 156

@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.

 
1. Go to "Settings".
Vinsinfo_0-1713248073341.png
2. Select "Languages".
Vinsinfo_1-1713248082393.png
3. Click "Add a language" button in the language setting.
Vinsinfo_2-1713248391231.png
4. Select language based on your preferences.
Vinsinfo_3-1713248423675.png
5. Click Next button.
Vinsinfo_4-1713248435116.png
6. Click the action button and publish the language that you have added now.
Vinsinfo_5-1713248459660.pngVinsinfo_6-1713248499002.png
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.
Vinsinfo_0-1713249528953.png
Vinsinfo_1-1713249549759.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support