Turbo Guide: Footer

Supported Versions

The details shared here apply to the most recent version of Turbo. To keep your theme up to date, check out this helpful document.

In This Article

• Footer Settings
• Examples
• Mobile Layout

Using the Footer Section

The Turbo theme includes a customizable 'Footer' section that allows up to 5 vertical columns. You can choose to use any combination for your footer columns. Use one, use three, use all five! It's up to you. All of the columns can be re-ordered as well in your Theme Editor (Customize). 

Within your 'Footer', you can choose to add menus, a newsletter signup form, your logo, a content page, text area (using a rich text editor), and even an empty column. In each of the columns, you can also choose to display your social media icons. 

In order to configure your Footer, click into Customize (your Theme Editor) > Sections > Scroll down and click into Footer. 

Settings title

• Section Settings
• Content Block Settings

• Section Settings

  The section settings allow you to enable certain general information within the footer!

  
  
   

  Copyright text

  By default, ©, The Year, and your Shop Name will show up as 'copyright text'. Example: © 2019 Turbo Theme Portland. However, in the footer section settings, you can also choose to add more to your 'copyright text' that will show up beside this.

  
   

  Show theme designer credits

  You have the option to enable/disable the theme designer credits. When you enable this, the text: "Designed by Out of the Sandbox" which links to the Out of the Sandbox website, will display beside your Copyright text.

  
   

  Show payment method icons

  You can choose to display payment icons in the footer. The icons that show are determined by your what you've set up in your store's payment settings.
  
  

• Content Block Settings

  The content block settings are for configuring each column within the footer. The content options include adding a logo, newsletter signup form, menu, content page, rich text area, or an empty column if you just want some extra space!
  
  

  

Examples

• Demo Shop Examples
• Additional Examples

• Demo Shop Examples

  Here's how we set up the 'Footer' in our demo shops for Turbo!

  • Portland
  • Seoul
  • Florence
  • Dubai

  • Portland

    
    Settings

    Show theme designer credits - enabled

    Show payment method icons - enabled

    Column 1

    Logo

    Columns 2 - 3

    Menu

    Column 5

    Page

    Show social media footer icons - enabled

  • Seoul

    
    Settings

    Show theme designer credits - enabled

    Show payment method icons - enabled

    Column 1

    Logo

    Show social media footer icons - enabled

    Column 2

    Empty column

    Columns 3 & 4

    Menu

    Column 5

    Page

  • Florence

    
    Settings

    Show theme designer credits - enabled

    Column 1

    Logo

    Column 2

    Empty column

    Columns 3 & 4

    Menu

    Column 5

    Text

    Show social media footer icons - enabled

  • Dubai

    
    SettingsSettings

    Show theme designer credits - enabled

    Column 1

    Logo

    Columns 2 & 3

    Menu

    Column 4

    Text

    Show social media footer icons - enabled

    Column 5

    Newsletter

• Additional Examples

  Example 1

  
  Settings
  
  Column 1

  Newsletter

  Column 2

  Empty column

  Columns 3 - 5

  Menu

   

  Example 2

  
  Settings
  

  Show theme designer credits - enabled

  Column 1 - 3

  Text

  Column 4

  Newsletter

Mobile layout

When viewed on a mobile device, the columns will stack vertically. If you have any menus, they will turn into drop-down menus on mobile.