Footer top
Overview
The site footer with an optional reveal (scroll-up) animation and animated shader gradient background. A large backdrop logo or text element sits behind the footer content as a decorative layer. Footer content is composed from specialized blocks — navigation menus, social links, a footnote bar, a newsletter form, theme blocks, and app blocks. Section settings cover only the reveal animation, shader gradient, and backdrop display.
Section Configuration
Animation
| Setting |
Description |
| Reveal Animation |
Scroll-reveal effect applied to the footer: None, Desktop Only, Mobile Only, or Both. Default: Desktop Only. |
| Enable Shader Animation |
Applies an animated gradient shader to the footer background. Enabled by default. |
| Gradient Color |
Gradient used for the shader animation. Default: dark-to-red-to-cream diagonal gradient. |
Backdrop
| Setting |
Description |
| Show Backdrop |
Displays the large decorative logo or text behind the footer content. Enabled by default. |
| Image |
Image used as the backdrop element. |
| Text |
Text displayed as the backdrop when no image is set. Default: "LOGO". |
| Text Color |
Color applied to the backdrop text. Default: #ffffff . |
Available Block Types
| Block |
Description |
| Footer Menu |
Navigation link group displayed in the footer. |
| Footer Socials |
Social media icon links. |
| Footer Note |
Footnote bar for copyright text, legal links, or payment icons. |
| Footer Newsletter |
Email newsletter signup form. |
| Theme Block |
Slot for theme app extension blocks. |
| App Block |
Slot for third-party Shopify app blocks. |