# 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:

{% code title="Webflow" fullWidth="false" %}

```
li-block = Block Name
```

{% endcode %}

{% columns %}
{% column %}

<figure><img src="https://497333298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FheMDp56vLoqqIp7IZZ2W%2Fuploads%2FyGTaaZhrrDEuVb6GZZNu%2F653a1c61e7bf9cbe2421785f_liquify-block-settings.webp?alt=media&#x26;token=33e0c7aa-028c-45fd-b1c3-22133accc353" alt="" width="294"><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}

<figure><img src="https://497333298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FheMDp56vLoqqIp7IZZ2W%2Fuploads%2FHH7sRjV8a0V3jf8tio92%2F653a1c620fb25bc671c9aa37_liquify-block-sider.webp?alt=media&#x26;token=17b0bd5e-a458-45b7-8cbf-dda4582e0b1f" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

## 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.

{% tabs %}
{% tab title="li-content-for-blocks " %}
{% code title="Webflow" fullWidth="false" %}

```
li-block = Heading
```

{% endcode %}

{% code title="Webflow" fullWidth="false" %}

```
li-block = Paragraph
```

{% endcode %}

{% code title="Webflow" fullWidth="false" %}

```
li-block = Button
```

{% endcode %}
{% endtab %}
{% endtabs %}
