Footer

The Footer, as well as the Header, is one of the most important sections of any E-commerce store and it’s positioned at the very end of all Jumpseller themes.

Its main purpose is to function as the concluding section of a website, providing users with essential information and navigational elements that enhance their browsing experience.

A well-designed Footer can improve user engagement, build trust, and ensure that visitors can easily find important resources even when they reach the end of a page.

This section it’s also composed of subcomponents, which you can move and reorder to define the position in which you want the information to be displayed.

These are arranged based on columns, where the first one (Footer about) has a fixed width of 4 columns, while the others will adapt based on the remaining available space within the section. As for mobile devices they will stack one below the other.

When clicking on the Footer name you will access its main settings, that will allow you to customize it to fit your brand guidelines.

Width

Allows to define the maximum width that the component will stretch to the browser window.

You can read more about how this option will affect the component on this page.

Payments

This group of options allow you to add and display the payment methods that will be offered to clients in order to buy in your store.

Payment methods

Allows to show the badges or logos of the available payment methods added in your store’s admin panel, at Settings > Checkout > Payments.

When enabling it, the Show payment options badges option will allow you also display the badges of the payment options that are included in the different payment methods. For example:

A payment method would be PayPal.
A payment option would be Visa, Mastercard, etc.

Payment methods list

This option allows you to manually add and display payment methods, regardless if they’re added at Settings > Checkout > Payments.

‘Scroll to Top’ link

The Scroll to Top it’s a section that includes a link with which users can quickly go to the top of the page. By enabling the Show option, the following options will become visible to customize it:

Position

Allows to define if this section will show at the start or end of the Footer.

Icon

Allows to display an icon at the left side of the link text.

Text

Text that displays on the scroll link.

All caps

Forces the text to be displayed in uppercase, even when it wasn’t written like that: e.g. SCROLL TO TOP.

Appearance

This group contains options focused on the design and look of the Footer.

Alignment

You will find two options to define the alignment of the Footer menus, for desktop and mobile devices.

Titles in all caps

Allows you to define that titles for all the menus within the Footer are displayed in uppercase text, e.g. MENU TITLE.

Underline titles

Allows you to display a line or border below the titles of the menus.

Content colors

Allows you to choose the Color Pack for the Footer.

Subcomponents

Next, you will find all the subcomponents that can be used within the Footer.

About

This subcomponent allows you to display relevant information of your store, through the following options:

Column width

Defines the space that this section will occupy, considering the width of the Footer and the other elements displayed in it, based on the following options:

Auto: the section will adapt considering all the other sections within the Footer, and try to present them all within one single horizontal row.
Half width: the section will expand itself to occupy half of the Footer’s width.
Full width: the section will expand and occupy the entire width of the Footer, therefore, they will stack vertically one below the other.

Logo

It allows you to upload a custom Logo just for the Footer.

Note: If you don’t upload this Logo, the Footer will display the one that can be defined in your admin panel at Settings > General > Branding. If you didn’t upload one there, the Store name defined at Settings > General > Preferences will be displayed instead.

Logo height

It allows you to define the height of any Logo displayed in the Footer.

Description

It allows you to add a text or description below the Logo (or Store name). We suggest that you add something brief and that it contains relevant keyworks, in order to improve your store organic SEO.

Enable Social media links

It allows you to show all the links (and its icons) that you can add in your store’s Admin panel at Settings > General > Preferences > Social media.

Menus

You will be able to use and add two Footer menu subcomponents.

Both of them have the exact same options within their settings and the only key difference is that the items you can add inside them are handled through different Navigation menus, as it follows:

Footer menu 1

This one can be edited by going to ´Customization > Navigation > Footer menu 1´.

Footer menu 2

This one can be edited by going to ´Customization > Navigation > Footer menu 2´.

In terms of the options and settings, you will find the following ones:

Column width: Defines the space that this section will occupy, considering the width of the Footer and the other elements displayed in it, based on the following options:

Auto: the section will adapt considering all the other sections within the Footer, and try to present them all within one single horizontal row.
Half width: the section will expand itself to occupy half of the Footer’s width.
Full width: the section will expand and occupy the entire width of the Footer, therefore, they will stack vertically one below the other.
Title: It allows you to customize the title that displays before all the menu items within the section.
Menus used in this context: It provides a direct link to the configuration of the Navigation menu that each subcomponent uses to display the items.

Contact Information

This subcomponent allows you to display contact details of your store. The options for you to customize this subcomponent are the following:

Column width

Defines the space that this section will occupy, considering the width of the Footer and the other elements displayed in it, based on the following options:

Auto: the section will adapt considering all the other sections within the Footer, and try to present them all within one single horizontal row.
Half width: the section will expand itself to occupy half of the Footer’s width.
Full width: the section will expand and occupy the entire width of the Footer, therefore, they will stack vertically one below the other.

Title

Allows you to change the title, which by default is “Contact us”.

Information

This group of options allows you to define which contact details will be displayed:

Show contact email: Displays an email within the menu. By enabling it, an option called Email type will define the source and context of it:
1. Contact: will consider the one defined within your store’s admin panel at Settings > General > Emails > Settings.
2. Location: will be the one from your Main location, within the list of locations at Settings > Checkout > Locations.
Whatsapp number: Displays the WhatsApp number that can be added at Settings > General > Preferences > Social media.
Phone: Displays the phone added of the Main location.
Store’s main address: Displays the address of the Main location.

Locations

This subcomponent allows you to display the list of Locations that you have added within your store’s admin panel at Settings > Checkout > Locations.

There are some aspects about it that you need to consider before using it:

Locations will all be displayed together within one single independent section in the Footer.
They will be arranged within columns, based on what you define at the Column width option.

The options for you to customize it are the following:

Locations to display

Defines which type of locations will be displayed within the subcomponent, based on the following options:

All locations: All the locations that you have added within your store’s admin panel will be displayed.
Pickup locations: Only locations marked as Pickup will be displayed.

If a location it’s marked as *Pickup, a tag with the text Pickup point will be displayed at the right side of the location’s name.

Column width

Defines the amount of columns that each location will occupy within the section, based on the following:

Auto: columns will adapt automatically, and try to present them all within one single horizontal row.
Half width: columns will expand to occupy half of the section’s width.
Full width: columns will expand and occupy the entire width of the section, therefore, they will stack vertically one below the other.

Information

This group of options allows to define which details will be displayed for all locations, based on the following:

Email
Phone: as long as it’s added.
Address: will work as a link to Google Maps.
Details Popup: displays the location address within a Google Map, on a popup window that becomes available when the next option is enabled.
Details Popup: displays a link after all the location’s details, which will open a popup window that will present all the information that you have enabled. The following options will be available when this is enabled:
- Link text: text that displays in the link.
- Address map: allows to display the Map of each location address inside the popup window.

Other locations details that will also display on the Popup window, if the respective fields are filled, will be:

Pickup Description (optional)
Pickup Instructions (optional)

Divider

This subccomponent allows you to create a division that can split columns within the Footer, so you can arrange the sections of information in a different way.

The options to customize it are the following:

Show on

Defines in which devices the subcomponent will be visible, based on the following options:

All devices: it will be visible on all devices.
Only desktop: it will be visible on devices that have a width equal or higher than 768px.
Only mobile: it will be visible on devices that have a width equal or less than 767px.

Hide line

By default this subcomponent displays an horizontal line to make the division more clear.

When enabling this option that line will hide, making the subcomponent be just divisory space.

Design & Customization

Payments & Shipping

Apps

Support

Footer