Fully configurable custom footer for Magento 2 with multi-column layout, social media links, newsletter subscription, back-to-top button, and complete admin-side control. Works seamlessly on both Hyva and Luma themes, with no theme hacks or template overrides required.
Panth Footer replaces the stock Magento 2 footer with a modern, flexible, and SEO-friendly footer that store owners can configure entirely from the admin panel. Add unlimited columns, static block content, social media icons, a newsletter signup form, payment logos, copyright text, and a smooth back-to-top button — all without touching a single line of code. The extension is fully responsive, translation-ready, and optimized for Core Web Vitals.
Whether you run a small Hyva storefront or a large Luma-based multi-store, Panth Footer gives your merchandising and marketing teams full control over one of the most-seen sections of your site.
Get a free quote for your project in 24 hours — custom modules, Hyva themes, performance optimization, M1→M2 migrations, and Adobe Commerce Cloud.
|
Top Rated Plus on Upwork 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist |
Magento Development Team Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud |
Visit our website: kishansavaliya.com | Get a quote: kishansavaliya.com/get-quote
- Key Features
- Why Choose Panth Footer
- Compatibility
- Installation
- Configuration
- Multi-Column Layout
- Social Media Links
- Newsletter Subscription
- Back-to-Top Button
- Hyva & Luma Support
- Troubleshooting
- FAQ
- Support
- About Panth Infotech
- Quick Links
- Multi-column layout — add unlimited configurable columns with custom titles, links, and content
- CMS block support — render any Magento CMS block inside a footer column for maximum flexibility
- Drag-and-drop column ordering — reorder columns directly from the admin grid
- Fully responsive — mobile-first grid that collapses gracefully on tablets and phones
- Store-view scoped — configure different footers per store view, website, or globally
- 14+ supported networks — Facebook, Instagram, X (Twitter), YouTube, LinkedIn, Pinterest, TikTok, WhatsApp, Telegram, Threads, Reddit, Discord, Snapchat, and more
- Icon-based display — clean SVG icons with hover effects, no heavy webfonts
- Rel/target controls — per-link
rel="noopener"andtarget="_blank"settings for SEO and security - Custom ordering — sort your social links in any order
- Native Magento integration — uses Magento's built-in newsletter subscriber system
- AJAX submission — no page reload on signup, with inline success/error messages
- Configurable title and description — fully editable from admin
- GDPR-friendly — optional consent checkbox text
- reCAPTCHA compatible — works with Magento 2 Google reCAPTCHA if enabled
- Smooth scroll — native smooth-scroll with no jQuery dependency
- Configurable scroll threshold — show the button after N pixels of scroll
- Customizable position — bottom-right, bottom-left, bottom-center
- Accessible — keyboard-focusable with proper ARIA labels
- Hyva + Alpine.js on Hyva, vanilla JS on Luma
- Dedicated Stores → Configuration section — all settings under
Panth Extensions → Footer - Enable/disable per feature — toggle columns, social, newsletter, back-to-top independently
- WYSIWYG editor — for copyright text, column content, and rich HTML areas
- Store-view scope — override any setting per store view
- Zero JS on Luma when disabled — no assets loaded if features are disabled
- Tailwind-friendly — ships Hyva templates with Tailwind utility classes
- Lighthouse-friendly — no layout shift (CLS), inline critical CSS
- Semantic HTML5 — proper
<footer>,<nav>, and schema markup for social profiles - Lazy-loaded social icons — SVG sprite loaded once, reused everywhere
| Pain Point | Panth Footer Solution |
|---|---|
| Stock Magento footer is hardcoded and boring | Fully configurable multi-column layout from admin |
| Social media links need theme-level edits | Admin-managed social links with 14+ networks |
| Newsletter form is buried in sidebar | Prominent newsletter footer block with AJAX |
| No back-to-top on long category pages | Built-in, configurable back-to-top button |
| Different themes need different footer templates | One extension works on both Hyva and Luma |
| Multi-store setups need per-store footers | Full store-view scope for every setting |
| Requirement | Versions Supported |
|---|---|
| Magento Open Source | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce | 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8 |
| Adobe Commerce Cloud | 2.4.4 — 2.4.8 |
| PHP | 8.1.x, 8.2.x, 8.3.x, 8.4.x |
| MySQL | 8.0+ |
| MariaDB | 10.4+ |
| Hyva Theme | 1.3+ (fully supported) |
| Luma Theme | Native support |
Tested on:
- Magento 2.4.8-p4 with PHP 8.4 (Hyva 1.3.x)
- Magento 2.4.7 with PHP 8.3 (Hyva + Luma)
- Magento 2.4.6 with PHP 8.2 (Luma)
Required dependency: Panth_Core (free, installed automatically by Composer).
composer require mage2kishan/module-footer
bin/magento module:enable Panth_Core Panth_Footer
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush- Download the latest release ZIP from Packagist or the Adobe Commerce Marketplace
- Extract the contents to
app/code/Panth/Footer/in your Magento installation - Also install Panth_Core into
app/code/Panth/Core/ - Run the same commands as above starting from
bin/magento module:enable
bin/magento module:status Panth_Footer
# Expected output: Module is enabledAfter installation, navigate to:
Admin → Stores → Configuration → Panth Extensions → Footer
All settings live under Stores → Configuration → Panth Extensions → Footer.
| Setting | Default | Description |
|---|---|---|
| Enable Footer | Yes | Master toggle for the entire Panth Footer module. |
| Copyright Text | © {year} Your Store. All rights reserved. |
Rich-text copyright text. Supports {year} placeholder. |
| Show Payment Logos | Yes | Display payment method logos in the footer. |
| Footer Background Color | #1F2937 |
Background color for the footer area (Hyva theme). |
| Setting | Default | Description |
|---|---|---|
| Enable Columns | Yes | Enable the multi-column layout. |
| Number of Columns | 4 | Number of columns on desktop (1–6). |
| Column Content Type | Links | Per column: Links, CMS Block, or Custom HTML. |
| Setting | Default | Description |
|---|---|---|
| Enable Social Links | Yes | Show the social media icon row. |
| Network URLs | (empty) | One text input per supported network. Leave empty to hide. |
| Open in New Tab | Yes | Adds target="_blank" to social links. |
| Setting | Default | Description |
|---|---|---|
| Enable Newsletter | Yes | Show the newsletter signup block in the footer. |
| Title | Subscribe to our newsletter |
Heading above the form. |
| Description | Get the latest updates and deals. |
Sub-heading text. |
| Consent Text | (empty) | Optional GDPR consent checkbox label. |
| Setting | Default | Description |
|---|---|---|
| Enable Back-to-Top | Yes | Show the floating back-to-top button. |
| Scroll Threshold (px) | 300 | Pixels scrolled before the button appears. |
| Position | Bottom Right | Bottom Right, Bottom Left, or Bottom Center. |
| Button Color | #1F2937 |
Background color of the button. |
After changing any setting, flush cache:
bin/magento cache:flushConfigure up to 6 columns, each with its own title, content type, and store-view scope. Content types supported:
- Links — a list of name/URL pairs managed from admin
- CMS Block — select any existing CMS block by identifier
- Custom HTML — rich WYSIWYG editor for arbitrary HTML content
Columns stack vertically on mobile, two-up on tablet, and full grid on desktop. The grid automatically balances if you disable columns per store view.
Panth Footer supports the following social networks out of the box:
Facebook, Instagram, X (Twitter), YouTube, LinkedIn, Pinterest, TikTok, WhatsApp, Telegram, Threads, Reddit, Discord, Snapchat, Behance, Dribbble, GitHub.
Add the URL for each network in admin — empty networks are hidden. Icons are SVG-based for crisp rendering on retina displays and are sprited into a single HTTP request.
The newsletter form posts directly to Magento's built-in newsletter/subscriber/new controller, so subscribers flow straight into your existing Magento newsletter subscriber list. AJAX submission is used by default to avoid page reloads, with inline success/error messages. If Google reCAPTCHA is enabled for the newsletter form in Magento core, Panth Footer respects that configuration automatically.
The back-to-top button is rendered with zero JS weight when disabled. When enabled, it uses:
- Hyva — Alpine.js
x-datadirective, ~200 bytes of inline JS - Luma — vanilla
IntersectionObserver+ smooth-scroll, ~400 bytes
Configurable threshold, position (bottom-right, bottom-left, bottom-center), and button color.
Panth Footer ships two complete template sets:
| Theme | Template Path | Styling |
|---|---|---|
| Hyva | view/frontend/templates/hyva/ |
Tailwind CSS utility classes |
| Luma | view/frontend/templates/ |
Standard Magento Luma LESS |
Theme detection is handled by Panth\Core\Helper\Theme, so the correct templates load automatically based on the active store theme. No manual switching required.
| Issue | Cause | Resolution |
|---|---|---|
| Footer not displaying | Module disabled or cache not flushed | Run bin/magento cache:flush and verify Enable Footer = Yes |
| Social icons missing | SVG sprite not deployed | Run bin/magento setup:static-content:deploy -f |
| Newsletter form submits but no subscriber added | Magento newsletter module disabled | Enable Magento_Newsletter module |
| Back-to-top button not appearing | Scroll threshold too high | Lower the threshold in admin config |
| Wrong template loading (Hyva vs Luma) | Theme detection cache stale | Flush cache and reload frontend |
| Styles not applied on Hyva | Tailwind rebuild not run | Run npm run build-prod inside your Hyva theme folder |
Enable Debug Mode in Panth Core Settings and check var/log/panth_footer.log for detailed output.
Yes. When enabled, Panth Footer takes over the footer.container block and renders its own configurable footer. You can disable it any time to restore the default footer.
Yes. Panth Footer ships complete Hyva templates using Tailwind CSS and Alpine.js. No extra configuration needed — theme detection is automatic via Panth Core.
Yes. Every setting is store-view scoped, so you can have a completely different footer for each store view, including columns, social links, copyright, and colors.
The form submits to Magento's native newsletter subscriber system. If you have a Mailchimp/Klaviyo sync extension installed, subscribers flow through automatically. For direct API integration to external ESPs, we offer custom development — get a quote.
Yes. The footer uses semantic HTML5 (<footer>, <nav>), includes Organization / WebSite JSON-LD hints when enabled, and lazy-loads non-critical icons. Zero CLS impact on Core Web Vitals.
Yes. Each column supports a Custom HTML content type with a full WYSIWYG editor, so you can add any HTML, shortcodes, or inline CSS.
Yes. All strings use Magento's __() translation function. English translations are included; other languages can be added via standard Magento i18n CSV files.
Contact us for a live demo: kishansavaliya.com/get-quote.
Yes. There is no visible Panth branding on the storefront — the footer is 100% your content.
Yes. Panth Core is free and is installed automatically by Composer. It provides theme detection and shared admin configuration.
| Channel | Contact |
|---|---|
| kishansavaliyakb@gmail.com | |
| Website | kishansavaliya.com |
| +91 84012 70422 | |
| GitHub Issues | github.com/mage2sk/module-footer/issues |
| Upwork (Top Rated Plus) | Hire Kishan Savaliya |
| Upwork Agency | Panth Infotech |
Response time: 1–2 business days.
Looking for custom Magento module development, Hyva theme customization, store migrations, or performance optimization? Get a free quote in 24 hours:
Specializations:
- 🛒 Magento 2 Module Development — custom extensions following MEQP standards
- 🎨 Hyva Theme Development — Alpine.js + Tailwind CSS, lightning-fast storefronts
- 🖌️ Luma Theme Customization — pixel-perfect designs, responsive layouts
- ⚡ Performance Optimization — Core Web Vitals, page speed, caching strategies
- 🔍 Magento SEO — structured data, hreflang, sitemaps, AI-generated meta
- 🛍️ Checkout Optimization — one-page checkout, conversion rate optimization
- 🚀 M1 to M2 Migrations — data migration, custom feature porting
- ☁️ Adobe Commerce Cloud — deployment, CI/CD, performance tuning
Built and maintained by Kishan Savaliya — kishansavaliya.com — a Top Rated Plus Magento developer on Upwork with 10+ years of eCommerce experience.
Panth Infotech is a Magento 2 development agency specializing in high-quality, security-focused extensions and themes for both Hyva and Luma storefronts. Our extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management — over 34 modules built to MEQP standards and tested across Magento 2.4.4 to 2.4.8.
Browse the full extension catalog on the Adobe Commerce Marketplace or Packagist.
- 🌐 Website: kishansavaliya.com
- 💬 Get a Quote: kishansavaliya.com/get-quote
- 👨💻 Upwork Profile (Top Rated Plus): upwork.com/freelancers/~016dd1767321100e21
- 🏢 Upwork Agency: upwork.com/agencies/1881421506131960778
- 📦 Packagist: packagist.org/packages/mage2kishan/module-footer
- 🐙 GitHub: github.com/mage2sk/module-footer
- 🛒 Adobe Marketplace: commercemarketplace.adobe.com
- 📧 Email: kishansavaliyakb@gmail.com
- 📱 WhatsApp: +91 84012 70422
Ready to upgrade your Magento 2 footer?
SEO Keywords: magento 2 custom footer, magento 2 footer extension, magento 2 footer builder, magento 2 configurable footer, magento 2 multi-column footer, magento 2 social media footer, magento 2 newsletter footer, magento 2 back to top button, magento 2 footer module, magento 2 hyva footer, magento 2 luma footer, magento 2 responsive footer, magento 2 footer links manager, magento 2 footer CMS blocks, magento 2 payment logos footer, magento 2 copyright text, magento 2 footer customization, magento 2 multi-store footer, panth footer, panth infotech footer, mage2kishan footer, hire magento developer, top rated plus magento freelancer, kishan savaliya magento, magento 2.4.8 footer, php 8.4 magento module, hyva theme footer, luma theme footer, magento 2 footer SEO, magento 2 footer schema, magento 2 newsletter subscription footer, magento 2 social icons, custom magento development india, magento 2 hyva development, magento 2 performance optimization, M1 to M2 migration, adobe commerce cloud expert