Dawn Theme - Collapsible tab with unique content in each product page.

Solved
hitdifferent205
New Member
2 0 0

Hi there,   
I need help with setting up a unique collapsible tab for each product as shown in the demo store. The demo store for Dawn Theme uses a collapsible tab that comes with the theme to show the 'Dimension' of the product. I want to show product dimension and fabrication for my product and these are different to each product. The only customization I see is to add Collapsible Tab in the Default Product Page. Can anyone suggest a way around or a fix? I don't want to use any extra apps just for this if possible. 

I tried to reach Shopify Support and they said this was out of their developer's scope, and I should hire a Shopify expert to do this, which is ridiculous.

 

 

Screen Shot 2021-09-16 at 8.40.44 pm.png

 

image.png

Accepted Solution (1)

Accepted Solutions
King-Kang
Pathfinder
87 5 33

This is an accepted solution.

Hi @hitdifferent205 

First you will need to create Metafields, that will let you fill with the information you want for each product individually.

In your admin page go to Settings, then Metafields, Products, Add definition.

Give it a name, like "Material", then hit Select content type, and choose Text (I think that's what you are looking for), and select Multi-line text.

Hit Save.

Now, in your, admin page select Products, enter in any product, scroll down to the bottom, and you will see the Metafield you've created, now you can enter the information you want.

Now to have it displayed in the product page of your store, you will need to follow the next instructions:

Go to you admin page and in your active theme hit Customize, select Products, Default Product, in your Product Information hit Add block, select Collapsible tab, and in Tab content at your right, hit Insert dynamic source, select "Material", hit insert and save.

Hope it works, it worked for me.

View solution in original post

Replies 22 (22)
King-Kang
Pathfinder
87 5 33

This is an accepted solution.

Hi @hitdifferent205 

First you will need to create Metafields, that will let you fill with the information you want for each product individually.

In your admin page go to Settings, then Metafields, Products, Add definition.

Give it a name, like "Material", then hit Select content type, and choose Text (I think that's what you are looking for), and select Multi-line text.

Hit Save.

Now, in your, admin page select Products, enter in any product, scroll down to the bottom, and you will see the Metafield you've created, now you can enter the information you want.

Now to have it displayed in the product page of your store, you will need to follow the next instructions:

Go to you admin page and in your active theme hit Customize, select Products, Default Product, in your Product Information hit Add block, select Collapsible tab, and in Tab content at your right, hit Insert dynamic source, select "Material", hit insert and save.

Hope it works, it worked for me.

View solution in original post

VuongTuanAnh
Explorer
45 0 6

Thank you, it works perfectly!

VuongTuanAnh
Explorer
45 0 6

By the way, do you know how to set the collapsible tap for some specific products only? I have some products that need an instruction tab, the others don't. How can I manage it?

King-Kang
Pathfinder
87 5 33

Hi @VuongTuanAnh ,

Go to you admin page and in your active theme hit Customize, select Products, + Create Template.


VuongTuanAnh
Explorer
45 0 6

Thanks, @King-Kang , Can you be more specific? I have created a new template but can't find where to assign the template to the specific products I need

King-Kang
Pathfinder
87 5 33

When you create your product, at your right side you can select the page template.

There is a tab called Online store, where you can assign a template from your current theme (the one selected will be Default product, you only need to select the one you have created and hit save) to define how the product is displayed.

The tab is right below the TAGS tab.

VuongTuanAnh
Explorer
45 0 6

Thank you @King-Kang, I did it! You are awesome!

LLM_LF
New Member
2 0 0

@King-Kang, your instructions were extremely helpful and seemed to be working until the metafields I created didn't show up when I went to Insert dynamic source. I have Icon theme and am wondering if that theme doesn't support collapsible tabs, though the theme developer's site says the product pages have tab content - maybe it just doesn't support individualized content? Thought it was worth a try to see if you knew. Thanks!

LLM_LF
New Member
2 0 0

I confirmed with the Icon theme developer that Icon does not support unique tabbed copy.