What this section controls
- Headings, text content, and on-page messaging
- Images, videos, and other media presentation options
- Layout structure, width, alignment, and spacing
- Calls to action, links, and navigation behavior
- Color schemes, contrast, and shared visual styling
- Block types such as Quick Link
Getting started
Add or open Quick Links
Add the Quick Links section to a compatible template or select the existing section from the left sidebar.
Adjust the main settings first
Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
Section settings
Layout
Desktop
Desktop
Choose how Desktop behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Grid, Carousel.Default:
gridMobile
Mobile
Choose how Mobile behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Grid, Carousel.Default:
gridNumber of columns
Desktop
Desktop
Adjust Desktop with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range:
1 to 12 Default: 3Mobile
Mobile
Adjust Mobile with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range:
1 to 2.4 Default: 1Carousel layout
Navigation
Navigation
Color for navigation
Color for navigation
Pagination
Pagination
Choose how Pagination behaves in the section.Available options: None, Dots, Dynamic, Progress.Default:
noneOverflow
Overflow
Enable or disable Overflow.Default:
disabledOverflow is available only when the featured card layout is normal.Card
Color scheme
Color scheme
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.
Card frame
Card frame
Choose how Card frame behaves in the section.Available options: None, Border.Default:
noneCorner radius
Corner radius
Choose how Corner radius behaves in the section.Available options: No, S, M, L, ↺.Default:
defaultCard padding
Card padding
Choose how Card padding behaves in the section.Available options: No, S, M, L.Default:
mdEnable auto width
Enable auto width
Enable or disable Enable auto width.It has the strongest effect on layout balance and visual hierarchy.Default:
disabledThis setting only appears when its related parent option is enabled.Content
Show card labels
Show card labels
Enable or disable Show card labels.Default:
disabledHorizontal alignment
Horizontal alignment
Choose how Horizontal alignment behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: ⇤, Center, ⇥.Default:
centerMedia
Show card media
Show card media
Enable or disable Show card media.Review the result on both desktop and mobile when media changes are involved.Default:
enabledMedia height
Media height
Adjust Media height with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range:
0.4 to 20.0 Default: 10.0remThis setting only appears when its related parent option is enabled.Media padding
Media padding
Choose how Media padding behaves in the section.Review the result on both desktop and mobile when media changes are involved.Available options: No, S, M, L.Default:
mdThis setting only appears when its related parent option is enabled.Media shape
Media shape
Choose how Media shape behaves in the section.Review the result on both desktop and mobile when media changes are involved.Available options: Default, Square, Circle.Default:
defaultThis setting only appears when its related parent option is enabled.Enable mix blend mode
Enable mix blend mode
Enable or disable Enable mix blend mode.Default:
disabledThis setting only appears when its related parent option is enabled.Applies blend mode effect to the media based on the mix blend color.Mix blend color
Mix blend color
Controls mix blend color.Use this to keep contrast and branding consistent with the rest of the store.Default:
#f1f1f1This setting only appears when its related parent option is enabled.Common settings
Section width
Section width
Choose how Section width behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: Page, Fluid, Full.Default:
pageColor scheme
Color scheme
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.Default:
scheme-1Top spacing
Top spacing
Choose how Top spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Bottom spacing
Bottom spacing
Choose how Bottom spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Section border
Section border
Choose how Section border behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: None, Top, Bottom, Both.Default:
noneBlock settings
Quick Link
This block controls the quick link content used inside the Quick Links section.
Settings
Card link
Card link
Set the destination URL for card link.Keep action labels short so they remain readable across devices.
Card label
Card label
Enter the content used for card label.This setting only appears when its related parent option is enabled.If left blank, the card label will use the linked page’s title.
Media
Image
Image
Upload or choose an image for image.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.
Video
Video
Choose a hosted video for video.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.Overwrites the image.
External video
External video
Paste an external video URL for external video.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.Overwrites the image and video. We recommend above video option for better performance, external videos can cause performance issues. Use a YouTube or Vimeo URL.
Aspect ratio
Aspect ratio
Choose how Aspect ratio behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Default, Auto, 1:1, 4:3, 3:4, 3:2, 2:3, 5:4, 4:5, 16:9, 9:16, 2:1, 4:1, 8:1, 1:2.Default:
autoThis setting only appears when its related parent option is enabled.Best practices
- Check contrast after changing color schemes so text and controls remain easy to read.
- Review media-heavy layouts on both desktop and mobile before publishing.
- Keep labels short and scannable, especially in tighter layouts or utility areas.
- Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
- Start with the structural settings first, then refine decorative styling after the layout feels settled.