Collaps product description

Shopify Discussion

Topic summary

A user seeks to display product descriptions within collapsible tabs using Shopify metafields.

Solution provided:

  • Add a checkbox setting to the collapsible row block in the theme customizer
  • Modify main-product.liquid to include conditional logic that shows either the product description or custom content based on the checkbox state

Implementation steps:

  1. Locate the collapsible_tab block code in main-product.liquid
  2. Insert conditional code: {% if block.settings.show_desc %}{{ product.description }}{% else %}{{ block.settings.content }}{% endif %}
  3. Add checkbox settings to the theme schema under the collapsible_tab settings array
  4. Save changes to enable the toggle option in the Shopify customizer

Current status:
The original poster is now using the Turbo theme and requests additional guidance on implementing marquee text for that specific theme. The discussion remains ongoing with theme-specific customization questions.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

In meta field how to add product description and then in custiser show it in collaps view

2

Hi @learningdesign
To achieve this you can add a checkbox to collapsible row and in code you can add condition.

HuptechWeb_0-1727269963298.png
HuptechWeb_0-1727269963298.png423Ă—464 19 KB

Condition in code

HuptechWeb_1-1727270166615.png
HuptechWeb_1-1727270166615.png1128Ă—616 31.9 KB

Theme options schema

HuptechWeb_2-1727270223609.png
HuptechWeb_2-1727270223609.png912Ă—167 4.72 KB

3

Please can you explain little better where to paste the code etc please

4

Hi @learningdesign
To add this code

Goto main-product.liquid

Find below code

{%- when 'collapsible_tab' -%}

then after below div

add this code :backhand_index_pointing_down:

{% if block.settings.show_desc %}
{{ product.description }}
{% else %}
{{ block.settings.content }}
{% endif %}

After that find below code at bottom

"type": "collapsible_tab",

In “settings”: [

you will find below code

{
          "type": "text",
          "id": "heading",
          "default": "Collapsible row",
          "info": "t:sections.main-product.blocks.collapsible_tab.settings.heading.info",
          "label": "t:sections.main-product.blocks.collapsible_tab.settings.heading.label"
        },

Replace it with this

{
          "type": "checkbox",
          "id": "show_desc",
          "label": "Show Product Description?",
          "default": false,
          "info": "If this is checked then instead of Row content the product description will show "
        },
        {
          "type": "text",
          "id": "heading",
          "default": "Collapsible row",
          "info": "t:sections.main-product.blocks.collapsible_tab.settings.heading.info",
          "label": "t:sections.main-product.blocks.collapsible_tab.settings.heading.label"
        },

That’s it save the settings and you will find the options of show description on the collapsible tab in the shopify customizer.

1 Like
5

Thanks alot sir i am using turbo theme can you please guide me how to add marque text in that theme thank you