Description:

Let users explore collections with a scrollable row of category links.

This component displays L2 collections from a selected or inherited L1 collection, helping users dive deeper into your catalog. Each collection is shown as a linked card with an image and title. The categories are using live data powered by the Shopify menu.

Shopify Prerequisites

• The carousel pulls its sub-collections from a Shopify menu. You’ll need to configure a menu specifically for your carousel within Shopify.   
• • Go to Content → Menus
  • Click Create Menu
  • Name the new menu ‘Category Carousel’
  • Add an L1 Menu Item for your carousel
  • • Add L2 menu items nested in your L1 menu item
    • Save your menu in Shopify 
    • Take note of the L1 collection handle—you’ll use this in Shipcode to set up the carousel. 
    • • It appears just below the menu title once saved
• Add collection images 
• • Go to each collection in Shopify
  • Upload an image for each of your collections so the  carousel has images to render

Shipcode Configuration

• Adding your component
• • Navigate to the components panel and select the Libraries tab in the header
  • Locate the “Category Navigation Carousel” Component 
  • Drag it onto a layout 
• Configuring the Carousel
• • With the Category Navigation Carousel selected:
  • • Navigate to the “Interactions” panel in the right sidebar
    • Locate the field labeled “Menu Handle” 
    • • If you named your menu Category Carousel, the menu will be automatically applied. 
      • If you named your menu something else, you can update it with yours
      • • The menu handle is found in the Shopify menu right under the name field
    • Locate the field labeled “Collection Handle”
    • • Update it with the L1 menu item you set up in Shopify
      • • To find your collection handle in Shopify, go to Products → Collections and select the L1 Collection 
        • Scroll to the bottom of the page, and look for the Handle at the end of the URL under “Search engine listing.”
        • • Alternatively, the handle appears in the URL after /collections/ when viewing the collection in your store’s website.
          • • For example, in this URL, https://ridge-supply-store.myshopify.com/collections/outdoor-living, the handle is “outdoor-living”