New

Ecommerce Mobile App

React Native Expo app for Botble Ecommerce - 50+ screens, dark mode, RTL support

UI UX Design for Martfury

UI UX Design for Martfury

Plugin
UI UX Design for top categories to 2-row scrollable grid and site features to single row on mobile menu
$29.00 $59.00

Version

1.0.0

Botble Version

License

MIT

Mobile 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


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

  1. Copy the MobileUiFixes folder to platform/plugins/MobileUiFixes in your Botble CMS installation
  2. Go to Admin → Plugins and activate Mobile UI Fixes
  3. 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

Scan QR Code

Bank Name- Wio Bank  IBAN: AE040860000009582249758 ACCOUNT NUMBER: 9582249758 ACCOUNT NAME: MARYAM INTERNATIONAL LLC, Country United Arab Emirates

Leave a comment

Your email address will not be published. Required fields are marked *

Kindly log in to share your feedback on this plugin.