We are really excited to bring all of our current and future merchants an improved footer design. Historically our footer has been minimal to evoke the minimal aesthetic we have always targeted with Loft. However, we realize that this minimal approach is not always what is ideal for large inventory brands, who we aim to serve. So we went to work to bring some much desired improvements, while maintaining a clean, minimal aesthetic in how we display a much more dense amount of information.
New Footer Features
With our improved design you will find:
Layout options to display short or long link lists
The ability to display navigation menus with child links
Flexibility to add icons to your google play or apple store apps
Display options for your newsletter to be full width to increase engagement
Column width settings to dynamically control the balance of your footer content
Currency and Language select
Let’s take a look at some of the powerful combinations you can now create with your footer in our updated theme.
Large menu with child links
Some brands desire to show a large “fat footer” at the bottom of their site to allow users to quickly jump to the page they are looking for. We find that returning customers like to use a fat footer rather than working their way through a mega menu or navigating through site content. These shoppers know what they are on the site to find and crave a direct path to get there.
Settings to achieve this look:
Show payment icons - selected
Show language selector - selected
Show currency selector - selected
Content
Logo
Logo - select image
Logo width - 125
Store description - “Kansas City’s place for modern home and decor.”
Social heading - “Follow Us”
App store links - “Grab our apps”
App store link - URL to your Apple store listing
Google play link - URL to your Google play listing
Newsletter
Full width - selected
Heading - “Get 10% off”
Description - “Join our list and save on your first order.”
Navigation
Block width - 60%
Footer menu - select your desired navigation menu
Now let’s take a look at a couple variations of this layout, featuring a large menu.
Remove app icons
Turn off currency, language and payment icons
Decrease width of navigation block to 30%
Turn off full width option for newsletter block
Remove Logo block
Remove Newsletter block
Turn on language, currency and payment icons
Smaller menu with child links
Perhaps you don’t want to put your entire menu in the footer, but you do have a 2-level menu that you want to show. Historically, Loft did not present a solution for this. But now you have the freedom to showcase any menu type you like. It is common to use the footer to show a menu with information about your company, or policy information or perhaps wholesale related pages. This is a good strategy to give an extra layer of links that are not shown in your main nav, but you still want to give easy access to your audience.
Settings to achieve this look:
Show payment icons - selected
Show language selector - selected
Show currency selector - selected
Content
Logo
Logo - select image
Logo width - 100
Store description - “579 Loft Ave Kansas City, MO”
Social heading - none
App store links - “Grab our apps”
App store link - URL to your Apple store listing
Google play link - URL to your Google play listing
Navigation
Block width - 60%
Footer menu - select your desired navigation menu
Newsletter
Full width - selected
Heading - “Enjoy 10% off when you sign up.”
Description - “We promise we send great emails! You won't be disappointed.”
You will notice in this setup we now have the newsletter full width block below our other two navigation blocks. By dragging and dropping the order of your content blocks, you can control the way they display.
Single Level Navigation Menu
Now let’s get back to our roots and see what improvements you can achieve with a single level navigation menu. For those merchants that swooned over our minimal navigation menu, we still have your back! Your footer will still look minimal and beautiful with this update, while giving you a few more options. At Trailblaze we crave a minimal and sleek footer. When you make good use of a mega menu it is ok to pull back on your footer. Between a robust main menu and search functionality, your shoppers should still be able to go direct to your content without needing to rely on a fat footer. Use a minimal footer to provide a few key anchor points to your store and your brand.
Settings to achieve this look:
Show payment icons - selected
Show language selector - selected
Show currency selector - selected
Content
Logo
Logo - image selected
Logo width - 100
Store description - “579 Loft Ave Kansas City, MO”
Social heading - none
App store links - none
App store link - none
Google play link - none
Navigation
Block width - 30%
Footer menu - select your desired navigation menu
Newsletter
Full width - unselected
Heading - “Enjoy 10% off when you sign up.”
Description - none
You will notice in this layout that the newsletter is not full width and instead is taking up 30% of the footer row. The percentage you choose for your navigation column width will determine where the other blocks sit in relation.
We hope that you are as excited about these footer improvements as we are! Our desire is to meet the needs of large inventory brands, while maintaining the strength in our minimal and balanced aesthetic. With the varying options we have provided, we think you will find a winning combination for your store.