Create A Collection Tabs For My Shopify Page

Store Design
, ,

Topic summary

A Shopify user seeks to add collection tabs to their store using the Craft theme, inspired by a feature in the paid Pipeline theme. They want to avoid purchasing the theme just for this functionality.

Solution Provided:

  • EBOOST shares detailed implementation steps:
    • Create a new “tabs” section in the theme’s code editor
    • Add provided Liquid code that renders product collections in tabbed format
    • Configure the section through the theme customizer

Key Features & Customizations:

  • Display up to 5 collection tabs with 4-8 products each
  • Optional slider functionality (can be toggled on/off)
  • Optional “View All” button per collection
  • Mobile responsiveness adjustments
  • Compatible with Dawn theme 10.0

Ongoing Issues:

  • Multiple users report implementation problems across different themes (Beyours, Aurora)
  • Common errors include missing images and “card-product.liquid” snippet errors
  • Some themes require additional CSS or structural modifications
  • Aurora theme compatibility requires custom code adjustments due to different theme structure

Status: The basic solution works for standard free themes, but theme-specific customizations remain unresolved for premium/non-standard themes.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
49

Hi @Cherry3427 ,

We can’t click to show tab and redirect to new page. I updated that tab will be shown after hover on it and redicrect when we click on button. You can get code here https://github.com/eboost10/2640367/blob/main/2642389/sections/tabs.liquid