Description product page tabs

Solved
Highlighted
Excursionist
16 0 3

Hello!

I managed to relocate the description section under the product in the product page in full width but the process wasn't flawless. I had two tabs in the description, one called "Description" and another one "Coating & Paint". When I clicked on the second one, a new section showed its own content. Now the content of both are merged together and when I click on the second one, the button acts as an anchor and the page jumps to the text where the content of the section starts instead of showing me a new page separately with the content of this section only. I am using the minimal theme.

 

 

Here's the code in product-template.liquid:

 

{% unless section.settings.show_extra_tab == false or pages[section.settings.extra_tab_content] == empty %}
            <div class="tabs">
              <ul class="tab-switch__nav">
                <li>
                  <a href="#description" data-link="description" class="tab-switch__trigger h3">{{ 'products.product.description' | t }}</a>
                </li>
                <li>
                  <a href="#extra" data-link="extra" class="tab-switch__trigger h3">{{ pages[section.settings.extra_tab_content].title }}</a>
                </li>
              </ul>
              <div id="description" class="tab-switch__content" data-content="description">
                <div class="product-description rte" itemprop="description">
                  {{ product.description }}
                
                </div>
             
              </div>
              
              <div id="extra" class="tab-switch__content" data-content="extra">
                <div class="rte">
                  {{ pages[section.settings.extra_tab_content].content }}
                </div>
              </div>
            
          {% else %}
            <div class="product-description rte" itemprop="description">
              {{ product.description }}
            </div>
          {% endunless %}

 

 

0 Likes
Highlighted
Shopify Partner
798 124 405

-no one here can solve your issue because it requires to see code and debug it therefore  ask a  developer.

--i can fix your issue if you add me as a staff in your store.
email:  candisoft100@gmail.com

 

thank you

1 Like
Highlighted
Excursionist
16 0 3

Thanks a lot! I have added you as staff.

1 Like
Highlighted
Shopify Partner
798 124 405

This is an accepted solution.

ok i am looking at the problem now

1 Like
Highlighted
Shopify Partner
798 124 405

can you give me the product page url in which you have issue?

1 Like
Highlighted
Excursionist
16 0 3

I can't thank you enough! I was about to give you a link to a product page and I just noticed that it was fixed! Thanks a lot!!!

1 Like
Highlighted
Shopify Partner
798 124 405

This is an accepted solution.

-i just removed a extra </div> tag.

-- please give me some likes and mark my last answer as accepted solution

3 Likes
Highlighted
Shopify Partner
798 124 405

Thank you for your kindness

1 Like
Highlighted
Tourist
8 0 0

May I ask to see your website because I have been looking forever to try and move the description from the right-hand side of the page to go underneath.

0 Likes
Highlighted
Shopify Partner
798 124 405
@Aleksandra1 tell me what issue you are facing?

And share page url here.
0 Likes