Collection links: Scrolling

GIF

Image

Showcase multiple collections in a scrolling layout with engaging visuals and text.

How to add a Collection links: Scrolling section to your Shopify store

1. In the theme editor (Customize), click Add section.

2. Select Collection links: Scrolling section.

3. Make necessary changes.

4. Save.

How to customize a Collection links: Scrolling section

Section settings

🎨 Layout

Setting	Description
Container	Choose between full-width or fixed-width layout for the section.
Content position (Full width only)	Place the content inside the image area or outside of it. Inside: Outside:

🏷️ Collection title

Setting	Description
Show product count	Toggle to display or hide the number of products in the collection.
Preset	Choose a predefined style or switch to custom settings.
Font	Select the font style for the content (Body or Heading).
Font weight	Adjust the thickness of the text.
Font size	Set the font size.
Font size mobile	Set the font size for mobile devices.
Line height	Control the spacing between lines of text.
Text color	Choose a predefined or custom text color.
Custom text color	Set a custom color when “Custom” is selected.

🌟 Highlighted collection title

Setting	Description
Font style	Adjust the emphasis of the highlighted title.
Text color	Set the color of the highlighted title.
Underline style	Choose the underline style.
Underline color	Set the color of the underline.

🖼️ Collection image

Setting	Description
Corner radius	Adjust the roundness of the image corners.
Overlay color scheme	Select a color scheme overlay for the image (applies only on mobile).

✨ Check out other Collection links: Scrolling section settings: Common settings available in most sections

Block settings

The Collection links: Scrolling section is made up of two main blocks: Header and Collection.

Header

Use the Header block to create and customize the section’s heading and introductory content.

Setting	Description
Alignment	Set the header alignment: left, center, or right.
Devices	Switch between desktop and mobile padding settings.
Bottom	Adjust the spacing below the header.

📦 Nested dynamic blocks

• Heading – Add a main title

• Subheading – Provide supporting text above or below the heading

• Text – Include additional descriptions or details

• Image – Display an image or icon

• Button – Add a call-to-action

📝 Learn more: Basic

Collection