Shopify Liquid হল Shopify-এর template language, যা Shopify themes এবং store customization-এর জন্য ব্যবহার করা হয়। এটি একটি open-source language, যা Ruby-ভিত্তিক এবং Shopify themes-এর primary backbone. Liquid হল একটি template language, যা Shopify themes-এর ভিতরে HTML-এর সাথে ব্যবহার করা হয়। এটি dynamic content generate করতে সাহায্য করে। Shopify store-এর data read করে এবং সেই data front-end-এ দেখানোর জন্য Liquid ব্যবহার করা হয়। Liquid শেখা Shopify theme development-এর জন্য অত্যন্ত গুরুত্বপূর্ণ, কারণ এটি ব্যবহার করে dynamic content তৈরি করা যায় এবং store-এর বিভিন্ন data manipulate করা সম্ভব।
Liquid মূলত তিনটি ধরণের element নিয়ে গঠিত:
>> Objects: Shopify store-এর data fetch করার জন্য ব্যবহার করা হয়। Example: {{ product.title }}
>> Tags: Logic implement করার জন্য ব্যবহৃত হয়। Example: {% if product.available %} In Stock {% endif %}
>> Filters: Data modify করার জন্য ব্যবহৃত হয়। Example: {{ product.price | money }}
Objects হল Liquid-এর এমন elements, যা store-এর data represent করে। এগুলি {{ }} এর মধ্যে থাকে। কিছু গুরুত্বপূর্ণ objects:
>> product – {{ product.title }} (প্রোডাক্টে দেয়া টাইটেল দেখার জন্য)
>> cart – {{ cart.total_price }} (Cart পেইজে প্রোডাক্টের মোট মূল্য দেখার জন্য)
>> customer – {{ customer.email }} (কাস্টমারের ইমেইল দেখার জন্য)
Tags সাধারণত {% %} এর মধ্যে থাকে এবং এগুলি logical operations এবং loops handle করতে ব্যবহার করা হয় ।
1. Control Flow Tags (Flow Control করার জন্য Tags)
>> if / else / elsif: কোনো নির্দিষ্ট condition-এর উপর ভিত্তি করে content দেখানোর জন্য ব্যবহৃত হয়।
আউটপুটঃ “This product is moderately priced.” (কারণ 100 > 50 এবং 100 ≤ 200)
>> case / when: জাভাস্ক্রিপ্ট-এ ব্যবহার করা switch-case এর মতো কাজ করে।
আউটপুটঃ “This is a footwear product.” (কারণ product_type “Shoes”)
2. Iteration Tags (Loops পরিচালনার জন্য Tags)
>> for loop: Collection বা array-এর উপর loop চালানোর জন্য ব্যবহার করা হয়।
https://shopifywithfarid.com/wp-content/uploads/2025/04/Screenshot-2025-04-07-at-8.58.59%E2%80%AFPM-2048x375.png
আউটপুটঃ
Shirt
Shoes
Watch
Hat
>> limit & offset: limit নির্দিষ্ট সংখ্যক item দেখানোর জন্য এবং offset নির্দিষ্ট সংখ্যক item বাদ দেওয়ার জন্য ব্যবহৃত হয়।
Filters in Liquid (Liquid-এর Filters)
Filters ব্যবহার করা হয় output modify করার জন্য। এগুলি {{ }} এর ভিতরে objects-এর সাথে ব্যবহার করা হয়।
>> money: প্রোডাক্টের দাম ঠিক ফরম্যাটে দেখানোর জন্য।
উদাহরণঃ {{ product.price | money }}
আউটপুটঃ $25.00 (বা ৳2500.00, নির্ভর করবে currency সেটিংসের ওপর)
>> capitalize: প্রথম অক্ষর বড় হাতের করার জন্য।
উদাহরণঃ {{ “shopify is great” | capitalize }}
আউটপুটঃ “Shopify is great”
>> default: কোনো object-এর মান না থাকলে default value দেখানোর জন্য।
উদাহরণঃ {{ product.vendor | default: “No Brand” }}
আউটপুটঃ যদি product.vendor না থাকে: “No Brand” দেখাবে
>> date: তারিখের ফরম্যাট পরিবর্তন করতে।
উদাহরণঃ {{ article.published_at | date: “%B %d, %Y” }}
আউটপুটঃ “March 24, 2025” দেখাবে
>> Liquid-এ একাধিক filter একসাথে ব্যবহার করা সম্ভব।
উদাহরণঃ {{ “hello world” | capitalize | append: “!” }}
আউটপুটঃ “Hello world!” দেখাবে
শপিফাই লিকুইড টেমপ্লেট ল্যাঙ্গুয়েজ নিয়ে যতটুকু আলোচনা হয়েছে আশা করছি ভালো লেগেছে।
Shopify Liquid Coding
0 comment
28 Aug, 2025
Farid Rony
Shopify, Landing Page, Liquid Template, Shopify Theme Development, Front End Design, Wordpress
আমি একজন Top Rated Plus Shopify Expert যার ৮ বছরেরও বেশি অভিজ্ঞতা রয়েছে Shopify Theme Development, Custom Landing Page Design, এবং Store Setup-এ। এখন পর্যন্ত আমি ৪০০+ ল্যান্ডিং পেজ ও ২০০+ Shopify Store সফলভাবে তৈরি করেছি। Shopify-তে আমার দক্ষতা শুধু কোডিং বা ডিজাইনে সীমাবদ্ধ নয়—আমি ব্র্যান্ড বুঝে, কনভার্সন ফোকাস করে কাজ করি। Liquid, JavaScript, CSS, HTML সহ বিভিন্ন টেকনোলজি ব্যবহার করে আমি ক্লায়েন্টদের জন্য modern, fast এবং user-friendly স্টোর তৈরি করি। এছাড়াও আমি একজন গর্বিত Mentor, যার শেখানো হয়েছে ৫০০০+ শিক্ষার্থীকে Shopify, WordPress ও Front-End Design-এর স্কিল। PageFly, GemPages, Shogun এর মতো Page Builders এবং Figma, Invision, Sketch এর ডিজাইন ফাইল থেকে থিম ডেভেলপমেন্টে আমার দক্ষতা রয়েছে। ছোট উদ্যোক্তা থেকে শুরু করে বড় ব্র্যান্ড — আমি সকল ক্লায়েন্টের প্রয়োজন অনুযায়ী কাস্টম সল্যুশন দিয়ে থাকি।
0 comment