Hi, I’m new to Shopify and coding and I want to create A collection tabs on my shopify store. Currently I’m using the craft theme and I would like to add a collection tab section[see the photo below for reference]. Can someone have the code for this and also I would appreciate if you would tell me h…

Hi @qwertyuiioop , @wasimkhann You can use code below to replace above {% if section.blocks.size > 0 %} {% if section.settings.useslider %} {% endif %} {% if section.settings.title != blank %} ## {{ section.settings.title }} {% end…

Hi @wasimkhann , You can refer the screenshot below to update. [EBOOST_0-1688715937831.png]

It still shows four products on the mobile version… [WhatsApp Image 2023-07-07 at 11.52.28 AM.jpeg]

Hi @wasimkhann , You can replace code below to suite that one. {% if section.blocks.size > 0 %} {% if section.settings.useslider %} {% endif %} {% if section.settings.title != blank %} ## {{ section.settings.title }} {% endif %} …

Hi, how can I customize the slider button?? like make it large and adjust the position of it? Also How can I customize the font of the tabs? I already change the background color but I don’t how to change the font.

do you know the css code for it?

You can refer the document here https://www.w3schools.com/css/default.asp To adjust the postion, font size, font style, color, background …

Can it be used for Crave or sense template?

Create A Collection Tabs For My Shopify Page

Store Design

EBOOST July 10, 2023, 8:53am 16

Hi @qwertyuiioop ,

You need add little CSS code to do it.

Topic		Replies	Views
Create A Collection Tabs and Accordion For My Shopify Page Store Design liquid , design , customizations , css , third-party-themes , shopify-themes	11	269	January 9, 2025
Adding collection tabs and products view associated with it Store Design design , customizations	15	222	May 11, 2026
Want to add the tab collection in dawn theme Technical Q&A javascript , css , html , shopify-theme	13	471	June 13, 2024
Collection Tab Issues ( Dawn Theme ) Store Design menu , liquid , design , customizations , landing-page , css , shopify-themes , html	9	98	February 17, 2025
Make tab collection in grid Technical Q&A javascript , css , html , shopify-theme	1	62	June 13, 2024

Create A Collection Tabs For My Shopify Page

Related topics