Simple Breadcrumb with Shopify Liquid
Hello! Sometimes we are facing issue while creating breadcrumb on Shopify. But it is so easy. Anyone can do this. Just copy the below code and that’s all. CSS code: Liquid code: Output:
Category: Themes
Shopify Store Design Customization Without Coding Skills
Some people think, “Is it possible to customize a Shopify store and make it look branded for beginners with no code?” If this is your question, here is the straight answer — YES. You can customize your Shopify store design without any coding skills. Shopify provides a user-friendly drag-and-drop editor which allows you to modify…
What Payment Gateways are Supported in the Middle East or UAE on Shopify?
Recently, we acquired a client from the UAE and am researching Shopify payment methods to determine the best option for them. We discovered that payment gateways vary by region. In the Middle East/UAE, Shopify Payments is not yet available, so store owners rely on third-party gateways, digital wallets, and Cash on Delivery (COD) options. We…
How to add color swatches on Shopify Store
Adding color swatches on Shopify Store is very easy according to the new update. In this video you will know details about it.
Essential Files and Folders in a Shopify Theme
In a Shopify theme, there are several essential files and folders required for the theme to function correctly. Here is a list of the common necessary files and folders: Essential Folders layout/: Contains theme layout files. templates/: Contains template files that dictate the structure of different pages. sections/: Contains section files that can be customized…
How to get the current page title of a Shopify page using Liquid?
Go to the Liquid file where you want to display the page title and copy and paste the code below. It’s a global variable provided by Shopify to dynamically display the title of the current page. {{ page_title }} This will output the title of the current page.
How to get the URL of an image in the assets folder of Shopify using Liquid?
To get the URL of an image in the assets folder of Shopify using Liquid, you can use the asset_url filter. Here’s how you can do it: First of all, if the image is not already uploaded, upload it to the assets folder. Then copy and paste the code below where you want to display…
How to display rich text metafield value on Shopify? (No-code solution)
Sometimes, merchants need to add additional content to their storefronts beyond Shopify’s limitations. In this situation, using metafields is the only solution. What is metafield? A metafield is additional information beyond what is standard in Shopify, such as custom text, images, or even structured data. By using it, you can add extra details to products,…
Shopify Enhancement: Rotating Unique Content After a Set Number of Products with Liquid
If you want to display unique content, banners (like the above image), ads, or anything after a set number of products, you can use the code below for assistance. {%- assign product_counter = 0 -%} {%- for result in collection.products -%} {% if result.object_type == ‘product’ %} {% assign mod_val = product_counter | modulo: 8…
How to Add Meta Tags to Shopify Store
For the SEO (Search Engine Optimization) process we need meta tags like these: Meta tags are important because they provide information about a website’s webpage to search engines and other web crawlers. This metadata (of meta tags) helps improve the visibility and ranking of the page in search engine (mainly Google) results, ultimately driving more…