Code blocks change theme how to#
Code blocks change theme code#

Note that although I've just added an image picker to each, they do not have to have the same settings in each block.ДЇor a guide to what kind of settings are available you can refer to our post. The settings is another array of objects that define what types of options the admin will be able to choose from. Each block has a type (which matches the above when statements), a name (which the admin will reference), and settings. It is an object with an array of block objects.

Code blocks change theme code#

The following code is a JSON object used to define the block types. The when refers to a block type and for each we associate a specific snippet with the include statement. We then create a for loop that loops through all the blocks in a section. To do that, we created a file called multi-section.liquid in our sections folder. The first thing we're going to to is define our section.

We've also created a new page template to display this section (since we only want it to show up on one page and not the base page template).

We create snippets that define the layout of each block in the snippets folder. We create the new section in the sections folder.

Code blocks change theme how to#

рџ”Ґ TIP - This is not a complete theme, if you don't already have a theme, we recommend starting with Slate by Shopify and we have a post on how to set it up. Here are the the files that we will be working with within the shopify theme. In this tutorial we'll be going through how to create a section with multiple different blocks. The upside is that we can add multiple blocks within a section which gives us a way to sort of fake a dynamic section. The slight downside to static sections is that you can't add multiple versions of the section to a page like you can with dynamic sections. In the world of sections there are dynamic sections that can be added to the homepage and static sections that can be added to other pages. This allows shop owners a great deal of flexibility in keeping the content on their store current. They allow developers to create styled blocks that can be modified by the store's admins. Shopify sections have been such a wonderful addition to creating interesting and unique online stores.