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
Trailblazer
141 7 51

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 31 (31)
King-Kang
Trailblazer
141 7 51

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.

VuongTuanAnh
Explorer
50 0 10

Thank you, it works perfectly!

VuongTuanAnh
Explorer
50 0 10

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
Trailblazer
141 7 51

Hi @VuongTuanAnh ,

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


VuongTuanAnh
Explorer
50 0 10

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
Trailblazer
141 7 51

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
50 0 10

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

LLM_LF
New Member
3 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
3 0 0

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

LiLi-5
Excursionist
22 0 10

This is extremely helpful, thank you so much! 

DebraJM
Tourist
4 1 1

Thank you so much!! Awesome help in easy to understand format.

shopten26
Excursionist
33 0 7

@King-Kang I tried to follow your steps but it's still changing the description on all of my pages. Do you know where I could be going wrong?

qubeetrays
New Member
1 0 1

I have been looking so long for a solution. Thanks so much for this! Fantastic work

bondbeyondbox
New Member
11 0 0

Hi! I also have dawn 2.0 theme and followed your wonderful instructions. I added the metafields and filled them in and saved them, but when I click insert dynamic source it only finds the default ones, not the ones I added. Can you please help? 🙂

King-Kang
Trailblazer
141 7 51

Hello @bondbeyondbox ,

Thank you for the words.

Make sure you hit insert dynamic source from the tab content.

KingKang_0-1636554087611.png

 

King-Kang
Trailblazer
141 7 51

Hello @shopten26 ,

Please try to follow the steps I provided again, I suspect its because you changed right it in the Customize.

bondbeyondbox
New Member
11 0 0

You were right. Thank you so much! Do you happen to know how to reduce the size of featured products image on home page?

afbossbae
New Member
2 0 0

I am looking for someone to design my store  can I see more of example you have

shopten26
Excursionist
33 0 7