How to edit shopify themes using liquid language

How to edit shopify themes using liquid language

In this article we discuss about How to edit Shopify themes using liquid language. In Shopify latest update themes have a new directory this is call Section. Sections is like liquid template, that have access to the same global objects, tags and other templates. Variables created sections are not available without sections. These new tags is not available outside sections.

Static sections use default settings. Section have default configurations. They are not related theme styles. When a section has more presets, each presets becomes a merchant to add their theme homepage.Presets have name and a category. Section presets will be grouped by own category for theme editor.

 

How to edit shopify themes using liquid language image 2 themetidy

 

When merchants customize sections, the HTML of those sections directly added, removed or re-rendered and existing DOM without reloading entire page. JavaScript runs when page load, but not run again when a section re-rendered to the page.This problem for custom scripts would need to be re-run.
Shopify themes are nothing more than a number of files (HTML files, with .liquid language CSS, JS, images and so on) & folders.Themes can work however you want, there really no restrictions.
Here’s the basic structure of a theme:

 

How to edit shopify themes using liquid language image 3 themetidy

 

In addition to Shopify knowing which template display for the current URL. These are known about ‘template variables’ enable for their display data in templates.
For example in their product.liquid template, they have access to the product variable.

 

How to edit shopify themes using liquid language image 4 themetidy

 

This means they can output the name, description, price and the availability of their product in their template. They will use the combination of Liquid and template variables to populate their templates with data relating for their products.

 

Shopify Helping Resources

Liquid is an open-source template language created by Shopify and written in Ruby. It is the backbone of Shopify themes and is used to load dynamic content on storefronts.

Read about the basics of Liquid, or check out reference material on objects, tags, and filters.

 

 

Recent Blog Posts

Top Selling Shopify Themes

Related Blog Posts