Blocks

Blocks offer a dynamic method for repeatedly adding a single element, and they can include all the options mentioned earlier. Think of them as elements to infuse dynamic functionality into some of your elements. For instance, you can use blocks to construct a dynamic slider by adding the block to a single slide of the slider.

In doing so, each block created in the Shopify Theme Editor will result in a new slide being generated. It is important to note that, similar to sections, options can be added within blocks, but not directly to the block itself. To create a block, simply add the attribute:

Webflow
li-block = Block Name

Different Blocks in the same Array

li-content-for-blocks provides a flexible way to use multiple blocks within a wrapper. Inside li-content-for-blocks, you can add multiple li-block elements with different functions, like a paragraph, headline, or button. In the Shopify Theme Editor, the number of blocks and their order can be configured.

Webflow
li-block = Heading
Webflow
li-block = Paragraph
Webflow
li-block = Button

Last updated

Was this helpful?