Locations

This guide describes the Locations section. Use this section to display images, headings, and descriptions for your company locations.

Key features:

Overlay text – Add text centered over images.
Layout – Options for Full width and Block height.
Content position – Adjust content placement and enable background container for text.

Demo example:

The Locations section is displayed on the About Us page, featuring two location images as banners with side text and main overlay text in the center.

How to access the Locations section

Access this section through the theme customizer:

Navigate to Online Store > Themes
Select “Customize” on your active theme
On any theme template, click “Add section”
Search and select “Locations”

Note: Section cannot be added to the Password page.

To insert a new section between existing ones, follow the steps in the article "Sections and blocks" and locate the section titled “How to add a section”.

How to configure the Locations section

Basic Components

The “Image banner” section consists of two primary components:

General settings – These control the overall settings of the section.
Block – Each block has its own individual settings.

Available block types include:

Location (Learn about all available block settings, article "Location").

To insert a new block between existing ones or to add a block when none have been added yet, refer to the article "Sections and blocks" and locate the section titled “How to add a block”.

General settings

Select a setting described in the following table:

Setting	Description
Heading	Enter the section heading above the images. Use the top menu of the field to customize the heading. You can also click the dynamic source button to insert a dynamic source as the section title.
Heading size	Choose the size of the section heading. Options: Small Medium Large
Description	Enter a description for the section. Use the top menu to customize the text, including heading styles (H1–H6) or body text. You can also click the dynamic source button to insert a dynamic source for the description.
Description size	Choose the size of your section description. Options: Small Medium Large
Heading alignment	Align the heading (and heading with description) according to your design preferences. Options: Left Center Right
Overlay text	Add text centered over images.
Overlay text size	Adjust the size of the overlay text. Options: Small Medium Large Extra large
Full width	Extend section edge to edge.
Block height	Choose the height of the block. Options: Adapt to image Small Medium Large
Color scheme	Apply a color scheme to the section.

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.