Skip to main content
Footer settings
Jalal avatar
Written by Jalal
Updated over 9 months ago

The footer settings make it possible for you to fully customize the footer of the theme.

To change/configure the footer, you'll first have to go to the settings.
You do this by simply clicking on the 'Footer' to open the settings.

Once you've clicked on footer, the settings will open in the right sidebar!

Configure the footer

As stated before, the settings will open on the right side of your screen, this will be the following settings

Main color scheme:
Select the color scheme for the footer, this will be the main color of your footer ( where your main footer elements are).

Column text alignment:
You can now control text alignment inside the footer column (left, right and center).

Content position:
By default the footer columns are aligned center to it's div but now you can select to divide width evenly for the columns.

Font size:
As per the title you can choose the font size.

Bottom bar:

It refers to the bar below header where the payment icons are showing.

Color scheme:
Select the color scheme for the bottom footer bar, where your sub footer elements are, like your logo, 'powered by' text and payment icons.

Image:
Upload the image you want to use in the footer, most of the time merchants use their logo here!


Image width:
Configure your image width here, this will make the image wider. You can set it to a maximum of 200px.

Link:
Set a link for the image, customers will be redirected to this link when they click on the image.

Show country selector:
This setting explains itself, enable to show the country selector in the bottom bar of the footer.

Show language selector:
This setting explains itself, enable to show the language selector in the bottom bar of the footer.

Enable follow on Shop:

If you have Shop pay enabled you can check this option to add follow on Shop icon.

Custom Liquid:

If you have some snippets to add in the footer there is no need to edit theme code add the code in custom liquid block.

Show payment methods:
Enable to show the payments icons in the bottom bar of the footer. The icons will only show for the Shopify payment gateway.

Spacing:

Control the bottom margin for mobile and desktop.

Footer blocks

To add blocks you simply click on the 'Add block' button in your sidebar on the left of your screen.

After you clicked 'Add block', you can select the button menu (if not already in your footer). The 'voettekstmenu' is a menu.

The 3 blocks are called:

  • Customer Service

  • Socials & Newsletter

  • Menu

  • HTML

  • Custom liquid

  • Text

Customer service block

Heading:
Set a title for your block, this block is almost always used for customer service, so we called it 'Customer service'

Heading font and font weight:

As the setting tittle suggest, it controls the heading font and weight.


Image:
Upload the image you want to use in the customer service section. Most of the time this will be a picture of a customer service employee!

Image width:
Configure your image width here, this will make the image wider. You can set it to a maximum of 200px.

Image right offset:
This is perfect to align your image in your footer. Play with this setting to get it just about right! The offset will be calculated from the right.

Image bottom offset:
This is perfect to align your image in your footer. Play with this setting to get it just about right! The offset will be calculated from the bottom.

Text:
Set the text for your customer service block here, share some company information like your address and other fun information!

Show social media icons:
Enable to show social media icons which can be set in theme settings > social media.

Mobile Layout

Image right offset:
This is perfect to align your image in your footer for mobile. Play with this setting to get it just about right! The offset will be calculated from the right.

Image bottom offset:
This is perfect to align your image in your footer for mobile. Play with this setting to get it just about right! The offset will be calculated from the bottom.

Newsletter block

Heading:
Set a title for your block, for example follow us!

Button color scheme:

If the show newsletter setting is enabled, a button with 'Subscribe' will be active. Set the color scheme for that button here.

Show checkbox:
Enable to show the checkbox, this is for example required for european merchants!

Label for the checkbox:
Set the text for the checkbox here, we advise to use a text for agreeing to your privacy policy.

Menu block

Menu:
Select the menu you want to show in the footer.

Split menu:
This will show a large menu in two parts, with the customer service/newsletter block always on the first row.

HTML block

Using this block you can add html codes to your footer like a <ul> list.

Custom liquid block

Using this block you can add liquid codes to your footer.

Did this answer your question?