Footer

Section overview

The theme footer section renders the global footer container for site-wide links and supporting content. It provides configurable spacing, color, border, alignment, visibility, and optional background media behavior.

Common use cases

• Building the primary footer layout for all storefront pages.

• Styling footer background and border treatments to match theme branding.

• Controlling footer alignment and spacing for desktop and mobile layouts.

• Enabling footer-specific background image or video presentation.

Usage tips

• Keep footer structure simple and prioritize the most important links.

• Use consistent spacing values across footer and sub-footer areas.

• Validate footer readability when using darker color schemes or media backgrounds.

• Test visibility settings across devices before publishing.

Section settings

Setting	Description
Enable background image or video	Turns on background media rendering for the footer.
Image background desktop	Background image used on desktop.
Image background mobile	Optional background image override for mobile.
Video background	Optional background video source.
Show video on mobile	Enables background video playback on mobile devices.
Show entire image	Displays full image rather than cropping to fill.
Top spacing	Adds top padding to the footer container.
Bottom spacing	Adds bottom padding to the footer container.
Minimum height	Sets a minimum section height.
Gap size	Controls spacing between child layout elements.
Color scheme	Sets footer background and text color treatment.
Color border	Sets footer border color style.
Border position	Controls where borders appear.
Y alignment	Aligns footer items vertically.
X alignment	Aligns footer items horizontally.
Enable margin	Applies global horizontal margin settings.
Visibility	Controls device visibility (all, mobile, or desktop).

Block settings

This section supports:

• _g__flex-item blocks for footer layout composition.