Fluorescent
Stiletto
Stiletto
  • Stiletto Help Center
    • Start using Stiletto
      • Theme licenses
      • Migrate your theme
    • FAQs
    • Video tutorials
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • SEO for Shopify themes
      • H1 heading tags
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
    • Update your theme
  • Theme styles
    • Theme settings
    • Style presets
      • Demo layouts
    • Fonts
    • Colors
    • Animation
  • Pages
    • Templates
      • About page
      • Blog page
      • Blog posts
      • Collections list
      • Contact page
      • Customer accounts
      • FAQ page
      • Lookbook
      • Password page
      • Search page
      • Store locations
      • 404 page
      • Home page
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menus
      • Mobile menu
      • Quick search
      • Language and currency
      • Social media icons
      • Customer account icon
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Language and currency
      • Payment icons
      • Custom Liquid
  • Sections
    • Theme sections
      • Using sections
      • Content blocks
      • Blog posts
      • Collapsible row list
      • Collection list grid
      • Collection list slider
      • Complete the look
      • Contact form
      • Countdown banner
      • Countdown bar
      • Events
      • Featured collection grid
      • Featured collection slider
      • Featured product
      • Gallery carousel
      • Grid
      • Image compare
      • Image hero
      • Image hero split
      • Image with text
      • Image with text split
      • Multi column
      • Newsletter
      • Newsletter compact
      • Promotion banner
      • Promotion bar
      • Quotes
      • Recently viewed products
      • Rich text
      • Sales banner
      • Scrolling content
      • Shoppable image
      • Shoppable image editorial
      • Slideshow
      • Testimonials
      • Video
      • Video hero
      • Video with text
    • Popups
      • Sign up popup
      • Age verification
      • Countdown popup
      • Promotional popup
  • Products
    • Product listings
      • Product card style
    • Prices and discounts
    • Product badges
    • Quick shop
  • Product pages
    • Product template
      • Alternate templates
      • Pre-order template
      • Gift card
    • Layout and style
      • Product tabs
      • Media gallery
      • Sticky product details
      • Breadcrumbs
      • Navigation buttons
    • Overview blocks
      • Default blocks
        • Description
        • Product header
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
        • Sticky add-to-cart bar
      • Collapsible rows block
      • Complementary products
      • Custom options
      • Image block
      • Information popup
      • Product labels
      • Secure payment
      • Stock level indicator
      • Text block
      • Text list with icons
      • App blocks
    • Variant options
      • Variant chips
      • Variant swatches
        • Enable swatches
        • Use default colors
        • Use custom colors
        • Use variant images
        • Use custom images
        • Change swatch styles
        • Show on product cards
        • Dynamic option availability
      • Media grouping
      • Sibling product swatches
    • Product page sections
      • Product reviews
      • Product recommendations
  • Collection pages
    • Collection template
      • Collection landing
      • Sale collection
      • Subcollections
      • Flash sale
    • Banner
    • Product grid
    • Filters and sorting
  • Cart
    • Cart page
    • Quick cart
      • Added to cart popup
      • Empty cart promotion
    • Free shipping bar
    • Low inventory warning
    • Cross sells
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Set up section
  • Select featured collection
  • Change product list layout
  • Section header

Was this helpful?

  1. Sections
  2. Theme sections

Featured collection slider

Last updated 1 month ago

Was this helpful?

The Featured collection slider section displays products from multiple collections as a rotatable carousels. With Quick View enabled, customers can buy your products without leaving the page.

See the to display your collections in multiple rows with adjustable columns.

Set up section


Editing a template changes all pages that use that template. To edit specific pages, you can or

In the editor side panel, click (+) Add section and select Featured collection slider. Click and hold the drag handles ⋮⋮ to re-order sections.

Click the section to edit the general section styles: | |

Select featured collection


Select multiple Collections to display their products in a single row that customers can click through. You can also create a Manual product list instead of a collection.

STEPS

In your theme editor (Customize):

  1. Under the section, click on a Collection block to open the settings.

    Click (+) Add block to create new row items.

    Click Remove block or the eye icon to delete or hide a block.

  2. Use the Select collection button find the collection you want to feature.

    We recommend collections with at least 3 products.

  3. Enter the Collection name that displays as a link that customers can click to switch between collections in the section.

  4. For the Manual product list block, use the Select products button and check off all the products you want to display.

  5. Click Save.

Click section to find settings

Setting
Description

Select collection

Select a collection to display its products. Collections are created and edited in your Shopify admin.

Show view all link

Display a "View all" card at the end of the list to link to your product collection.

Collection name

Change the link label that customers can click to switch between collections in the section.

Change product list layout


Change the number of columns and rows, the shape of your product images, and set how many products to display from your collection.

STEPS

In your theme editor (Customize):

  1. Click on the Featured collection slider and scroll down to the Product list settings.

  2. Use the slider to set the Maximum number of products to display from your collection. Between 3 and 15.

  3. Select the Number of columns to display for both desktop and mobile.

    The size of the product images will change according to the number of columns.

  4. Click on the Theme settings tab to select an Image aspect ratio. This setting applies to all sections that display products.

    Crop all images to Square, Landscape, or Portrait. The default Natural setting will display the original orientation of each image.

  5. Click Save.

Click section to find settings

Setting
Description

Maximum number of products

Set the maximum number of products to display within in the section: between 3 and 15.

Number of columns on desktop

Choose how many products to show per row on desktop screens: either 3, 4, or 5 columns.

Number of columns on mobile

Choose how many collections to show per row on mobile screens: either 1 or 2 columns.

Section header


The Section header appears above the section. Add a Heading, Subheading, and optional Button.

STEPS: Add headings and text

In your theme editor (Customize):

  1. Click the Featured collection slider section to open the settings.

  2. Enter Heading text to display as a title at the top of the banner.

    we recommend one to three words.

    Delete the text in this field to remove the heading.

  3. Enter Subheading text to display beneath the heading.

    We recommend two to three short sentences.

  4. Click Save.

STEPS: Add button

In your theme editor (Customize):

  1. Click the Featured collection slider section to open the settings.

  2. Select or paste a URL for the Button link.

  3. Enter text for the Button label.

  4. Click Save.

Click section to find settings

Setting
Description

Heading

Enter text to display a section title above.

Heading tag

Change the heading tag to modify the page structure. Use H2 to indicate important topics, and use H3-H6 for related topics. This option doesn't change the heading's appearance.

Subheading

Enter text to display a section subheading below the heading.

Button link

Select or paste a URL for the button.

Button label

Enter text to display a button label. Leave this field blank to remove the button.


Related links

The products will display in the sort order as set in your Shopify admin settings. Learn more about admin settings for your .

Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's .

The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now). To learn more,

collection pages layout ↗
Rich text editor guide ↗
read "What is a Call to Action?"
Featured collection grid
Product listing settings
Collection pages
Shopify collections guide ↗
Featured collection grid
insert dynamic content with metafields
create new templates
Padding
Top divider
Animation