Caution This is an advanced tutorial and is not supported by Shopify . Knowledge of HTML, CSS, JavaScript, and Liquid is required. Consider hiring a Shopify Expert if you aren’t comfortable doing the steps in the tutorial. Because all themes are different, no single method will serve all themes per…

Brilliant thank you will check it out :slight_smile: Many thanks

Hi, Thanks for helping us all, i successfully add the tabs and everything working i just create shipping pages and used pages.shipping.content instead snipet and everything working properly. But have 1 error i got 3 dots next to each social media share button below discretion. And i got html erro…

Hi First of all great guide. I managed to get it working just fine. Thank you very very much. I do have a question however. Is there a chance to make one of the tabs in such a way that it would only pull content from lets say H6 out of the product or a custom page? I will be having some products …

Actually I didn’t manage to make it work fully. I’m also struggling with the returns tab. No matter what I try to use it is blank. Even when I creat custom snippet or page and try to link it to this tab it’s always empty . How can I fix this please? Thanks Kind regards Theriion

Theriion, In my case, I had to delete an extra closing div at the bottom of the code as it didn’t link to anything and it worked. Closing div: You can work out if it has an opening div by just clicking on it and it will highlight the start div orange as well as the one you have just clicked. Hop…

Nice guide! but how can i set tabs in order to take only certain paragraphs in the product Description? i mean: {{ product.description }} with this tab-1 takes all the description, but i want that tab-1 takes only some paragraphs in the product description form, and tab-2 (i.e. “ingredients”) ta…

Hi guys, I know this thread is a little old, but I am trying to make an image under the description tab full width, however there seems to be margins on either side of the description/tab. Can anyone point me towards the parameters for this?

Use free app Tabs by Station. So much simpler and looks great.

Hello! Great tutorial - I’ve added 3 tabs and I’m very happy with them. Check out my results here https://alessandra-luciano.com/collections/all-scarves/products/extravaganza-pink-silk-scarf . Not sure if this has been answered already but how can I add another tab?

Product pages - Add tabs to product descriptions

Store Design

Naor May 12, 2020, 3:40pm 14

@TyW how can i make one of the buttons - how to use

and connect this buttons to each product ?

Topic		Replies	Views
Add tabs to product description Shopify Plus themes	1	37	July 27, 2024
Add css to product tabs on Narrative theme Store Design	19	147	July 8, 2021
How to add tabs in Dawn theme UNDER the product description section Store Design	7	388	October 31, 2023
Streamline Theme - description tab always open Store Design	14	130	December 16, 2023
How to add tabs to product description in Simple Theme? Store Design	5	68	February 10, 2022

Product pages - Add tabs to product descriptions

Related topics