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.

li-content-for-blocks

Webflow

li-block = Heading

Webflow

li-block = Paragraph

Webflow

li-block = Button