Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Prices
      • Quick add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
    • Wholesale
      • Wholesale basics
      • Account restrictions
    • Color and option swatches
    • Device specific visibility
    • Discount popups
  • Templates
    • Collection template
    • Product template
    • Blog template
    • Article template
  • Sections
    • Global Sections
      • Header
      • Footer
      • Navigation links
      • Announcement
      • Cart drawer
      • Account drawer
      • Search drawer
      • Menu drawer
    • Media & Promotional
      • Slideshow
      • Video
      • Split banner
      • Marquee
      • Image hotspot
      • Countdown
      • Discount
      • Banner
      • Slider
      • Testimonial slider
      • Search banner
    • Product & Collection Displays
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Content & Marketing
      • Rich text
      • Blog posts grid
      • Testimonial grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
    • Utility & Custom
      • Custom liquid
      • Tool tip
      • Store locater
    • Forms & CTAs
      • Email sign-up
      • Sign-up form
      • Contact form
  • General
    • Changelog
      • v1.3.0
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
    • Cloning a demo theme
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Global Sections

Footer

Section overview

The theme footer section is a customizable site-wide footer that provides navigation, social media links, newsletter signup, and other essential footer content. It features responsive design with different layouts for mobile and desktop views.

Common use cases

  • Adding navigation menus and links to important pages

  • Displaying contact information and store details

  • Collecting email subscribers with a newsletter signup form

  • Showcasing social media links and payment methods

Usage tips

  • Keep menu structures simple and organized for easy navigation

  • Ensure all content is properly aligned on both mobile and desktop views

  • Consider using contrasting colors for better visibility of footer elements

  • Add only the most relevant social media links to avoid overwhelming the footer

Section settings

Setting
Description

Top spacing

Adjusts the amount of space above the main footer content (0-300px)

Bottom spacing

Adjusts the amount of space below the main footer content (0-300px)

Color scheme

Sets the background and text color for the main footer section

Color border

Determines the border color and style for the main footer section

Color button

Sets the appearance style for buttons in the main footer

X alignment

Controls the horizontal alignment of content in the main footer

Sub color scheme

Sets the background and text color for the sub-footer section

Sub color border

Determines the border color and style for the sub-footer section

Submenu

Selects which menu to display in the sub-footer section

Show account link

Toggles visibility of customer account login/access link

Show localization

Toggles visibility of currency and language selector

Show payment icons

Toggles visibility of supported payment method icons

Enable follow on shop

Toggles the Shop Pay follow button feature

Visibility

Controls whether the footer displays on all devices, mobile only, or desktop only

Block settings

Menu

This block adds a navigation menu to the footer with support for multi-level menus on mobile and desktop.

  • Block limit: 8

Setting
Description

Menu

Selects which menu to display in this block

Content

This block adds custom content including text, images, and links to the footer.

  • Block limit: 3

Setting
Description

Heading

Sets the title text for this content block

Content

Rich text area for store information or other content

Button label

Text to display on the optional action button

Button URL

Destination link for the button

Logo

Optional image to display in this block

Desktop logo height

Controls the logo size on desktop devices (20-70px)

Mobile logo height

Controls the logo size on mobile devices (10-50px)

Newsletter

This block adds an email newsletter signup form to the footer.

  • Block limit: 1

Setting
Description

Heading

Sets the title text for the newsletter form

Content

Rich text area for newsletter description

Button

Text to display on the signup button

Disclaimer

Optional text for legal/privacy information about newsletter signup

Success message

Text displayed after successful newsletter subscription

Last updated 11 days ago

Was this helpful?