When you have more than 10 or so products and displays, it becomes difficult to drag a product off of a product display(admin/commerce/products/display_manager). Can an option be added on the product line to remove the product from the product display?

Comments

nylin’s picture

nylin commented

Maybe I could add some kind of "folding" functionality where you can fold all products into their display node, like an accordion menu. I could also add a fold/unfold all feature, that would be great!

What do you think of that?

tars16’s picture

tars16 commented

I like that idea, but I still think that there should be a remove feature because even with the accordian on a 23" monitor, it would only take 25-30 product display nodes before it becomes a pain to drag the product off of the display node. Dragging the product while trying to scroll the page is difficult.

nylin’s picture

nylin commented

Yep, maybe that would be a good thing. Just a button that moves the product to the other orphans at the bottom. I'm also planning on splitting the current table into two tables. One to the left displaying all products under their respective display node and one to the right only displaying the orphans. Then you could easily drag products from a display node to the right table/list and the drag it back into another display node somewhere else in the list.

/m

tars16’s picture

tars16 commented

I think that would work too. What would happen to the orphaned product list if there was a long list of product displays on the left? Would you have to scroll up to drag a product off?

nylin’s picture

nylin commented

I guess we could limit the height of both lists, and let the overflow be scrollable? Then it wouldn't matter if one list is linger than the other. Then we could have inputs above both lists to let the user filter the lists live by title or something like that. Or maybe add a b c d links above the display node list so the user can "jump" between display nodes by their starting character.

Just some ideas floating around in my head. Feel free to add any of your own and I'll be glad to include them!

/m

tars16’s picture

tars16 commented

I'm not a huge fan of scrollable divs. They disturb my harmony ;) I really think the best solution is a remove link included with the edit/delete links. You wouldn't have to worry about keeping the orphaned products list easily accessible.

Another possibility would be the two column layout, but the second column would float down the page as you scrolled? But then if you have a long list of orphaned products, that could be difficult to use as well.

I love the idea of being able to filter the products by title.

nylin’s picture

nylin commented

Your idea with the floating right list had actually crossed my mind, but as you say that would become a problem as well if that list gets to big.

Nope, scrollable DIV's aren't to pretty are they? I was thinking that if you had a list to the right, you could drag products to that list temporarily. Then you could scroll the left list to where you want it and then drag the products back in there from the right list. But maybe that's to many steps..?

Doh, I really hate UI problems. I don't actually know what's the best approach here. One thing would be to have a "fast filter" that filters only by product title, but always shows the display nodes. Then you could filter by the title of the product you want to drag and then move it around easily. But I don't know if that feels right either =(.

Ohh! I think I know a way to do it, maybe you could add a "move" button to all products, and when you've clicked it you could click a "move to" link on some display node row to move it there, then you would have a alternative way of moving products if you don't like to drag them around. How does that sound? Then maybe you could mark multiple products by clicking their "move" button and then move multiple products where you want them?

/m

tars16’s picture

tars16 commented

Maybe this is too many steps for a single page.

The excitement for me around this module is the ability to sort the products under each product display. Perhaps we forget about orphaned products on this page and just give the user the ability to manipulate the product displays. Re-order or remove products and leave the addition of products to an 'orphaned products' page.

Then the 'orphaned products' page would be a similar list, obviously not grouped by product display where you could have an 'add to product display' link that would give the user the ability to add the product via a popup list of product displays. This list could then have the 'fast filter' feature so that you could find the product display you were looking for fast. Maybe even expose some of the taxonomy terms for sorting?

Matt

Stalski’s picture

Stalski commented

Hey,

I've read this issue and I must say I completely follow tars16 on this. So what we basically want, is "to be able to drag a long distance" .
So this could be to the orphans section, or it could go to another product display (section, feel me coming ...) that drags a long vertical distance.
So what we need is a extra column "region". Every product display would be a region. As maintainer of field_group, I think I know the node fields and display UI quite well and it's a very hard solution.

The fields overview page has row handlers in php and javascript to be able to know where something is positioned.

I am thinking of another way since I've always had problems with the full-form-ajax-reloading that happens with every drag'n drop and region switching.

So basically, I'll give it a try with a extra column that is triggering javascript to put the product in the correct selected "section" or "region".

That would solve the problem.
Later on we can still move to some fancy UI (E.g. the orphans in a left area ...)

Sound ok with you guys?

Stalski’s picture

Stalski commented
Status: Active » Needs work