Genie
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow
    • ✨Marquee
    • ✨Collections carousel
    • ✨Collection cards
    • ✨Countdown
    • ✨Rich text
    • ✨Featured collection
    • ✨Collection tabs
    • ✨Products marquee
    • ✨Video
    • ✨Best categories
    • ✨Text with multiple images
    • ✨Media grid
    • ✨Multicolumns
    • ✨Contact form
    • ✨Before/after
    • ✨Blog posts
    • ✨Featured product
    • ✨Newsletter
    • ✨Collection list
    • ✨Collections showcase tabs
    • ✨Featured collections list
    • ✨Highlight media with text
    • ✨Animated text
    • ✨Collapsible content
    • ✨Text with icons
    • ✨Testimonials
    • ✨Testimonials cards
    • ✨Social media gallery
    • ✨Logo list
    • ✨Timeline
    • ✨Products grid
    • ✨Footer
    • ✨Theme settings
    • ✨Age verification popup
    • ✨Newsletter popup
    • ✨Template product
Powered by GitBook
On this page
  • Configure footer section
  • Block settings: Menu
  • Block settings: Image with text
  • Block settings: Newsletter
  • Block settings: Contact information
  1. Overview

Footer

This is the bottom section of the webstore. You can use it to share brief information about your store and add navigation menus to help users navigate the web store seamlessly.

Configure footer section

Select the customize theme option. Click on the dropdown menu at the top of the page to select the Home page template.

From the left side menu, select Footer.

Customize the section by utilizing the setting on the right side of the theme editor, as described below;

Footer

Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Section background Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme. Enable top border rounded Select this check box to enable the top rounded corner. Top border radius Adjust the range bar to determine the corners radius Show blocks in accordions on mobile Select this check box to enable the accordions on mobile.

Background

Background image Choose any image for the background.

Social media icons

Select this check box to show the social media icons. Icon style Choose icon's style from: - Solid - Outline

Show copyright text

Select this check box to show the copyright text.

Follow on Shop

Currency and language

Enable language and country selector Select this check box to show the location and language selector.

Payment methods

Show payment icons Select this check box to show the payment icons. (Note: Icons display based on your Shopify payment methods.)

Policy links

Select this check box to show the policy links.

Animated icons

Flying bird Select this check box to show the flying bird. Clouds Select this check box to show the clouds. Sun Select this check box to show the sun.

Left portion

Show newsletter Select this checkbox to show newsletter form on the footer.

Right portion

Heading size Select the heading size from the following options: - X- large - Large - Medium - Normal - Small - X-small - XX-small Menus size Select the menus text size from the following options: - X- large - Large - Medium - Normal - Small - X-small - XX-small

Show blocks in accordions on mobile

Select this checkbox to show blocks in accordions on mobile view.

Block settings: Menu

Desktop column width

Adjust the range bar to determine the column width on desktop.

Quick links

Heading Add text to appear as the title. (Note: Heading is required to show the menu on the mobile view.) Menu Select any menu to display its first-level menus in the footer drawer.

Social links

(Note: To display your social media accounts, link them in your theme settings.) Heading Add text to appear as the title of social media links.

Block settings: Image with text

Desktop column width

Adjust the range bar to determine the column width on desktop.

Logo

Choose any logo image from the store library.

Desktop logo width

Adjust the range bar to determine the logo width on the desktop view.

Mobile logo width

Adjust the range bar to determine the logo width on the mobile view.

Description

Enter any text for the store description.

Description text size

Select the description size from the following options: - X- large - Large - Medium - Normal - Small - X-small

Block settings: Newsletter

Desktop column width

Adjust the range bar to determine the column width on desktop.

Heading

Add heading text. (Note: Wrap your text between [ ] to add the markers font and enter ++ for a line break.)

Heading size

Select the heading size from the following options: - XX- large - X- large - Large - Medium - Small - X-small

Heading tag

Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes.

Font family

Choose the font family from the following options:

- Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.)

Markers font

Choose the marker text's font family from the following options:

- Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.)

Placeholder text

Enter the email placeholder text.

Button text

Enter the button text.

Block settings: Contact information

Desktop column width

Adjust the range bar to determine the column width on desktop.

Heading

Add heading text.

Email

Enter the email.

Phone

Enter the phone number.

Address

Enter the address.

Font size

Select the font size from the following options: - XX- large - X- large - Large - Medium - Small - X-small

PreviousProducts gridNextTheme settings

Last updated 1 month ago

Enable Follow on Shop Select this checkbox to show 'Follow on Shop' button on the footer. For more information regarding this, go through this . (Note: To allow customers to follow your store on the Shop app from your storefront, Shop Pay must be enabled.)

✨
link