Quick links
Last updated
Was this helpful?
Last updated
Was this helpful?
Display a row of Quick links with custom button shapes and styles.
Editing templates will change all pages that use the same template. Create new templates for different page layouts, or show dynamic page content in the same template.
In the editor side panel, click (+) Add section and select Quick links. Click and hold the drag handles ⋮⋮ to re-order sections.
Sections include general styles. Click the section to find options for colors, spacing, and animations.
Click a Links block to find the following settings.
Link
Paste or select a link for the quick link button.
Link text
Enter text for the quick link label.
Click the Quick links section to find the following settings.
Center header content
Choose to display headings as center-aligned within section. Uncheck this option to align headings to the left.
Accent
Add text to show a small heading above the main section heading.
Heading
Add text to show a main heading above the section.
Subheading
Add text to show a subheading below the main heading.
Maximum text width
Set the maximum width of heading text between 400 and 1000 pixels.
Select links to show
Choose to use a Custom list of links or a Menu from your Shopify admin.
Menu (Shopify Admin)
Select a menu from your Shopify admin for the quick links.
Font
Choose to use a Custom list of links or a Menu from your Shopify admin.
Text size
Select a menu from your Shopify admin for the quick links.
Shape
Change the shape of the Quick links: either Pill, Slightly rounded, or Rectangle.
Color
Change the color of the links. Select Current text to use default colors or use variant colors based on your theme colors: either Primary, Secondary, or Tertiary.
Show outline
Choose to display a border around the quick links.
Desktop layout
Choose to display links as a Slider or select Wrap to display the links in multiple rows.
Mobile layout
Choose to display links as a Slider or select Wrap to display the links in multiple rows.
Alignment
Display headings either to the Left, Center, or Right within the section.
Related links
Section colors
Section spacing
Section animations