Add custom liquid block inside "Collapsible tab" section inside product information form

[D_Paloi]

Here is a video showing where i need it to be implemented:

https://www.loom.com/share/b69d2d24fc8042e189fc593331 9032ea

[lunaworks]

What would you like to add to collapsible tab?

[D_Paloi]

i would like to add a custom liquid block inside the collapsible tab.

[lunaworks]

Oh my bad. You’ll need to make some changes to your main-product.liquid.
Add this to the last setting in your collapsible row settings in your schema.

,{
          "type": "liquid",
          "id": "custom_liquid",
          "label": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label",
          "info": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info"
        }

And in your collapsible row block should have this added to it.

{%- when 'collapsible_tab' -%}
            
              
// Code for custom liquid here
            {{ block.settings.custom_liquid }}
            

[D_Paloi]

So im using the empire theme v7 & it does not have the main-product.liquid file.

[lunaworks]

Search for Product in the code editor. Screenshot the options it gives here, so we can figure out what file has the main-product.

[D_Paloi]

So ive added this code to the static-product.liquid file, line 193-197

,{ “type”: “liquid”, “id”: “custom_liquid”, “label”: “t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label”, “info”: “t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info” }

[D_Paloi]

[D_Paloi]

Heres where ive added the 1st part of the code. Let me know if its okay

[D_Paloi]

I think for the 2nd code i found it here, just not sure where to paste it.

[D_Paloi]

The liquid has popped up but i still get the error message as shown below:

[lunaworks]

But the 2nd code right below the .
And also in schema change the label to “label”:“Custom Liquid” and delete the info below it.

[D_Paloi]

Ive slightly changed the 1st code from:

,{

“type”: “liquid”,

“id”: “custom_liquid”,

“label”: “t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label”,

“info”: “t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info”

}

to

,{
“type”: “liquid”,
“id”: “custom_liquid”,
“label”: “t:sections.product.blocks.custom_liquid.custom_liquid.label”,
“info”: “t:sections.product.blocks.custom_liquid.custom_liquid.info”
}

This has removed the error message that was shown within the theme editor as shown below

[lunaworks]

In the schema change the label to “label”:“Custom Liquid” and delete the info below it.

[lunaworks]

Okay. If it’s works then that’s all that matters.

[D_Paloi]

when i put the 2nd code below the it provides an error message.

So i tried to remove the

{%- when ‘collapsible_tab’ -%}

then i was able to save it but when i try to add code to the custom liquid, nothing it output.

Also im quite confused about the schema thing you mentioned, could you elaborate, not sure where to find it.

[D_Paloi]

Ive added the 2nd code you mentioned but without the 1st line (when etc..). im able to save it but nothing is output when i try to add custom liquid inside the block

[lunaworks]

delete this code
<div class="product__accordion accordion quick-add-hidden> and everything in it, but leave the . And right before the put {{ block.settings.custom_liquid }}

[lunaworks]

And also kindly show the liquid code you’re trying to put in

[D_Paloi]

The highlighted line of code is the only thing i added from the original 2nd line of code you added.