Shopify themes, liquid, logos, and UX
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
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 there. You are more than welcome to assist.
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.
<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..
Does not work. I've attached screenshots.
I think I did not mention that we use translate & adapt app for our translation services.
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.
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.
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 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.
I did but nothing changes.
@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.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024