# SW Footer Simple 02 — AI Agent Documentation

**Module path:** `smithworks-2025/sw-modules/SW Footer Simple 02.module` (smithworks portal); also in master `sw-master` (SW-Dev)  
**Reference:** MODULE-FIELD-LABELING-STANDARD.md, MODULE-SETTINGS-BACKGROUND-STANDARD.md, MODULE-CONTENT-COLORS-STANDARD.md  
**Last updated:** 2026.04.22

---

## HubSpot video and file uploads (plans and limits)

Same guidance as **SW Footer Simple** (HubSpot Video, File Manager, external embed). See **SW-Footer-Simple.txt** § HubSpot video and file uploads.

---

## 1. Overview

**SW Footer Simple 02** is a **two-band** global footer: an **upper** row (logo column + menu, rich text tagline, optional CTA buttons) and a **lower** row (copyright, “All rights reserved.” when enabled, simple footer links, optional accent text, social icons). It uses **Module Settings**, **Module Background Settings**, **Content Colors** (text + single **Link Colors** control), and optional **Module Background Video** like **SW Footer Simple**.

**Compared to SW Footer Simple:** More layout structure (Bootstrap columns in the upper row), **Logo Positioning** (column width on MD+, vertical alignment of the content column vs logo), **Content Alignment** for the menu / rich text / buttons block, and the two visual bands. **Copyright Information** includes **Show “Powered by Smithworks”** (default on), same semantics as **SW Footer Simple** after **2026.04.22.21.19**.

**Social icons:** Preset or **Custom** (HubSpot icon picker / Font Awesome). **Override Colors** sets inline icon and hover colors; when off, icons follow **Link Colors**. HubSpot **`{% icon %}`** wrappers are CSS-sized so SVGs are not **0×0**.

---

## 2. Content tab (high level)

1. Custom ID, Custom Classes  
2. **Logo** — Logo link, image override, alt text; default mark from **brand kit** favicon when no override.  
3. **Logo Positioning** — Logo column width (1–3 cols MD+); **Content vertical alignment** (top / middle / bottom) for the upper-row content column.  
4. **Navigation**, **Rich Text Box**, **Buttons** (order: menu → tagline → buttons in upper content column).  
5. **Social Icons** (repeater).  
6. **Copyright Information** — Add copyright line, company name toggles, company name text, **Show “Powered by Smithworks”**.  
7. **Footer Links**, optional lower-row fields as exposed in `fields.json`.  
8. **Module Background Video** when Style → Background = Video.

---

## 3. Style tab (high level)

**Module Settings** → **Module Background Settings** → **Content Colors** → **Content Alignment** (XL + optional Desktop/Tablet overrides for the menu/rich-text/buttons column; XS/SM stays centered).

---

## 4. Copyright Information

- **Show “Powered by Smithworks”:** Default **on**. Off removes the attribution link entirely.  
- **Add Copyright Line** / **Add Company Name** / **Company Name:** Same intent as **SW Footer Simple**; company name fallback via **`site_settings.company_name`** (Marketing → Email → Footer addresses).

---

## 5. Common Tasks

- **Change logo column width on desktop:** Content → **Logo Positioning** → column width (MD+).  
- **Align menu block with taller logo:** Content → **Logo Positioning** → **Content vertical alignment**.  
- **Left/center/right align menu, tagline, buttons:** Style → **Content Alignment**.  
- **Custom social icon color:** Content → Social Icons → **Override Colors** ON → Icon Color / Icon Hover Color.  
- **Hide Powered by Smithworks:** Content → Copyright Information → **Show “Powered by Smithworks”** OFF.

---

## 6. Field paths (representative)

- **Copyright Information:** `module.copyright_information` — includes `show_powered_by_smithworks`  
- **Logo column span (MD+):** `module.upper_row_layout.logo_column_span_md` (aliased from legacy `module.logo_group.logo_column_span_md` where applicable)  
- **Content vertical align:** `module.upper_row_layout.content_vertical_align`  
- **Content Alignment (Style):** `module.styles.footer_alignment`  
- **Content Colors:** `module.styles.content_colors`  
- **Social Icons:** `module.social_icon_items`  

---

## 7. CSS classes (key selectors)

- `.sw-footer-simple-02` — module wrapper  
- `.sw-footer-simple-02__upper-row`, `.sw-footer-simple-02__lower-row` — layout bands  
- `.sw-footer-simple-02__logo-col`, `.sw-footer-simple-02__content-col` — Bootstrap columns  
- `.sw-footer-simple-02__social-link`, `.sw-footer-simple-02__social-link--overridden` — social anchors  
- `.sw-footer-simple-02__link` — used on social anchors for link-context color tokens  

(Legacy **SW Simple Footer** / older footer class names do **not** apply to this module.)