Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Try The New Responsive Admin Panel Rate Topic   * * * * * 1 votes

 
  • ikoshkin
  • Tech Writer
  • CS-Cart Architects
  • Join Date: 25-Nov 15
  • 194 posts

Posted 24 January 2018 - 01:07 PM #1

Hello. As you know, the default administration panel in CS-Cart and Multi-Vendor isn’t responsive. Its size on a mobile device is the same as on a desktop, so you have to scroll the page not only vertically, but also horizontally. That is very inconvenient, so we have developed a responsive administration panel and we’d love to hear your opinions about it. We are planning to develop it further and to eventually make it default for CS-Cart and Multi-Vendor.
 
The responsive admin panel is now available at the Marketplace as a separate add-on. Please note that if you have third-party add-ons that modify the Administration panel, you may have to adapt those add-ons, so that they support the new responsive design. We are already working on an instruction for developers. Once the instruction is tested, we'll publish it in our documentation and let you know here.

In the meantime, if you're hesitant to install a Beta add-on in your store, you’re welcome to try the responsive admin panel on http://dev.demo.cs-cart.com/admin.php:

1. Go to Add-ons → Manage add-ons.

2. Switch to the Browse all available add-ons tab.

3. Find the Responsive Admin Panel [Beta] add-on and click Install.

4. Change the status of the add-on to Active after the installation.

After that the look of your admin panel will change, and you’ll be able to make use of its responsive design.
2k2IHEj.png

The best part is that the responsive admin panel is backward-compatible: the technologies behind it haven’t changed. Everything is where it was in the old admin panel; we only adjusted the styles and added some wrappers to HTML tables. When we were developing the new admin panel, we also tested it with a few third-party add-ons, and they worked fine.

Now is the best time to make any changes, so please try the responsive admin panel and let us know what you think. Do you find it convenient on mobile devices? What can we improve? We’re looking forward to your feedback in this topic.

 
  • Darius
  • Douchebag
  • Members
  • Join Date: 20-Apr 08
  • 3157 posts

Posted 24 January 2018 - 01:23 PM #2

Nice addition, customization would be nice too..



 
  • poppedweb
  • Authorized Reseller
  • Members
  • Join Date: 02-Aug 16
  • 405 posts

Posted 24 January 2018 - 03:51 PM #3

Hey,

 

Looks very nice, maybe update the language flags as well to fit the Flat UI look?

 

