Help with adding custom liquid block in collapsible content Dawn theme

Need help with the same issue as this question

https://community.shopify.com/c/shopify-design/add-custom-liquid-block-inside-quot-collapsible-tab-quot-section/td-p/1718443

But with Dawn theme, the issue is that Dawn has a different structure than that theme so need help with the same thing, but in this case with Dawn.

Help would be appreciated.

1 Like

Hi @DFU98 ,

To add the custom liquid code, one way is to create a page and select the page from the customization.

Another way is to create a custom liquid field with a schema which would require a custom code.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sandeep Pangeni

Hello @DFU98 ,

To add a custom Liquid block within collapsible content in the Dawn theme, follow these steps:

  1. Navigate to Online Store → Themes → Edit Code.
  2. Find the file “main-product.liquid” and search for the word “collapsible_tab”. Paste the code within this section.
{{ block.settings.custom-liquid }}

  1. Next, search for the schema and locate the closing bracket for “collapsible_tab”. Paste the code before this bracket. For your convenience, I have attached a screenshot.
{
          "type": "liquid",
          "id": "custom-liquid",
          "label": "Custom Liquid"
        }

Hi @devmont-digital thanks for the tips, but in this case I’m not trying to do it for a product page. I want to do it in a custom page layout I’m making. Is there a way I can add the custom liquid block in collapsible row to it?

Hello @DFU98,

To add a custom Liquid block within collapsible content in the Dawn theme, follow these steps:

  1. Navigate to Online Store → Themes → Edit Code.
  2. Find the file “collapsible-content”. Paste the code within this section.

  1. Next, search for the schema. Paste the code for your convenience, I have attached a screenshot.
{
    "type": "liquid",
    "id": "custom-liquid",
     "label": "Custom Liquid"
},

1 Like