Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Collaps product description

Collaps product description

learningdesign
Shopify Partner
205 1 24

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

Replies 4 (4)

Huptech-Web
Shopify Partner
1010 204 217

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

HuptechWeb_0-1727269963298.png

 

Condition in code

 

 

HuptechWeb_1-1727270166615.png

 

Theme options schema

 

HuptechWeb_2-1727270223609.png

 

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
learningdesign
Shopify Partner
205 1 24

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

Huptech-Web
Shopify Partner
1010 204 217

Hi @learningdesign 
To add this code

Goto main-product.liquid

Find below code

{%- when 'collapsible_tab' -%}

then after below div

<div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">

 add this code👇

{% 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.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
learningdesign
Shopify Partner
205 1 24

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