Examples of footers
Illustrative Examples of Footer Implementations and Module Integration
This section is dedicated to showing you how to construct a specific footer design from the ground up. We break down the process into actionable steps, starting with initial configuration and progressing through the integration and customization of all required elements. Follow this guide to understand the essential settings and the sequential order for adding, arranging, and styling the necessary footer modules (e.g., navigation columns, contact details).
Automatic Transfer of a Footer from Another Layout/Skin
Shopify does not support automatic migration of theme files. Because of this, all layout or footer changes must be transferred manually.
Before you start
Make sure you have two copies of the theme:
Your current theme
A second theme copy where the desired footer layout already exists or was imported
It is more convenient to open the code editor of each theme in separate browser tabs.
In both themes, open files: Online Store → Themes → Edit code → Sections→ footer-group.json
In the theme that contains the header you want, open footer-group.json and copy the entire content of the file.
Open footer-group.json in your current theme and paste the copied content to apply that footer’s structure and settings, without manually configuring each option.
Press Save to confirm the changes.
Last updated