Trying to set up product tabs..

New Member
3 0 0

Hi there,

 

My store has a booster theme.

 

I am trying to setup product tabs, such as 'product details, 'features' etc.

So far I have tried different codes but they overlap with the current tab.

 

 

 

I have found that in product-template.liquid there was a section with a code 

 

<a href="#tab-1">{{ 'products.product_tab.product_tab_1' | t }}</a>

so I decided to make tab 2 and tab 3..

 

<div class="product-single__description rte" itemprop="description">
          <ul class="tabs">
            <li><a href="#tab-1">{{ 'products.product_tab.product_tab_1' | t }}</a>
            <a href="#tab-2">{{ 'products.product_tab.product_tab_2' | t }}</a>
            <a href="#tab-3">{{ 'products.product_tab.product_tab_3' | t }}</a>
            </li>
          </ul>
          <div id="tab-1">
            <div class="product-description">
            </div>
          </div>

all good so far as seen in the picture below.


1.PNG

 

 

However, how do I add information about the product in sections 'delivery time' and 'size chart', since I can add only information about 'product details' in the product page?

 

Where are those parts stored, in which file, so I can rename them?

 

I couldn't find anything that booster theme has built in.. but once I made tab2 and tab3 it recognized them.. so that means it is somewhere stored within the theme.

 

I also discovered other shops that the description is displayed in the middle of the page.. which I really like, how I can do that?

 

as seen in the images below

 

2.PNG3.PNG

 

 

 

 

Otherwise, if this is not possible then would you just suggest to get an app?

 

Hope it made sense,

Regards

 

 

0 Likes
Shopify Staff
Shopify Staff
324 9 35

Hi, @jordanjames 


Elle here from Shopify.


I've moved your post over to our Design board as it's better suited here.

 

Also, if you're interested in apps for product tabs, you can check them out here in our Shopify App Store.

 

Cheers,
Elle

Elle | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
New Member
3 0 0

Thank you!

 

That is really kind of you.

 

However, I will use apps only as of the last option.

 

I know it is a simple fix, just don't have experience on this. 

 

Does anyone is willing to freelance this?

0 Likes
New Member
3 0 0
 
but still when I add those tabs, all of them are open, I would like to have them closed..
0 Likes