Skip to main content
In this section, you can:
  • Add new authorized users.
  • Choose which sections they can access (for example, product management, support, payments, etc.).
  • Grant either view-only or full access.
  • Edit or deactivate authorized users at any time.
This feature supports a multi-admin structure. It improves security by allowing each team member to access only the areas necessary for their role.

​
1. Adding an Authorized User

Use the Authorized Staff section to assign specific roles to users and control which areas they can access.

​
Steps

  1. Log in to your admin panel.
  2. Click the “Chess Pawn” icon in the left menu.
  3. Go to the “Member Settings” tab.
  4. Click “Authorized Staff.”
  5. In the top-right corner, click “Add Authorized.”

​
Form Fields

  • Username:
    Type the username in the search box and select an existing member.
  • Role Name:
    For example, “Administrator,” “Support Team,” or “Site Owner.”
  • Permission Selection:
    From the permission list, select which areas the user can access. Examples: Product Management, Orders, Users, etc.

​
Visual Badge Settings (Optional)

  • HTML Title Code Area:
    Add HTML styling for a custom appearance before the role name.
    Example:     
    <div><span
        class="d-flex justify-content-center gap-2 align-items-center fw-bolder fs-6 px-4 py-2 rounded bg-danger align-middle bg-opacity-10 text-center"
        style="display: inline-block;"> <div style="margin-top:2px;">Site Owner</div></span></div>
  • Role Name Style Area (CSS Start):
    Define a custom class to style the role name. Do not close the tag; the system automatically appends the class to the role name.
    Example:     
    <style>
  .admin-tag {
      background-image: repeating-linear-gradient(45deg, orange, red);
      text-align: center;
      background-size: 800% 800%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: admin-gradient 1s ease infinite;
  }
  @keyframes admin-gradient {
      0% { background-position: 0% 50% }
      50% { background-position: 100% 25% }
      100% { background-position: 0% 50% }
  }
</style>
  • Role Name Style Footer:
    Use this field to close the CSS class, typically with a simple closing tag.
    Example:     
    </span>
This system lets you assign both visible badges and permission-based access levels to each team member.