Footer

Overview

The Footer in Label One theme is a highly customizable section that can include multiple components such as a newsletter, scrolling marquee text, and the main footer content. It provides flexible layout options, menu links, social icons, custom content, and branding elements to create a comprehensive footer that matches your store's design.

Footer Group Structure

The footer is organized as a group of sections that can include:

• Newsletter - Collects email subscriptions
• Marquee - Displays scrolling text
• Main Footer - Contains menus, custom content, and branding elements

Main Footer Features

Layout Options

Setting	Description	Options
Layout orientation	Controls how footer blocks are arranged	Vertical, Horizontal
Show copyright notice	Displays copyright text with current year	On/Off
Show payment icons	Displays accepted payment method icons	On/Off
Show follow on shop	Displays Shopify's follow button	On/Off

Footer Image

Setting	Description	Options
Footer image	Optional image to display in footer	Image picker
Footer image position	Where the image appears relative to content	Above blocks, Below blocks
Image size	Controls the width of the footer image	XS, S, M, L, XL, Full Width
Top/Bottom padding	Spacing above and below the image	0-50px

Appearance

Setting	Description	Options
Color scheme	Sets the color scheme for the footer	Theme color schemes

Footer Blocks

The footer supports multiple content blocks that can be added, removed, and reordered:

Social Media Block

Displays social media links configured in Theme Settings.

Setting	Description	Options
Title	Heading above social links	Text
Display type	How social links are displayed	Icons, Text

Menu Block

Displays links from a selected menu (up to 4 menu blocks can be added).

Setting	Description	Options
Title	Heading above menu links	Text
Footer menu	Menu to display in this block	Link list selection

Empty Space Block

Adds an empty column or row for layout purposes.

Custom Liquid/HTML Block

Allows for custom content using HTML or Liquid.

Setting	Description	Options
Title	Heading above custom content	Text
Custom HTML	HTML or Liquid code	HTML editor

Text Block

Displays a title and formatted text content.

Setting	Description	Options
Title	Heading for the text block	Text
Title alignment	Horizontal alignment of title	Left, Center, Right
Description	Text content to display	Rich text editor
Description alignment	Horizontal alignment of content	Left, Center, Right

Newsletter Section

When included in the footer group, the newsletter section offers:

• Layout options (inline or stacked)
• Customizable heading and subheading
• Flexible spacing and color scheme options

Marquee Section

When included in the footer group, the marquee section offers:

• Scrolling text that can be used for announcements
• Customizable text size and spacing
• Speed and direction controls
• Pause on hover option

Setup Instructions

Basic Footer Setup

1. Navigate to your Shopify admin → Online Store → Themes
2. Click Customize on your current theme
3. Scroll to the footer section at the bottom
4. Configure the general footer settings

Adding Footer Blocks

1. In the footer section, click "Add block"
2. Choose from available block types:
   • Social
   • Menu
   • Empty space
   • Custom Liquid/HTML
   • Text
3. Configure the block settings
4. Use the drag handles to reorder blocks

Setting Up the Footer Group

1. To customize the entire footer group, select "Footer" from the sections dropdown
2. Add, remove, or reorder sections within the footer group
3. Configure each section individually

Best Practices

Layout Considerations

• Vertical layout works well for more complex footers with multiple menus
• Horizontal layout is clean and modern for simpler footers
• Use empty space blocks to create balanced columns
• Consider mobile users - test how your footer collapses on small screens

Content Organization

• Group related links together in menu blocks
• Limit the number of links to avoid overwhelming visitors
• Place the most important links in the first menu block
• Use clear, concise menu titles

Visual Design

• Choose a color scheme that complements your overall site design
• If using a footer image, ensure it's not too tall (which can push content down)
• For logos, the "Below blocks" position often works best
• Maintain consistent text alignment within blocks

Functionality

• Include contact information in a custom HTML block for easy access
• Consider adding a newsletter section for lead generation
• Use social media blocks to increase your social following
• Ensure all menu links are working and relevant

Combining Footer Elements

The footer group allows you to combine multiple sections for a comprehensive footer experience:

• Top Section: Often a newsletter to capture emails
• Middle Section: Optional marquee for announcements or branding
• Main Footer: Menus, social links, and custom content
• Bottom Elements: Copyright notice and payment icons

Advanced Tips

• Custom HTML: Use the Custom Liquid/HTML block for complex layouts or integrations
• Marquee Timing: Adjust marquee speed based on the length of your text
• Footer Image: Use a footer image with a transparent background for better integration
• Newsletter Design: Match newsletter styling with your brand colors
• Multiple Menus: Create separate menus in Shopify's Navigation settings for footer-specific links

This documentation covers all aspects of the Label One theme's footer system, helping you create a functional and attractive footer that enhances your store's user experience and branding.