README

Custom Footer for Magento 2 | Panth Infotech

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.

🚀 Need Custom Magento 2 Development?

Get a free quote for your project in 24 hours — custom modules, Hyva themes, performance optimization, M1→M2 migrations, and Adobe Commerce Cloud.

🏆 Kishan Savaliya

Top Rated Plus on Upwork

100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist

🏢 Panth Infotech Agency

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

Key Features

Layout & Content

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

Social Media Links

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" and target="_blank" settings for SEO and security
Custom ordering — sort your social links in any order

Newsletter Subscription

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

Back-to-Top Button

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

Admin Configuration

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

Performance & SEO

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

Why Choose Panth Footer

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

Compatibility

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).

Installation

Composer Installation (Recommended)

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

Manual Installation via ZIP

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

Verify Installation

bin/magento module:status Panth_Footer
# Expected output: Module is enabled

After installation, navigate to:

Admin → Stores → Configuration → Panth Extensions → Footer

Configuration

All settings live under Stores → Configuration → Panth Extensions → Footer.

General Settings

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).

Column Settings

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.

Social Media Settings

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.

Newsletter Settings

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.

Back-to-Top Settings

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:flush

Multi-Column Layout

Configure 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.

Social Media Links

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.

Newsletter Subscription

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.

Back-to-Top Button

The back-to-top button is rendered with zero JS weight when disabled. When enabled, it uses:

Hyva — Alpine.js x-data directive, ~200 bytes of inline JS
Luma — vanilla IntersectionObserver + smooth-scroll, ~400 bytes

Configurable threshold, position (bottom-right, bottom-left, bottom-center), and button color.

Hyva & Luma Support

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.

Troubleshooting

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.

FAQ

Does Panth Footer replace the default Magento footer?

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.

Will this extension work with my Hyva theme?

Yes. Panth Footer ships complete Hyva templates using Tailwind CSS and Alpine.js. No extra configuration needed — theme detection is automatic via Panth Core.

Can I use different footers per store view?

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.

Does the newsletter form integrate with Mailchimp, Klaviyo, or other ESPs?

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.

Is Panth Footer SEO-friendly?

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.

Can I add custom HTML to the footer?

Yes. Each column supports a Custom HTML content type with a full WYSIWYG editor, so you can add any HTML, shortcodes, or inline CSS.

Does it support multi-language stores?

Yes. All strings use Magento's __() translation function. English translations are included; other languages can be added via standard Magento i18n CSV files.

Is there a demo site?

Can I hide Panth branding?

Yes. There is no visible Panth branding on the storefront — the footer is 100% your content.

Does it require Panth Core?

Yes. Panth Core is free and is installed automatically by Composer. It provides theme detection and shared admin configuration.

Support

Channel	Contact
Email	kishansavaliyakb@gmail.com
Website	kishansavaliya.com
WhatsApp	+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.

💼 Need Custom Magento Development?

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

About Panth Infotech

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.

Quick Links

🌐 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

mage2kishan / module-footer

Maintainers

Package info

Statistics

Security

README

Custom Footer for Magento 2 | Panth Infotech

🚀 Need Custom Magento 2 Development?

🏆 Kishan Savaliya

🏢 Panth Infotech Agency

Table of Contents

Key Features

Layout & Content

Social Media Links

Newsletter Subscription

Back-to-Top Button

Admin Configuration

Performance & SEO

Why Choose Panth Footer

Compatibility

Installation

Composer Installation (Recommended)

Manual Installation via ZIP

Verify Installation

Configuration

General Settings

Column Settings

Social Media Settings

Newsletter Settings

Back-to-Top Settings

Multi-Column Layout

Social Media Links

Newsletter Subscription

Back-to-Top Button

Hyva & Luma Support

Troubleshooting

FAQ

Does Panth Footer replace the default Magento footer?

Will this extension work with my Hyva theme?

Can I use different footers per store view?

Does the newsletter form integrate with Mailchimp, Klaviyo, or other ESPs?

Is Panth Footer SEO-friendly?

Can I add custom HTML to the footer?

Does it support multi-language stores?

Is there a demo site?

Can I hide Panth branding?

Does it require Panth Core?

Support

💼 Need Custom Magento Development?

About Panth Infotech

Quick Links