✨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;
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 location and currency.) 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 link. (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