Search limit to:






Footer

by Admin on Oct 05, 2025

1. What is Footer?

The footer is a section typically found at the bottom of a webpage. It provides valuable information and navigation options for users, often including links to important pages such as the about us, contact, terms of service, and privacy policy. Additionally, the footer may contain social media icons, newsletter signup forms, copyright information, and other relevant details about the website or company. In essence, the footer acts as a navigational aid and a space for essential site information, enhancing user experience and providing easy access to key resources.


2. Section Components

Section

Footer

Main container section for all footer content and layout configurations.

Available blocks

Displays navigation links to important pages like About Us and Contact.

Shows company information, copyright details, or custom messages.

Displays logos, banners, or promotional graphics in the footer.

Shows trust badges or certification images to build credibility.

Highlights your store name with large typography for brand recognition.

Displays contact details like phone numbers, email, and addresses.

Email signup form to capture subscribers and promote offers.

Secondary footer section for copyright, payment icons, and language selectors. :contentReference[oaicite:1]{index=1}


3. Location & Setup

  1. Go to “Online Store” > “Themes” > ”Customize”.
  2. Find the Footer setting group on the left side.
  3. Search for Footer (this section is added by default).

4. Highlight features

  • Multi-column layout flexibility: Configure up to 5 columns on desktop with adjustable spacing and alignment for optimal content organization.
  • Responsive mobile design: Collapsible sections and optimized mobile layouts with separate settings for mobile and desktop. :contentReference[oaicite:3]{index=3}

5. Common Use Cases

🤔 How to set up a Footer?

Want to set up a Footer but don’t know where to start? Here are simple steps:

STEP 1: Search for Footer (this section is added by default).

STEP 2: Add the blocks to show the information you want

There are multiple types of blocks available for the Footer. Here’s how to set up the blocks:

Block name How to set it up?
Menu
  • Add a Heading to the block.
  • Select a Menu from the dropdown.
  • Choose the Menu desktop layout (Horizontal/Vertical).
  • Toggle Open by default on mobile.

Custom text

  • Add a Heading to the block.
  • Write Subtext (e.g., contact details or brand message).
  • Toggle Show social icons if needed.
  • Add an optional image with light/dark variants.
Image
  • Upload an image or select from free images.
  • Adjust the Image width and enable rounded corners if desired.
  • Add a Link to make the image clickable.
  • Set alignment (Left/Center/Right).
Certifications
  • Add a Heading to the block (default: Trusted by).
  • Enter image file names (e.g., "certificate.jpg")—one per row.
  • Upload trust badge images to Admin > Content > Files.
Enlarged store name
  • Adjust Store name font size (100 to 400%).
  • Upload Light/Dark mode logos.
  • Set Logo width and padding for spacing.
Contact info
  • Add a Heading to the block (default: Need help).
  • Choose an Icon or add a custom image to display at line.
  • Add Heading and Text to show information details (phone, email, etc.).
  • Include a Text link for direct access.
Newsletter
  • Add a Heading to the block (default: Subscribe to Our Newsletter).
  • Write a persuasive Text (e.g., "Get 10% off").
  • Toggle Show social icons to connect social media.
Subfooter

 

  • Toggle Show payment icons and add custom names (e.g., "visa, paypal").

  • Enable copyright text or "Powered by Shopify."

  • Enable Country/Region selector and Language selector for global stores.

  • Toggle Enable Follow on Shop is displayed by default.

 

STEP 3: Customize the overall look:

Click on the Footer section to open its settings panel and:

  • Adjust Number of columns on desktop (2 to 5) to organize content layout.
  • Configure Block spacing on desktop to control spacing between columns.
  • Set Content alignment (Left/Center/Right) for consistent text positioning.

STEP 4: Click “Save” when done.


Need help? Contact our support team at Omni Themes Support.