Naimur Rahman Nahid

Resume
Naimur Edit My Account Page for WooCommerce – Documentation
OFFICIAL PLUGIN DOCUMENTATION

Naimur Edit My Account Page for WooCommerce

A modern, icon-enhanced, responsive WooCommerce My Account layout that replaces the default dashboard UI with a clean, card-based design—without overriding WooCommerce templates.

Requires: WooCommerce
Stable: 1.1.0
Tested up to WordPress 6.8
View on WordPress.org → Jump to Installation

This guide covers installation, setup, customization hints and common FAQs for the plugin.

Requirements & Compatibility

Before you start

Make sure your site meets the following requirements:

  • WordPress 5.8+ (recommended: latest)
  • WooCommerce (declared as dependency via Requires Plugins: woocommerce)
  • PHP 7.4+
  • A published WooCommerce My Account page

The plugin is built to work with any WooCommerce-compatible theme. Styling is enforced using scoped CSS classes to avoid conflicts.

Installation

Step-by-step
  1. Go to Plugins → Add New in your WordPress dashboard.
  2. Search for “Naimur Edit My Account Page for WooCommerce”.
  3. Click Install Now, then click Activate.
  4. Ensure WooCommerce’s My Account page is set under WooCommerce → Settings → Advanced → My account page.
  5. Visit /my-account/ on the frontend — the new design will automatically be applied.

No additional configuration page is required: the plugin is intentionally lightweight and works out of the box.

How the design is applied

Under the hood

On WooCommerce account endpoints, the plugin:

  • Adds a body class: naimur-my-account-custom.
  • Enqueues a single CSS file: assets/css/naimur-my-account.css.
  • Uses high-specificity selectors to restyle:
    • Sidebar navigation ( .woocommerce-MyAccount-navigation )
    • Menu items ( li a with icons and arrows)
    • Content container ( .woocommerce-MyAccount-content )
    • Notices, forms and buttons

No WooCommerce template files are overridden, which keeps updates and theme compatibility safe.

Customization Tips

Developers & advanced users

You can override the styling safely using your own CSS. Add your changes after the plugin’s stylesheet (for example, in your child theme or a custom CSS panel).

Example: changing the sidebar gradient and accent color: 

/* Override sidebar gradient */
body.naimur-my-account-custom .woocommerce-MyAccount-navigation {
    background: linear-gradient(150deg, #0f172a, #4f46e5);
}

/* Change active menu text color */
body.naimur-my-account-custom
.woocommerce-MyAccount-navigation li.is-active a {
    color: #020617;
}

You can also hide the right arrow if you prefer a simpler look: 

body.naimur-my-account-custom
.woocommerce-MyAccount-navigation li a::after {
    display: none;
}

Key Features

At a glance
  • Modern redesigned WooCommerce My Account dashboard
  • Gradient sidebar with icon-based navigation
  • Active item with white pill highlight & soft shadow
  • Clean content card with gradient top border
  • Fully responsive layout for mobile, tablet and desktop
  • Loads only on My Account page (lightweight)
  • 100% CSS-based, no template overrides

FAQ

Common questions
Does this plugin change any WooCommerce templates?
No. It only adds CSS on My Account pages and uses default WooCommerce markup, which keeps compatibility high and updates safe.
Will it work with my theme?
Yes, as long as your theme is WooCommerce-compatible and does not fully replace the My Account markup. The design is scoped to body.naimur-my-account-custom to avoid theme conflicts.
Can I disable the design on certain pages?
The plugin only targets WooCommerce account endpoints. If you create custom account templates, you may conditionally dequeue the stylesheet using wp_dequeue_style( 'naimur-emapw-style' ); in your own hooks.
Does this affect performance?
No. A single small CSS file is loaded only on My Account pages. No extra database queries or scripts are added.
Scroll to Top