How can I render a specific app block in a Dawn theme's code?

Technical Q&A
1

I’ve noticed that main-product.liquid now have a "{%- for block in section.blocks %}. And inside that a {% case block.type -%} rendering the blocks by type.

But when I try to render the @Apps_6 block, it brings me all installed apps and not a specific one.

Does anyone know a tutorial or documentation where I can learn more about blocks inside a theme’s code?

Thanks!

2

Hi @guilhermealbino ,

When you declare with ‘@app’, it will list all Apps and you just need to go to Customize and select one of the Apps to display. Refer

Screenshot.png
Screenshot.png1012×580 44.6 KB

Hope it helps!

3

And how would that look inside the theme code?
I tried to create a section in the “edit code” and make it show the block of apps like you showed. It worked, but it doesn’t appear in the product layout.

guilhermealbino_0-1652976987269.png
guilhermealbino_0-1652976987269.png722×585 27.9 KB

And how it looks at customize page (Inventory Management is my custom section):

guilhermealbino_1-1652977185025.png
guilhermealbino_1-1652977185025.png1253×721 53.8 KB

It does not appear in Customize.

Thank you for helping!

4

Hi @guilhermealbino ,

Did you get it out with ‘for block’?

Refer code:

{%- for block in section.blocks -%}
  {%- case block.type -%}
    {%- when '@app' -%}
      {% render block %}
  {%- endcase -%}
{%- endfor -%}

Hope it helps!