Furthermore, it would be nice if you can pick a 'theme color'. I have some clients who use multiple CS-Cart installations (they want seperate stores and not a 'multi store', I have recolered their backends to fit their frontends, they wanted this to make it easy to distinguish these multiple installations.

 

Best wishes,


PoppedWeb | sales@poppedweb.com | https://poppedweb.com
TurnKey Website Design | Add-Ons | Performance Audits | Dedicated Server Management
24/7 Support | Response within an hour (during working hours).

 
  • teosu
  • Senior Member
  • Members
  • Join Date: 09-Oct 14
  • 290 posts

Posted 24 January 2018 - 06:27 PM #4

Demo show 404 error

 

Posted 24 January 2018 - 07:01 PM #5

Not accessible for me either. "Server cannot be found."



 
  • poppedweb
  • Authorized Reseller
  • Members
  • Join Date: 02-Aug 16
  • 405 posts

Posted 24 January 2018 - 07:06 PM #6

Hello,

 

The URL was broken because there was a question mark at the end. Please try using this one:

 

http://dev.demo.cs-c...2f9c8/admin.php

 

Best wishes,


PoppedWeb | sales@poppedweb.com | https://poppedweb.com
TurnKey Website Design | Add-Ons | Performance Audits | Dedicated Server Management
24/7 Support | Response within an hour (during working hours).

 

Posted 24 January 2018 - 07:09 PM #7

Still doesn't work for me.



 
  • poppedweb
  • Authorized Reseller
  • Members
  • Join Date: 02-Aug 16
  • 405 posts

Posted 24 January 2018 - 07:23 PM #8

There are a few problems in my opinion (very small ones though).

 

- Whenever the top menu becomes fix it will add a shade to the 1st level. This makes it look less seamless.

- Whenever you access a third level drop you have to / can scroll sidewards.

- Maybe replace the scroll bars with some better styled ones?

- When you have the one of the menus opened in mobile view and you switch to desktop view the menu will disappear.

- Product name floats without a background (when editing products).

- You can scroll down forever, it resprings a few pixels back to the top everytime (product editing).

- When in tablet mode the menu makes no sense, the subitems should be a full width, preferably even a hamburger menu (this would benefit from the overall flow where you have gone for).

- Subitems appear on hover, they should be toggled in mobile view as right now it is impossible to use it if you have e.g. a tablet with a mouse (yes this does actually exist).

- Checkboxes are very tiny, if you are on a mobile device they should be made a fair bit larger.

- The need help button appears on top of the action buttons (save, export, etc).

- Make the fold out menu full height, now it is cut off for 10% on the top.

 

I will take another look soon. I tested this on FireFox Nightly

Best wishes,


PoppedWeb | sales@poppedweb.com | https://poppedweb.com
TurnKey Website Design | Add-Ons | Performance Audits | Dedicated Server Management
24/7 Support | Response within an hour (during working hours).

 

Posted 24 January 2018 - 07:24 PM #9

Working now. Thanks.



 
  • teosu
  • Senior Member
  • Members
  • Join Date: 09-Oct 14
  • 290 posts

Posted 24 January 2018 - 07:50 PM #10

Where is the bulk select tools for bulk delete order invoice etc?

 
  • teosu
  • Senior Member
  • Members
  • Join Date: 09-Oct 14
  • 290 posts

Posted 24 January 2018 - 07:52 PM #11

Looking well i thing bulk and select boxes will ad next update

 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 10667 posts

Posted 24 January 2018 - 10:02 PM #12

Looks like you maintained class names which is good.

Are there any special classes that need to be addressed for addon developers that manipulate the admin screens and sideboxes?


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • ikoshkin
  • Tech Writer
  • CS-Cart Architects
  • Join Date: 25-Nov 15
  • 194 posts

Posted 25 January 2018 - 06:13 AM #13

Demo show 404 error

 
 

Not accessible for me either. "Server cannot be found."


Sorry for the broken URL. I've updated it in the main post, so it should work now. If it doesn't, just go to http://dev.demo.cs-cart.com and add admin.php at the end of the URL to access the admin panel of your instance of the demo.

 
  • ThomH
  • Senior Member
  • Members
  • Join Date: 20-Nov 07
  • 1448 posts

Posted 25 January 2018 - 11:08 AM #14

How does this affect the third party add-ons?


WebGraphiq offers a wide range of professionally developed, ready to use CS-Cart add-ons to provide additional functionality and boost your sales. The oldest active CS-Cart add-on development team. -- Since 2006 --


CS-CART ADD-ONS | FREE QUOTE | CS-CART DEVELOPMENT | @webgraphiq


 
  • ikoshkin
  • Tech Writer
  • CS-Cart Architects
  • Join Date: 25-Nov 15
  • 194 posts

Posted 25 January 2018 - 01:10 PM #15

When we were developing the responsive admin panel, we focused on preserving backward compatibility and tested a few third-party add-ons with the new panel. The technologies behind it remain the same. We simply changed the looks by altering CSS and made the tables responsive by adding <div> wrappers around them and adding data attributes to columns. That's all I can say so far without consulting the developer further.

 

Please let me know if that answers your questions.



 
  • teosu
  • Senior Member
  • Members
  • Join Date: 09-Oct 14
  • 290 posts

Posted 30 January 2018 - 08:04 AM #16

its removed from marketplace? have any update?



 
  • ikoshkin
  • Tech Writer
  • CS-Cart Architects
  • Join Date: 25-Nov 15
  • 194 posts

Posted 31 January 2018 - 07:44 AM #17

its removed from marketplace? have any update?


We're addressing a few issues we found in the add-on, so it isn't currently available on the Marketplace. For the time being, the add-on can be tested on http://dev.demo.cs-cart.com/admin.php. Once there is any news, we'll announce it on the forum (probably in this topic).

 
  • poppedweb
  • Authorized Reseller
  • Members
  • Join Date: 02-Aug 16
  • 405 posts

Posted 31 January 2018 - 07:47 AM #18

its removed from marketplace? have any update?

 

I have downloaded it, if @ikoshkin is fine with it I can send it to you?

 

By the way, there is one more issue I found.

- All the icons in the block management page are not aligned, they are not centered whatsoever.


PoppedWeb | sales@poppedweb.com | https://poppedweb.com
TurnKey Website Design | Add-Ons | Performance Audits | Dedicated Server Management
24/7 Support | Response within an hour (during working hours).

 
  • teosu
  • Senior Member
  • Members
  • Join Date: 09-Oct 14
  • 290 posts

Posted 31 January 2018 - 08:07 AM #19

lets wait stable release



 
  • imac
  • CTO
  • CS-Cart Architects
  • Join Date: 22-Nov 05
  • 2033 posts

Posted 31 January 2018 - 12:44 PM #20

Hey,

 

Looks very nice, maybe update the language flags as well to fit the Flat UI look?

 

Furthermore, it would be nice if you can pick a 'theme color'. I have some clients who use multiple CS-Cart installations (they want seperate stores and not a 'multi store', I have recolered their backends to fit their frontends, they wanted this to make it easy to distinguish these multiple installations.

 

Best wishes,

Thank you for the idea, we need a poll here:)

 

Who else would like to change the admin area color? Please Upvote this post.


Ilya Makarov,
CS-Cart Architect Team
Suggest and vote for new features | Report a bug