Adding tabs to a Page

  • You may have noticed many of these pages/blog posts have tabs in them, and adding them to your shopify store is very simple. Take a look at this code as a brief introduction to lists in HTML.

    Terminology

    ul - Unordered list, groups content together through a tag

    li - Ordered List, traditionally used to make a list with bullet points.

    In this code we are making an id called tab1, or basically a link, and then later on we are assigning what the link activates, which is the switching of tabs. In my code, I am using tab15-17 due to the fact that I have already used tab1-14 on prior posts and when they are listed on a page together, only one of them will work. If you are following a similar setup on your store, be sure to change the tab id so that your tabs will work perfectly on all page setups.