Theme tags

Theme tags are a special type of tag that give us specific control over both un-rendered and rendered code. Using the various types of theme tags that we have at our disposal, we can create a different type of HTML markup for specific templates that is essential for creating a form that will allow customers to purchase products from our store. Additionally, they allow us to select different theme layouts to use for different pages, define sections or snippet files that we can use to create reusable blocks of code, and many other things. We can divide theme tags into the following groups:

• layout
• liquid and echo
• form
• paginate
• render
• raw
• comment

The layout tag

As we recall from the first chapter, when discussing the Layout directory, we mentioned the importance of the theme.liquid file as it is in this file that we will render all of our files and templates. It is in this file that we arrange the general layout of our pages.

Our...