Example 1

The composition and configuration of the specific sections comprising this footer example are thoroughly described and documented. Consult the designated chapter for detailed insights: Footer Documentation.

Basic Footer Setup

If no sections are added, your footer will display in a minimal design.

To include menu items in your footer, first create a menu in your Shopify admin.

Shopify Administration: Go to Content → Menus in your Shopify admin panel to create or manage menus. Refer to the official Shopify documentation for detailed guidance on menu creation and organization.

The footer menu displays only first-level items.

According to the design example, the following types of menus are used for footers:

---

Adding Menus to the Footer

Open the Sections → Footer area in the Theme Editor and add 2 inner Menu sections .

Make sure that both menus are correctly selected within their respective sections.

---

Adding Banner Sections

Next, add two Banner sections inside the footer.

Pay close attention to the order in which these sections are added.

For details about Banner section settings, please refer to: Wokiee Documentation – Footer Banner

Open each Banner section and replace the default images with your own.

---

Adding Dynamic Outer Sections

After adding inner footer sections such as banners and menus, proceed to add dynamic outer sections.

Click the “+ Add section” button and insert three sections.

---

Final Arrangement

To achieve the layout shown in the example, adjust the settings for the outer Newsletter Signup section as follows:

• Heading alignment: Left

• Background: Color

• Background color: #000000

• Colors:

  • Base: #FFFFFF

  • Accent: #FFFFFF

  • Lines: #444444