{"id":380757,"date":"2026-10-14T06:34:52","date_gmt":"2026-10-14T06:34:52","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/easy-mobile-nav-menu\/"},"modified":"2026-10-14T06:34:23","modified_gmt":"2026-10-14T06:34:23","slug":"ashik-mobile-bottom-navigation-drawer-menu","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/ashik-mobile-bottom-navigation-drawer-menu\/","author":15242954,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.3","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Ashik Mobile Bottom Navigation & Drawer Menu","header_author":"Ashikur Rahman","header_description":"High-performance, fully customizable mobile bottom navigation bar and responsive slide-out drawer menu with WooCommerce categories, user profile card, search modal, and live interactive preview.","assets_banners_color":"fae1d1","last_updated":"2026-10-14 06:34:23","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/ashik.me","rating":0,"author_block_rating":0,"active_installs":0,"downloads":53,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"ashikcse","date":"2026-10-14 06:34:23","revision":3745472}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3745472,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3745472,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3745472,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3745472,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3745472,"resolution":"1","location":"assets","locale":"","width":2500,"height":1500},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3745472,"resolution":"2","location":"assets","locale":"","width":2500,"height":1500},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3745472,"resolution":"3","location":"assets","locale":"","width":2500,"height":1500},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3745472,"resolution":"4","location":"assets","locale":"","width":2500,"height":1500},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3745472,"resolution":"5","location":"assets","locale":"","width":2500,"height":1500},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3745472,"resolution":"6","location":"assets","locale":"","width":2500,"height":1500},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3745472,"resolution":"7","location":"assets","locale":"","width":2500,"height":1500},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3745472,"resolution":"8","location":"assets","locale":"","width":2500,"height":1500},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3745472,"resolution":"9","location":"assets","locale":"","width":2500,"height":1500}},"screenshots":{"1":"screenshot-1.png \u2014 Layout Presets","2":"screenshot-2.png \u2014 Navigation Items","3":"screenshot-3.png \u2014 Bottom Bar Styling","4":"screenshot-4.png \u2014 User Profile &amp; Greeting","5":"screenshot-5.png \u2014 Categories \/ Drawer Menu Content Settings","6":"screenshot-6.png \u2014 Quick Links Settings","7":"screenshot-7.png \u2014 Drawer Styling","8":"screenshot-8.png \u2014 Documentation &amp; Integration Guide","9":"screenshot-9.png \u2014 Mobile Menu Drawer Preview"}},"plugin_section":[],"plugin_tags":[252825,286653,841,6274,52046],"plugin_category":[],"plugin_contributors":[129093,227713],"plugin_business_model":[],"class_list":["post-380757","plugin","type-plugin","status-publish","hentry","plugin_tags-bottom-navigation","plugin_tags-drawer-menu","plugin_tags-mobile","plugin_tags-mobile-menu","plugin_tags-navigation-bar","plugin_contributors-ashikcse","plugin_contributors-coderitsolution","plugin_committers-ashikcse"],"banners":{"banner":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/banner-772x250.jpg?rev=3745472","banner_2x":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/banner-1544x500.jpg?rev=3745472","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/icon-128x128.png?rev=3745472","icon_2x":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/icon-256x256.png?rev=3745472","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-1.png?rev=3745472","caption":"screenshot-1.png \u2014 Layout Presets"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-2.png?rev=3745472","caption":"screenshot-2.png \u2014 Navigation Items"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-3.png?rev=3745472","caption":"screenshot-3.png \u2014 Bottom Bar Styling"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-4.png?rev=3745472","caption":"screenshot-4.png \u2014 User Profile &amp; Greeting"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-5.png?rev=3745472","caption":"screenshot-5.png \u2014 Categories \/ Drawer Menu Content Settings"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-6.png?rev=3745472","caption":"screenshot-6.png \u2014 Quick Links Settings"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-7.png?rev=3745472","caption":"screenshot-7.png \u2014 Drawer Styling"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-8.png?rev=3745472","caption":"screenshot-8.png \u2014 Documentation &amp; Integration Guide"},{"src":"https:\/\/ps.w.org\/ashik-mobile-bottom-navigation-drawer-menu\/assets\/screenshot-9.png?rev=3745472","caption":"screenshot-9.png \u2014 Mobile Menu Drawer Preview"}],"raw_content":"<!--section=description-->\n<p>Ashik Mobile Bottom Navigation &amp; Drawer Menu is an all-in-one mobile UX solution for WordPress and WooCommerce websites. It delivers an app-like experience for smartphone and tablet visitors through a responsive bottom navigation bar and an elegant slide-out drawer menu.<\/p>\n\n<p>Designed for store owners, publishers, and developers who want to boost mobile conversion rates and user engagement without slowing down their site.<\/p>\n\n<h3>Key Features<\/h3>\n\n<h4>1. Mobile Bottom Navigation Bar<\/h4>\n\n<ul>\n<li><strong>6 Modern Layout Presets:<\/strong> Modern Classic, Minimal Clean, Floating Pill, Curved Cutout (with center raised FAB button), Glassmorphic Blur, and Compact Strip.<\/li>\n<li><strong>Drag-and-Drop Reordering:<\/strong> Easily sort and reorder navigation items with intuitive drag-and-drop handles in the admin dashboard.<\/li>\n<li><strong>Icon Flexibility:<\/strong> Choose from FontAwesome 6 icons or paste custom inline SVG code for unique branding.<\/li>\n<li><strong>Dynamic WooCommerce Badging:<\/strong> Automatically displays the live WooCommerce cart items count badge and updates dynamically via AJAX fragments without page refreshes.<\/li>\n<li><strong>Custom Static Badges:<\/strong> Add promotional badges such as \"HOT\", \"NEW\", or \"SALE\" to any navigation item.<\/li>\n<li><strong>Flexible Action Types:<\/strong>\n\n<ul>\n<li>Direct Page Link (same tab or new tab).<\/li>\n<li>Open Slide-out Drawer Menu.<\/li>\n<li>Open WooCommerce Cart Drawer (triggers theme cart drawer).<\/li>\n<li>Click Custom CSS Selector (trigger theme search, popups, or custom elements).<\/li>\n<li>Built-in Search Modal Popup.<\/li>\n<\/ul><\/li>\n<li><strong>Individual Item Customization:<\/strong> Customize icon color, background color, and border color for specific items, including the center action button.<\/li>\n<li><strong>Active Indicator Effects:<\/strong> Accent line, Pill background, Bubble glow, Subtle dot, or None.<\/li>\n<li><strong>Label Visibility Modes:<\/strong> Always visible, Active item only, or Icons only (never show labels).<\/li>\n<\/ul>\n\n<h4>2. Slide-out Drawer Menu<\/h4>\n\n<ul>\n<li><strong>User Profile &amp; Greeting Card:<\/strong> Welcomes logged-in users with their avatar (Gravatar or default), display name, and a direct logout link. Welcomes guests with a friendly sign-in prompt leading to their account page.<\/li>\n<li><strong>Hierarchical Category Accordion:<\/strong> Pulls categories directly from WooCommerce product categories or any standard WordPress navigation menu. Features multi-level nested subcategories with smooth chevron accordion toggling and an option to hide empty categories.<\/li>\n<li><strong>Quick Links Section:<\/strong> Configure fast-access shortcut links with custom icons (e.g. Track Order, Customer Support, WhatsApp Chat, FAQs).<\/li>\n<li><strong>Smooth Overlay Backdrop:<\/strong> Custom drawer mask overlay color with strict RGBA or Hex formatting.<\/li>\n<\/ul>\n\n<h4>3. Built-in Mobile Search Modal<\/h4>\n\n<ul>\n<li>Lightweight, responsive search popup with instant autofocus on open and ESC-key dismiss support.<\/li>\n<\/ul>\n\n<h4>4. Live Interactive Admin Preview Simulator<\/h4>\n\n<ul>\n<li><strong>Real-time Mobile Phone Mockup:<\/strong> See changes instantly as you customize colors, presets, typography, and layout settings in the WordPress admin panel.<\/li>\n<li><strong>Profile Preview Switcher:<\/strong> Test how the drawer greeting card appears to logged-in users vs. logged-out guests directly inside the settings screen.<\/li>\n<\/ul>\n\n<h4>5. Styling, Layout &amp; Performance Controls<\/h4>\n\n<ul>\n<li><strong>Typography &amp; Fonts:<\/strong> Choose from popular fonts (Inter, Roboto, Poppins, or system font stack) and font weights.<\/li>\n<li><strong>Container Styling:<\/strong> Adjust heights, horizontal\/vertical paddings, border radius, border styles, and elevation shadow presets.<\/li>\n<li><strong>iOS Safe Area Support:<\/strong> Automatically respects <code>env(safe-area-inset-bottom)<\/code> to ensure buttons are never covered by iPhone home indicator bars.<\/li>\n<li><strong>Mobile-Only &amp; Scroll Triggers:<\/strong> Hide on desktop displays with customizable breakpoints, and auto-hide when scrolling down to maximize screen estate.<\/li>\n<li><strong>Dark Mode Ready:<\/strong> Built-in dark mode color overrides for night mode themes.<\/li>\n<li><strong>Performance-First:<\/strong> Written in clean, modular vanilla JavaScript and lightweight CSS with zero bloat and no external dependencies.<\/li>\n<li><strong>Secure Coding:<\/strong> Follows WordPress coding standards with strict input sanitization, data validation, and output escaping.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>ashik-mobile-bottom-navigation-drawer-menu<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory, or install directly through the WordPress Plugins dashboard.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Navigate to <strong>Mobile Nav Menu<\/strong> in your WordPress admin menu to configure your bottom navigation bar, drawer menu, and styling options.<\/li>\n<li>Save your settings and preview your responsive mobile navigation on any smartphone or tablet.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20require%20woocommerce%3F\"><h3>Does this plugin require WooCommerce?<\/h3><\/dt>\n<dd><p>No, WooCommerce is completely optional. The plugin functions seamlessly on any WordPress website, blog, or portfolio. When WooCommerce is active, advanced e-commerce features (such as dynamic cart badge count synchronization and product category hierarchies) automatically become available.<\/p><\/dd>\n<dt id=\"how%20does%20the%20cart%20badge%20count%20update%3F\"><h3>How does the cart badge count update?<\/h3><\/dt>\n<dd><p>The cart badge connects directly to WooCommerce's AJAX cart fragments system (<code>woocommerce_add_to_cart_fragments<\/code>). Whenever a customer adds or removes items from their cart, the badge number updates instantly without requiring a page reload.<\/p><\/dd>\n<dt id=\"can%20i%20reorder%20the%20navigation%20buttons%3F\"><h3>Can I reorder the navigation buttons?<\/h3><\/dt>\n<dd><p>Yes. In the admin settings under the \"Bottom Nav Items\" tab, each item widget has a drag handle on the left. Simply drag and drop items into your desired order and save settings.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20svg%20icons%20instead%20of%20fontawesome%3F\"><h3>Can I use my own SVG icons instead of FontAwesome?<\/h3><\/dt>\n<dd><p>Yes. Each navigation item includes an \"Inline SVG Code\" field. You can paste standard SVG markup directly into this field, and the plugin will safely sanitize and render it.<\/p><\/dd>\n<dt id=\"does%20it%20support%20modern%20smartphones%20with%20notch%20and%20home%20bars%20%28e.g.%20iphone%29%3F\"><h3>Does it support modern smartphones with notch and home bars (e.g. iPhone)?<\/h3><\/dt>\n<dd><p>Yes. The plugin includes a \"Safe Area Inset (iPhone Notch)\" option. When enabled, it automatically applies <code>env(safe-area-inset-bottom)<\/code> padding to prevent buttons from overlapping with mobile home indicators and gesture navigation bars.<\/p><\/dd>\n<dt id=\"can%20i%20hide%20the%20navigation%20bar%20on%20desktop%20computers%3F\"><h3>Can I hide the navigation bar on desktop computers?<\/h3><\/dt>\n<dd><p>Yes. Under the \"General Appearance\" tab, check the \"Hide on Desktop Screens\" option. The bottom navigation bar will then only appear on screens smaller than 768px.<\/p><\/dd>\n<dt id=\"how%20do%20i%20trigger%20my%20theme%27s%20cart%20drawer%20or%20search%20popup%3F\"><h3>How do I trigger my theme's cart drawer or search popup?<\/h3><\/dt>\n<dd><p>Set the navigation item's Action Type to \"Click Custom CSS Selector\" and enter the CSS selector of your theme's trigger button (for example <code>#dcCartToggle<\/code> or <code>.header-search-toggle<\/code>). When a user taps the bottom bar item, it simulates a click on that element.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release of Ashik Mobile Bottom Navigation &amp; Drawer Menu.<\/li>\n<li>Added 6 layout presets: Modern, Minimal, Floating Pill, Curved Cutout, Glassmorphic, and Compact.<\/li>\n<li>Added drag-and-drop visual reordering for navigation items.<\/li>\n<li>Added user profile greeting card with avatar and logout link.<\/li>\n<li>Added WooCommerce category accordion and custom WordPress menu support.<\/li>\n<li>Added dynamic WooCommerce cart fragment count update.<\/li>\n<li>Added built-in mobile search modal.<\/li>\n<li>Added live phone preview simulator in admin panel.<\/li>\n<li>Fully hardened security with strict color\/RGBA sanitization, SVG sanitization, and output escaping.<\/li>\n<\/ul>","raw_excerpt":"Mobile bottom navigation bar and slide-out drawer menu with WooCommerce integration, user profile card, and live preview.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/380757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=380757"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ashikcse"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=380757"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=380757"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=380757"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=380757"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=380757"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=380757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}