Shopify tutorials

đź§© How to Add a Product Feature Section with Image + Text Layout

đź§© How to Add a Product Feature Section with Ima...

Zahidul Islam

This tutorial will show you how to create a clean and modern “Product Feature Section” using Shopify’s Liquid + CSS. You can customize images, text, alignment, spacing, and more—directly from the...

đź§© How to Add a Product Feature Section with Ima...

Zahidul Islam

This tutorial will show you how to create a clean and modern “Product Feature Section” using Shopify’s Liquid + CSS. You can customize images, text, alignment, spacing, and more—directly from the...

đź’ľ How to Create a Reusable Snippet for Buttons or Icons

đź’ľ How to Create a Reusable Snippet for Buttons ...

Zahidul Islam

Reusable snippets are one of the best ways to keep your Shopify theme clean, consistent, and easy to maintain. Instead of rewriting button or icon code across multiple sections, you...

đź’ľ How to Create a Reusable Snippet for Buttons ...

Zahidul Islam

Reusable snippets are one of the best ways to keep your Shopify theme clean, consistent, and easy to maintain. Instead of rewriting button or icon code across multiple sections, you...

How to Use Blocks to Make Flexible Layouts in Shopify

How to Use Blocks to Make Flexible Layouts in S...

Zahidul Islam

Blocks are one of the most powerful features of Shopify 2.0. They allow merchants to add, reorder, duplicate, or remove content inside a section — making page layouts truly flexible...

How to Use Blocks to Make Flexible Layouts in S...

Zahidul Islam

Blocks are one of the most powerful features of Shopify 2.0. They allow merchants to add, reorder, duplicate, or remove content inside a section — making page layouts truly flexible...

đź§­ How to Add Section Schema for Theme Editor Customization

đź§­ How to Add Section Schema for Theme Editor Cu...

Zahidul Islam

The section schema is the backbone of every customizable Shopify section. It powers the Theme Editor controls like text inputs, color pickers, image uploads, product selectors, and more. In this tutorial,...

đź§­ How to Add Section Schema for Theme Editor Cu...

Zahidul Islam

The section schema is the backbone of every customizable Shopify section. It powers the Theme Editor controls like text inputs, color pickers, image uploads, product selectors, and more. In this tutorial,...

How to Style Shopify Sections Using CSS Variables

How to Style Shopify Sections Using CSS Variables

Zahidul Islam

CSS Variables (also called custom properties) are one of the most powerful modern CSS features. They allow you to define reusable values—like colors, spacing, shadows, fonts—and update them in one...

How to Style Shopify Sections Using CSS Variables

Zahidul Islam

CSS Variables (also called custom properties) are one of the most powerful modern CSS features. They allow you to define reusable values—like colors, spacing, shadows, fonts—and update them in one...

⚙️ How to Add a Swiper Slider in Shopify Without Apps

⚙️ How to Add a Swiper Slider in Shopify Withou...

Zahidul Islam

Want to add a powerful, touch-friendly slider to your Shopify theme—without paying for apps? This tutorial shows you how to integrate the popular Swiper.js library directly in your theme, create a...

⚙️ How to Add a Swiper Slider in Shopify Withou...

Zahidul Islam

Want to add a powerful, touch-friendly slider to your Shopify theme—without paying for apps? This tutorial shows you how to integrate the popular Swiper.js library directly in your theme, create a...