Back to Browse

Shopify Localization - Different content for Markets / Countries using Liquid (easy coding)

6.2K views
Sep 3, 2024
17:38

How to customize your store for different regions. You can easily detect the customers location and display different content for them with just a few lines of code. You don't need to be a developer, some basic HTML knowledge will be enough. In this video I'll run you through a real-life example using my own Shopify store - shop.ed.codes. Here I needed to add some external buy buttons because I didn't want my European customers buying through Shopify. So I'm detecting people browsing from Europe, and hiding the add to cart button, adding a external button instead. Main concepts: ## The localization object Using localization.market.handle you can easily detect the market a customer is currently in, and display custom content for them. You can also use localization.country to get the specific country. ## The ?country parameter By adding ?country=US to the end of the URL you can view your store as a customer from the US. You can do the same using any country code. ## data-market and CSS Sometimes it might be more practical to use CSS. For example, when you want to hide or show multiple parts of your website for different countries. 🛠 CODE SHOP https://shop.ed.codes Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme. 📢 STAY UPDATED Subscribe to my newsletter: https://ed.codes/newsletter Youtube won’t always show you my latest videos, subscribe to be notified and see other content that I don't post on Youtube. 🙏 SUPPORT THE CHANNEL Become a member - https://www.youtube.com/channel/UCfk-c_Vx8Wo5Zu5dH96Yw0w/join 👍 MY FAVOURITE APPS & THEMES All listed on my website - https://ed.codes/tools 📚 MY SHOPIFY CODING EBOOK https://ed.codes/shopify-coding-handbook Learn HTML, CSS and Shopify Liquid from the beginning and specifically for Shopify. 👨🏼‍💻 WHO AM I? 👋 My name is Eduard. I'm a web developer specializing in Shopify & Webflow. I want to help you with the tech side of your online business with simple and straight-to-the-point videos. Visit my website: https://ed.codes ⏭ CHAPTERS 00:00 Intro 00:53 Why use code? 02:24 My Markets & handles 03:19 See current market 05:56 Let's move to theme code 06:26 IF statement 07:05 Testing other markets 07:43 Hide Add to Cart 09:03 Styling custom buttons 10:14 Different method using CSS and data attribute 14:03 Detect specific countries 15:14 Correct product links 17:10 Check out the ebook! #Shopify #ShopifyVlog #EdCodes

Download

1 formats

Video Formats

360pmp427.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Shopify Localization - Different content for Markets / Countries using Liquid (easy coding) | NatokHD