Skip to main content

Posts

Showing posts from November, 2023

Shopify: Add Collection Tabs section

COMPLETETLY FREE CODE TO ADD A COLLECTION TABS WITH PRODUCT SLIDER SECTION IN SHOPIFY To add a new section , Go to Themes then select three dots that highlighted in below screensot and then select Edit Code Now click on Add a new section and type a name for new section. For example: tabs-collection.liquid Now open this newly created file and paste below code and save it {% if section.blocks.size > 0 %} <div class="tabs-section page-width"> <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> <script src="//code.jquery.com/jquery-3.6.0.js"></script> <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script> {% if section.settings.useslider %} <script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> <link rel="stylesheet" type="text/css" href="...