Theme Blocks

li-content-for-theme-blocks offers an even more flexible way. It’s based on Shopify’s new feature that allows blocks to be nested.

Instead of using the regular li-content-for-blocks, you can use li-content-for-theme-blocks.

When using this method, the converter creates an extra blocks folder and turns blocks into reusable components that can be nested inside one another.

li-content-for-theme-blocks

Inside this element, you can only add items that have the attribute li-block="custom-name". Within these block elements, you can use all available setting attributes — and you can even nest another li-content-for-theme-blocks inside.

Limitations to keep in mind: You can only use one li-content-for-theme-blocks per section (Shopify doesn’t allow more).

Webflow

li-block = Item

---

Inside the Item Block you can use another li-block and another li-content-for-theme-blocks element

Webflow

li-block = Item

Webflow

li-content-for-theme-blocks

---

Inside an li-content-for-theme-blocks element, you can nest another li-content-for-theme-blocks or other li-blocks. This structure can be repeated up to 8 times — that is Shopify’s limit.

Important:

• When using li-content-for-theme-blocks you are not able to use li-block or li-content-for-blocks in the same section.

• You can nest li-block inside li-content-for-theme-blocks

• You can not nest li-content-for-blocks inside li-content-for-theme-blocks