Add collapsible row for productspecifications

[TrendBlend]

hello I added this code

{%- when 'description' -%}
{%- if product.description != blank -%}

<div class="product__accordion accordion quick-add-hidden" {{ block.shopify_attributes }}>
<details id="Details-{{ block.id }}-{{ section.id }}">
    <summary>
      <div class="summary__title">   
        <h2 class="h4 accordion__title">
          ? Product Beschrijving
        </h2>
      </div>
     {% render 'icon-caret' %}
    </summary>
    <div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">
      <div class="product__description rte quick-add-hidden">
        {{ product.description }}
      </div>
    </div>
</details>
</div>

{%- endif -%}

to make a collapsible row for the product specifications but I also want a row with Product specifications for each product as well, is this possible? Thanks in advance

[osamafarooqi71]

Hey @TrendBlend Yes, this is possible via metafields.

Please let me know if you’re familiar with custom coding like HTML, CSS and Liquid then I’ll share the next steps or please consider consulting with a experience Shopify Developer.

Hope it’ll help you. If you still have any concerns please feel free to reach out to me.

Regards,

Osama Farooqi

[TrendBlend]

Hello, im not familiar with custom coding so it would be greatt if you could send the next steps! Thanks in advance Stef

[TrendBlend]

Hey @osamafarooqi71 do you have any time to help me with this?

[osamafarooqi71]

Hey @TrendBlend , Yah sure. Could you please share your store URL so I can check further. It’ll be great if you allow collaboration access so I can check deeper.

Regards,

Osama Farooqi

[TrendBlend]

Hello @osamafarooqi71 yes sure URL is trendblend.eu and theme is DAWN theme

[osamafarooqi71]

Hey @TrendBlend , as per my understanding you want to add a line for each product for it’s specifications other than the description(Product specifications) which is added as collapsible. If yes, then you’ll need to add a new meta field for type text. And then need to assign this metafield to a text block in the product template.

To add Metafied, Go to Shopify Dashboard then choose Settings (bottom left) > Custom Data > Product > Add definition

There please add any name you like for metafield and then choose single-line text and type and hit the save button.

Then you’ll need to, Go to Shopify Dashboard and choose Online Store > Themes > Edit Code > Customizer

From there you’ll need to switch to the product template. Then you’ll need to add the new text block and from there you’ll need to assign the metafield by clicking on the database icon (please check the image).

If you still have any confusion, please feel free to let me know and I’ll be happy to assist you further.

Regards,

Osama Farooqi

[TrendBlend]

Hello, thanks for the respond but the metafield isn’t show when I want to add it in a collapsible row on the product page.

this is shown at the bottom of the when I edit a product at Products

and the metafield is not shown when I want to add it inside of a collapsible row on the product page.

[TrendBlend]

The collapsible row is there tough looks like this: