Ecommerce Mobile App
React Native Expo app for Botble Ecommerce - 50+ screens, dark mode, RTL support
UI UX Design for Martfury
PluginMobile UI Fixes Plugin for Botble CMS (Martfury Theme)
Enhanced mobile experience for Martfury theme — better navigation, categories & more.
About
Mobile UI Fixes is a Botble CMS plugin designed exclusively for the Martfury theme. It enhances the mobile shopping experience with a redesigned bottom navigation bar, a scrollable categories grid, and cleaner flash sale product cards — all without modifying any theme files.
Version: 1.0.0
Minimum Core Version: 7.3.0
Theme Compatibility: Martfury only
Developed By
Maryam International LLC
- 🌐 Website: www.codeupp.xyz
- 📧 Email: [email protected]
- 📱 WhatsApp: +971553682656
Features
- Custom Mobile Bottom Bar — Redesigned 5-item navigation: Home, Search, Cart, Account & Menu
- Cart Count Badge — Live cart item count badge on the bottom bar Cart icon, auto-updates when items are added or removed
- 2-Row Scrollable Categories — Top categories displayed in a compact 2-row horizontally scrollable grid on mobile, while PC layout remains untouched
- Site Features Single Row — Free Delivery, 1 Day Return, Secure Payment & 24/7 Support displayed in a compact single horizontal row on mobile instead of stacking vertically
- Flash Sale Card Cleanup — Hides the sold quantity progress bar from flash sale product cards for a cleaner look
- Mobile-Only Changes — All layout modifications apply only on mobile (≤767px); desktop view stays exactly as the original theme
- Lazy-Load Aware — Fully compatible with Martfury's lazy-loaded shortcode content
- Zero Theme Modifications — Everything is injected via plugin hooks; no theme files are touched
Coming Soon 🚀
- Mobile Product Card Redesign — Improved product card layout optimised for mobile browsing
- Sticky Add to Cart Bar — Floating add-to-cart button on product detail pages
- Mobile Category Mega Menu — Enhanced category navigation with icons and subcategories
- Quick View Enhancement — Improved quick view modal for mobile screens
- Mobile Filters UI — Better product filter experience on small screens
- More UI improvements — Continuous updates with new mobile-first design enhancements
Installation
- Copy the
MobileUiFixesfolder toplatform/plugins/MobileUiFixesin your Botble CMS installation - Go to Admin → Plugins and activate Mobile UI Fixes
- Clear cache:
php artisan cache:clear && php artisan view:clear
⚠️ Important: This plugin is built exclusively for the Martfury theme. It will not work correctly with other Botble themes.
Plugin Structure
MobileUiFixes/
├── composer.json
├── plugin.json
├── README.md
├── public/
│ ├── css/
│ │ └── mobile-ui-fixes.css
│ └── js/
│ └── mobile-ui-fixes.js
├── resources/
│ └── views/
│ └── short-codes/
│ └── featured-product-categories.blade.php
└── src/
├── Plugin.php
└── Providers/
└── MobileUiFixesServiceProvider.php
How It Works
| Feature | Method |
|---|---|
| Bottom Bar | Injects JS via THEME_FRONT_FOOTER to replace the default 4-item bar with a 5-item layout |
| Cart Badge | Reads cart count from the header cart icon and mirrors it to the bottom bar with a MutationObserver |
| Categories Grid | Restructures the .ps-top-categories row into a CSS Grid 2-row scroll layout (mobile only) |
| Site Features Row | Forces .ps-block--site-features into a single horizontal row on mobile via CSS flexbox |
| Flash Sale Cleanup | Hides .ps-product__progress-bar inside flash sale cards via inline CSS |
All styles and scripts are injected inline via THEME_FRONT_HEADER and THEME_FRONT_FOOTER filters to ensure they load reliably without asset publishing issues.
Support
For any issues or questions regarding this plugin:
Maryam International LLC
🌐 www.codeupp.xyz
📧 [email protected]
📱 WhatsApp: +971553682656
License
Proprietary — Developed by Maryam International LLC. All rights reserved.
Support the Author
If you find this product helpful, consider supporting the developer.
Bank Information
Bank Name- Wio Bank IBAN: AE040860000009582249758 ACCOUNT NUMBER: 9582249758 ACCOUNT NAME: MARYAM INTERNATIONAL LLC, Country United Arab Emirates
PayPal
@MohammadAqib951Scan QR Code
Leave a comment
Your email address will not be published. Required fields are marked *