Jx Footer Menu

The JX Sticky Footer module is a powerful and flexible solution for adding a professional sticky footer navigation menu to your Joomla 4, 5, or 6 website. Designed with mobile-first principles, it provides an app-like experience that keeps navigation accessible at all times while maintaining full customization capabilities.

---

Key Features

Multiple Style Presets

• 10+ Pre-Designed Styles: Choose from Material Design, iOS Style, Dark Mode, Gradient, Rounded, Minimal, Colorful, Glass Effect, Outline, and Floating styles. Each preset provides a unique look and feel while maintaining full responsiveness.
• Preset Override Option: Enable or disable custom settings to override preset styles, giving you complete control over the final appearance.

Flexible Icon System

• Font Awesome Integration: Built-in icon picker makes it easy to select from thousands of Font Awesome icons for your menu items.
• Custom Image Icons: Upload and use your own custom images as icons for a truly personalized look.
• Icon Size Control: Adjust icon sizes with small, medium, or large options to match your design needs.

Responsive Display Formats

• Multiple Layout Options: Configure how icons and text appear with options for stacked (icon above text), inline (icon beside text), icons only, or text only.
• Device-Specific Formats: Set different display formats independently for desktop, tablet, and mobile devices for optimal user experience on each device type.
• Custom Breakpoints: Define your own breakpoints for desktop, tablet, and mobile views to match your site's responsive design.

Device Visibility Control

• Show or Hide by Device: Complete control over which devices display your footer menu. Show or hide the menu on desktop, tablet, or mobile devices independently.
• Custom Breakpoint Settings: Fine-tune breakpoints for each device type to ensure perfect display across all screen sizes.

Typography Customization

• Multiple Font Sources: Choose from template inherited fonts, system font stacks, or Google Fonts integration.
• Google Fonts Support: Easily integrate any Google Font with custom weights for perfect typography that matches your site design.
• Font Weight Control: Set font weights for regular and active menu items independently for better visual hierarchy.

Advanced Styling Options

• Complete Color Control: Customize background color, text color, active color, and hover background color for complete design flexibility.
• Size Customization: Adjust menu height, icon sizes, and text sizes to match your design requirements.
• Border and Shadow Options: Enable or disable dividers between menu items and add box shadows for depth and dimension.
• Z-Index Control: Set the stacking order of the footer menu to ensure it appears above or below other elements as needed.

Smart Behavior Features

• Scroll Behavior: Option to hide the menu when scrolling down for better content visibility and show it again when scrolling up, providing more screen space while ensuring navigation is always accessible.
• Active Item Detection: Automatically highlights the current page in the menu for better user orientation. The active state is fully customizable with options for color and font weight.

Performance & Compatibility

• Joomla 4, 5 & 6 Compatible: Fully supports the latest Joomla versions, ensuring long-term compatibility and seamless upgrades.
• Modern PHP 8.0+ Support: Built with modern PHP standards for better performance and security.
• Template Compatibility: Works seamlessly with all major Joomla template frameworks including Helix, T3, Yoo, Gantry, Wrap, and more without requiring template modifications.
• WebAssetManager Integration: Uses modern Joomla asset management for optimal performance and compatibility.

Complete Customization

• No Hardcoded Values: Every aspect of the menu is configurable from the backend, including colors, fonts, sizes, spacing, borders, shadows, transitions, and more.
• Intuitive Backend Interface: Well-organized parameter tabs (Menu Items, Style & Appearance, Typography, Responsive & Behavior) make configuration simple and efficient.
• Module Class Suffix: Add custom CSS classes for additional styling flexibility.

---

Use Cases

• Mobile Navigation: Provide easy access to key pages on mobile devices with a thumb-friendly footer menu.
• App-Like Experience: Create an app-like navigation experience that keeps important links always accessible.
• E-Commerce Sites: Quick access to Home, Categories, Cart, Account, and Search from any page.
• Blog Navigation: Easy access to Home, Categories, About, Contact, and Search.
• Portfolio Sites: Quick navigation to Portfolio, Services, About, and Contact sections.
• Business Websites: Fast access to key pages like Home, Services, About, Contact, and Blog.
• Multi-Language Sites: Quick language switcher and navigation access.

---

Technical Specifications

• Joomla Compatibility: Joomla 4.x, Joomla 5.x, Joomla 6.x
• PHP Compatibility: PHP 8.0 or higher
• Dependencies: Font Awesome 5.15.4 (loaded via CDN), Google Fonts (optional)
• Frontend: HTML, CSS, JavaScript (vanilla JS, no jQuery dependency)
• License: GNU/GPL v2 or later

---

Installation & Setup

1. Download: Obtain the module package from JoomlaX.
2. Install: Go to System > Install > Extensions in your Joomla backend and upload the mod_jxstickyfooter.zip file.
3. Enable: Navigate to Content > Site Modules, create a new module, select "JX Footer Menu" as the module type, and enable it.
4. Configure: Adjust settings in the module parameters across four organized tabs:
   • Menu Items: Add up to 5 menu items with labels, URLs, icons, and link targets.
   • Style & Appearance: Choose preset styles, colors, sizes, borders, shadows, and more.
   • Typography: Configure fonts, font sources, and font weights.
   • Responsive & Behavior: Set display formats, device visibility, breakpoints, and scroll behavior.
5. Position: Assign the module to a position (typically "footer" or a custom position) and set it to display on all pages or specific menu items.

---

Support & Documentation

• Documentation: Visit https://joomlax.com/documentation/jx-sticky-footer for detailed guides.
• Support Forum: Get assistance at https://support.joomlax.com.
• More Extensions: Explore our full range of Joomla extensions at https://www.joomlax.com.

---

Why Choose JX Sticky Footer?

Complete Flexibility - Every aspect of the menu is configurable from the backend with no hardcoded CSS values, giving you complete design freedom.

Mobile-First Design - Built with mobile users in mind, the menu automatically adapts to any screen size with device-specific display options.

Professional Appearance - 10+ pre-designed style presets provide instant professional looks, while extensive customization options allow for unlimited design possibilities.

Easy to Use - Intuitive backend interface with organized parameter tabs makes configuration simple, even for non-technical users.

Future-Proof - Compatible with Joomla 4, 5, and 6, ensuring your menu remains functional and secure through Joomla upgrades.

Template Independent - Works seamlessly with any Joomla template without requiring modifications or custom code.

Perfect for businesses, bloggers, e-commerce sites, portfolios, and anyone who wants to provide easy navigation access while maintaining a modern, professional appearance.