Footer

About Blum Footer Section

In this article, you’ll discover the steps to tailor the footer in the Blum Footer in Blum theme to your preferences. Simply click on the footer section to commence editing.

Overview

How to access Blum Footer Section

From any page, you can scroll down, the footer section is located there:

Edit Blum Footer Section Configuration

Edit General

• Firstly, you can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.

• Enable “back to top” button: You can choose to show or hide the back to top button.

• Enable collapse menu on mobile: You can choose to collapse the menu on mobile (only applicable to menu headings) to optimize the section height on mobile screens.

Edit Layout

You can enable ‘Remove padding top‘ and ‘Remove padding bottom‘ to delete the spacing at the top and bottom between the section and the elements inside it.

Edit Store Information

Here are the steps on how to add the store information on the footer:

• To add the Footer logo image, click the Select image button. The media manager will open up. There, drag and drop your logo, or select it if it is already uploaded. Then, you can be able to adjust Footer logo max width: comes from 40px to 240px with default is 160px.

• To add the content for this block, you can adjust the heading and paragraph text like this:

Edit Store Contact

This part allows you to input the heading text for the Contact information area.

Additionally, you have the option to enable or disable the display of your email address and phone number. Please note that in order to display your email address and phone number, you need to set them in your theme settings:

• Access theme settings on the menu bar
• Click on Email address and phone number section

Edit Newsletter

To customize the newsletter, you can follow these steps:

• Firstly, the Blum theme allows you to enable or disable the newsletter in the footer.

• Afterward, you can enter the heading text and description for the newsletter here.
• If you want to remove the text part, simply delete the content in the text box.
• You can also change the color for background and content by changing the color code here:

Once a customer submits the newsletter form, their information will be stored in the Shopify admin > Customers.

Edit Currency Selector

The currency selector allows visitors to choose the currency that they prefer to view prices in.

To enable the currency selector, you need to first add a currency to your Shopify store’s payment settings.

Here are the steps on how to enable the currency selector in Shopify:

• Go to your Shopify admin and click on Settings > Payments.
• In the Shopify Payments section, click on Manage.
• Under Currency Conversion, check the box next to Enable multi-currency.
• Click on Save.

Once you have added a currency, you can enable the currency selector in the footer section of your store.

The currency selector will now be displayed in the footer section of your store.

Edit Language Selector

Similar to the currency selector, you need to add a language to your Shopify store’s language settings in order to enable the language selector.

Edit Social Media Icons

To set up for the Social Media icon on the Footer section, please follow these steps:

Step1: You can enter the heading text for the social media icon here.

Step 2: After that, you can enable or disable to show social media icons.

Edit Payment Method

To enable the Show payment method here, first, you need to add a payment method on your Shopify store’s payment settings.

Together with that, you can enable or disable the Show payment icon. The icon display based on your Shopify payment method.

Edit Block Menu Configuration

You can add more details for the Footer by clicking on the Add menu. The maximum number of menu blocks allowed is 4 blocks.

After that, you can freely add heading text on the text box and select the menu to display by clicking on the Select menu button.

Frequently Asked Questions

Why Do I Need ‘Back To Top’ Button In The Blum Footer?

Back To Top Button helps users to easily scroll back to the top of the page, as it increases time-on-site and of course customer experience

What Is Collapse Menu On Mobile?

This feature is only applicable to menu headings, to optimize the section height on mobile screens.