Liquid Files and Usage
1. Layouts
Layout files in Shopify Liquid provide a way to maintain consistent design elements across multiple pages. By creating a layout, you can define the common structure for all pages on your store.
<!DOCTYPE html>
<html>
<head>
<title>{{ page.title }}</title>
</head>
<body>
{{ content_for_layout }}
</body>
</html>
2. Templates
Templates are used to structure the content and layout of individual pages on your Shopify store. Each template corresponds to a specific page type, such as product pages, collection pages, or the homepage.
<!-- product.liquid -->
<h1>{{ product.title }}</h1>
<p>{{ product.description }}</p>
3. Includes
Includes are reusable snippets of code that can be used across multiple templates. They help in modularizing your Liquid code and promoting code reusability.
<!-- header.liquid -->
<header>
<nav>
<!-- Navigation links go here -->
</nav>
</header>
4. Sections
Sections are content blocks that can be added and customized on different pages of your Shopify store. They allow merchants to modify the layout and content of pages without touching the theme code directly.
{% section 'slider' %}
{% section 'featured-products' %}
Updated about 1 month ago