wesdoesdev
projoomexperts
/ shopify-product-description-tabs.liquid
Last active
May 18, 2021 08:39
Very simple code to show tabs in your shopify product description. All you need is to replace {{ product.description }} with the code below. It will separate every <h3> tag and contents after it into a tab. feel free to contact me if you want it implemented on your website for a small one time fee. `projoomexperts@gmail.com` "Shopify product des…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {% assign description = product.description | replace: '<h3', '</div><div class="tab-content"><h3' %} | |
| <div class="prod_description"> | |
| <div class="spacer"> | |
| {{ description }} | |
| </div> | |
| </div> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> |