Files and Usage
Note:
While merchants are welcome to modify these components to customize the appearance of Findify on their individual stores, it is important to note that this work should only be carried out by a developer – ideally a developer who has had previous experience working with Shopify and with Liquid, especially in the context of Shopify 2.0.
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 4 months ago