Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Add links block
  • Change block width
  • Select menu links
  • Change heading
  • Display collapsible row on mobile

Was this helpful?

  1. Footer
  2. Footer

Links block

Footer

Last updated 4 months ago

Was this helpful?

In the footer, show menu links from one of your .

Add links block


Click the arrow next to the Footer section, then click (+) Add block and select Links. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start adding content.

Click the Links block to select a menu that you've created in the Shopify admin.

Click Links block to find settings

Setting
Description

Menu

Select a menu of links that you've created in your Shopify admin.

Only top-level links are displayed, so dropdown menus will not appear.

Change block width


Change the block width to adjust the layout with other footer blocks.

Click Links block to find settings

Setting
Description
Options

Desktop width

Use the slider to increase the width of the footer block on desktop.

To keep all columns in a single row, make sure all footer block widths add up to 100%. To display block on its own row, set the desktop width to 100%.

10 - 100% Default: 20%

Mobile width

Set the width of the footer block on mobile. Set the width to `100%` to avoid line breaks in link names.

50% Default 100%

Select menu links


Click a Links block to select a menu that you've created in the Shopify admin.

Click Links block to find settings

Setting
Description
Options

Menu

Select a menu of links that you've created in your Shopify admin.

Only top-level links are displayed, so dropdown menus will not appear.

Default: Footer menu

Change heading


Change the heading text above the links and choose whether to show the heading on desktop.

Click Links block to find settings

Setting
Description
Options

Heading

The title of the links block. Leave the field blank to remove the heading. However, a heading is required when collapsible rows on mobile are enabled.

Default: Links

Show heading on desktop

Choose whether to show the block heading on desktop screens.

Default: Enabled

Display collapsible row on mobile


On mobile screens, you can display the links block in a collapsible row, instead of as a column.

Note: A heading is required for the collapsible row.

Click Links block to find settings

Setting
Description
Options

Collapsible row on mobile

Display the block as an expandable row that reveals the block content when clicked.

Default: Disabled

Shopify navigation menus ↗
Three links blocks in the footer