Jump to content

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

Try It Early: Drag & Drop Product Images Rate Topic   * * * * * 1 votes

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

Posted 07 February 2018 - 01:47 PM #1

Hello. We’d like to invite you to try the new way of managing product images on http://dev.demo.cs-cart.com and tell us what you think in this topic. We’re especially curious if the new way of managing images suits your needs, and what aspects of it you don’t like.

Currently we are planning to include this functionality in CS-Cart and Multi-Vendor 4.8.1, and now is the best time to suggest improvements. Details are available below.


The Current Behavior in Your Stores
As you know, each product in CS-Cart and Multi-Vendor can have a main image and a number of additional ones. We received complaints that managing those images in CS-Cart and Multi-Vendor wasn’t convenient:
  • Every image had to be loaded individually, by selecting a file from your machine, from the server, or by providing a link to the file.
  • The main image was located on a separate tab from the additional images.
  • Even the import of additional images for products required a separate CSV file.
What Has Been Done in 4.8.1
We tried to make working with product images faster and more intuitive. When you check out the admin panel of our development demo (http://dev.demo.cs-cart.com/admin.php) and try to edit a product, you’ll notice a few improvements.
  • Manage all images on one tab. The Images tab on the product editing page is gone. Additional images are now located on the General tab, together with the main image.
  • Select a bunch of images, drag them with your mouse, and drop them in the designated area on the product editing page. You’ll see the thumbnails of the images. Just save the product, and it’s done!
  • Change the image order and the main image by dragging them.
  • Hover over images with your mouse to see and change the alternative text. Use the icons to preview the full image or delete it. If you haven’t saved your changes yet, you can even restore the deleted images.
The Drawbacks, or What Hasn’t Been Done
We hope you’ll like the new functionality. However, there are some things you should know about:
  • There is no way to upload a custom thumbnail on the product editing page now; thumbnails will be generated automatically from the images that you drag and drop. We don’t take decisions to remove functionality lightly, but having custom thumbnails along with drag-and-drop of images would overcomplicate the interface. However, the ability to upload custom thumbnails via product import still remains.
  • So far, the drag and drop of images has only been implemented for the product editing page. The bulk product addition and editing remain the same as they were. This may or may not change, depending on your feedback. For the time being, if you’d like to drag and drop images when editing multiple products, we advise finding these products via search and editing them one by one. After you save a product, use the < or > buttons to switch to another product without having to return to the list.
We are looking forward to your feedback in this topic.

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

Posted 07 February 2018 - 03:19 PM #2

perfect image management! i love it .

what another new features



 
  • Darius
  • Douchebag
  • Members
  • Join Date: 20-Apr 08
  • 3,033 posts

Posted 07 February 2018 - 07:17 PM #3

Regarding style, I like how alt text and remove button was visible without hover, I like styling how it was before. I would make hover only prieview button. Style needs some work.


4.5.2 SP2


 
  • imac
  • CTO
  • CS-Cart Architects
  • Join Date: 22-Nov 05
  • 1,919 posts

Posted 08 February 2018 - 06:57 AM #4

Regarding style, I like how alt text and remove button was visible without hover, I like styling how it was before. I would make hover only prieview button. Style needs some work.

When you hover the image - you see the remove button. You could not delete the image - no matter wether remove icon visible or not until you hover it. So with Remove icon - I can not understand your complain.

As for the alt text - there could be a lot of images - and alt text will generate extra noise. In UI terms alt text is sub element of the image - so it's not a good idea to always display it on the page among many other elements (product properties).


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

 
  • Darius
  • Douchebag
  • Members
  • Join Date: 20-Apr 08
  • 3,033 posts

Posted 09 February 2018 - 08:16 AM #5

Well, I just expressed my thoughts. Current look just looks incomplete..

 

I am attaching screen shot of other soft I use, images tab, all clean and simple.

Attached Thumbnails

  • images.jpg

4.5.2 SP2


 
  • Takestock
  • Senior Member
  • Members
  • Join Date: 08-Nov 13
  • 419 posts

Posted 13 February 2018 - 09:53 AM #6

I really like this, Much better way of working. Especially when using multiple monitors.

 

Alan



 
  • motmin
  • Newbie
  • Members
  • Join Date: 11-Nov 11
  • 7 posts

Posted 17 February 2018 - 03:11 PM #7

Hello. We’d like to invite you to try the new way of managing product images on http://dev.demo.cs-cart.com and tell us what you think in this topic. We’re especially curious if the new way of managing images suits your needs, and what aspects of it you don’t like.

Currently we are planning to include this functionality in CS-Cart and Multi-Vendor 4.8.1, and now is the best time to suggest improvements. Details are available below.


The Current Behavior in Your Stores
As you know, each product in CS-Cart and Multi-Vendor can have a main image and a number of additional ones. We received complaints that managing those images in CS-Cart and Multi-Vendor wasn’t convenient:

  • Every image had to be loaded individually, by selecting a file from your machine, from the server, or by providing a link to the file.
  • The main image was located on a separate tab from the additional images.
  • Even the import of additional images for products required a separate CSV file.
What Has Been Done in 4.8.1
We tried to make working with product images faster and more intuitive. When you check out the admin panel of our development demo (http://dev.demo.cs-cart.com/admin.php) and try to edit a product, you’ll notice a few improvements.
  • Manage all images on one tab. The Images tab on the product editing page is gone. Additional images are now located on the General tab, together with the main image.
  • Select a bunch of images, drag them with your mouse, and drop them in the designated area on the product editing page. You’ll see the thumbnails of the images. Just save the product, and it’s done!
  • Change the image order and the main image by dragging them.
  • Hover over images with your mouse to see and change the alternative text. Use the icons to preview the full image or delete it. If you haven’t saved your changes yet, you can even restore the deleted images.
The Drawbacks, or What Hasn’t Been Done
We hope you’ll like the new functionality. However, there are some things you should know about:
  • There is no way to upload a custom thumbnail on the product editing page now; thumbnails will be generated automatically from the images that you drag and drop. We don’t take decisions to remove functionality lightly, but having custom thumbnails along with drag-and-drop of images would overcomplicate the interface. However, the ability to upload custom thumbnails via product import still remains.
  • So far, the drag and drop of images has only been implemented for the product editing page. The bulk product addition and editing remain the same as they were. This may or may not change, depending on your feedback. For the time being, if you’d like to drag and drop images when editing multiple products, we advise finding these products via search and editing them one by one. After you save a product, use the < or > buttons to switch to another product without having to return to the list.
We are looking forward to your feedback in this topic.

 

I vote yes for this feature. It would be a big time saver.