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
  • Set up section
  • Add footer content blocks
  • Spacer block
  • Change layout
  • Show language and country selectors
  • Show payment icons
  • Add additional copyright text
  • Remove "Powered by Shopify"

Was this helpful?

  1. Footer

Footer

Last updated 3 months ago

Was this helpful?

The Footer appears at the bottom of every page. It's a great place for quick-access links, contact details, and other store information.

  • Design the footer layout with feature blocks

  • Show social media and payment icons

  • Show language and country selectors

Set up section


Click the section to edit the general section colors and spacing. Learn more:

Add footer content blocks


Use footer blocks to add menu links, text, images, an email signup, and social media icons.

  • Click (+) Add block to add feature blocks to the footer.

  • Use the drag handles ⋮⋮ to change the order of the footer blocks.

  • Click a block to customize the content and settings.

Spacer block


Add a spacer block and position it between other footer blocks to add extra space.

Click Spacer block to find settings

Setting
Description
Options

Desktop width

Use the sliders to increase the amount of horizontal space on desktop.

10-100 px Default: 20

Mobile height

Use the sliders to increase the horizontal spacing on desktop.

0-100 px Default: 0

Change layout


Customize the general layout and style of the footer. In the footer section settings:

  • Change alignment of footer content

  • Increase the gap between columns

  • Change the column heading font

Click Footer section to find settings

Setting
Description
Options

Footer alignment

Align the content of the footer to the left or center. When Center is selected, the subfooter content will also be centered (the selectors, copyright text, payment icons, and subfooter links).

Left Default Center

Column gap

Use slider to add space between the footer blocks. Set to `0px` to remove space.

0-60 px Default: 40

Column heading text style

Change the style of the heading text used by footer blocks. Text styles are based on your theme settings.

Heading Default Body Overline

Show language and country selectors


Show payment icons


Enable Payment icons to display a row of supported payment methods.

Click Footer section to find settings

Setting
Description

Show payment icons

Show icons of your store's payment methods, as enabled in your Shopify admin.

Add additional copyright text


Add an additional line of text below the copyright text. Click the Footer section, and enter text in the Additional copyright text field.

Setting
Description

Additional copyright text

Add custom text to the end of the "Copyright" line.

Subfooter links

Show additional links at the bottom of the footer. Select a menu that you've created in your Shopify admin.

Remove "Powered by Shopify"


The "Powered by Shopify" text appears in the footer on every page. You can edit or remove this text in the default theme content editor.

  • In your theme editor, click the Actions (...) button and select Edit default theme content.

  • Search "Powered by Shopify" to find the default text in the Checkout & system > Links area.

  • To remove default text, replace the text in the field with a single space.

The icons that are displayed depend on the payment methods that are available in your customer's region and currency. See

Links

Newsletter and socials

Image text and socials

Custom Liquid

Language selector

Allow visitors to view your store in another language that you've added.

Country selector

Allow visitors to select their preferred region and currency.

Shopify's Payments guide ↗
Cover

Color scheme

Cover

Section width

Cover

Section padding