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.

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;

General

Outer background Choose the background color. Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Background Choose the section background from below options: - Solid - Gradient Container width Choose the container width from below options: - Small - Standard - Wide - Edge - Full width Inner content width Choose the content width from below options: - Small - Standard - Wide - Edge Corner style Choose the corners style from following options: - Sharp - Rounded Rounded: Corner radius Adjust the range bar to determine the radius to be applied in case of rounded corner style. Rounded position Choose the position from below options: - Top - Bottom - Both Corner radius

Adjust the range bar to determine the corners radius.

Section spacing

Choose from Choose spacing for: - Desktop - Mobile Desktop: Top spacing Adjust the range bar to add spacing at the top of the section for desktop view.

Desktop: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for desktop view.

Mobile: Top spacing Adjust the range bar to add spacing at the top of the section for mobile view.

Mobile: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for mobile view.

Content

Desktop logo Choose any logo image from the store library, for the desktop view. 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. Heading Enter the heading text. Heading font size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small Description Enter any text for the store description. Description font size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small Desktop content alignment Choose the alignment from below options: - Left - Center

Menu

Heading font size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small Link size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small Show menus in accordions on mobile Select this checkbox to show menus in accordions on mobile.

Newsletter

Enable newsletter Select this checkbox to show newsletter form on the footer. Show social icons Select this checkbox to show social icons on the footer. The social media can be setup from Social media under Theme settings. Heading Enter the heading text. Description Enter any text for the newsletter.

Form

Term & Policy text Enter the terms and policies text. Text font size Choose the font size from following options: - Medium - Regular - Small - Extra small

Bottom bar

Enable language and country selector Select this check box to show the location/countries selector. ( Note: For more info, go through locationarrow-up-right and currencyarrow-up-right.arrow-up-right) Enable copyright text Select this checkbox to show copyright text. Enable Follow on Shop Select this checkbox to show 'Follow on Shop' button on the footer. For more information regarding this, go through this linkarrow-up-right. (Note: To allow customers to follow your store on the Shop app from your storefront, Shop Pay must be enabled.) Show payment icons Select this checkbox to show the payment icons. These can be enabled from the Shopify payments.

Block settings

Menu

Heading Add text to appear as the title. Menu Select any menu to display its first-level menus in the footer.

Sticky logo

Logo Choose any logo image from the store library.

Logo height Choose logo height from below options: - Fixed - Auto

Custom height Adjust the range bar to choose the logo height. 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. Background Choose background style from below options: - Background color - Background image Background color Choose the background color. Background image Choose any background image from the store library.

Last updated