DEV Community

loading...

How to make product description tabs in Shopify without a Shopify app?

Ilias Haddad
Full Stack JS Developer & Indie Maker & Freelancer & Shopify Developer
Originally published at iliashaddad.com ・1 min read

In the fourth article of the #4weeksOfShopifyDev challenge, I'll be talking about to add product tabs without using a Shopify app

Note: I'm using the Debut theme, you may have a different Shopify theme

Demo Product Page

 How to make product description tabs in Shopify without a Shopify app?

Create a product template

  • First, we need to create a custom product Shopify template and called product-tabs.liquid
     How to make product description tabs in Shopify without a Shopify app?

  • Create a new Shopify section and called product-template-tabs and paste the code from the product-template section
     How to make product description tabs in Shopify without a Shopify app?

  • Change the section in product-tabs.liquid to product-template-tabs
     How to make product description tabs in Shopify without a Shopify app?

Install reviews app and configure tabs

  • Install Shopify product reviews app

  • Create a new Shipping policy page
     How to make product description tabs in Shopify without a Shopify app?

  • Replace product.description in product-template-tabs.liquid with this code

https://gist.github.com/IliasHad/43a3ab86eb6755bae03a89c3042d7397

Et voila, you have product tabs without a Shopify app

Discussion (0)