Improve web user experience: move edit-product button

[tradmangh]

Problem

When scrolling down on the product page the "edit_button" at the top of the product details moves out of sight.
A user wanting to edit the product page needs to scroll up again or down to the second button at the bottom of the page.

Solution

Move the "edit_button" (and ideally also the "share_button") to the section that holds the "product_section_button"s and docks to the top of the page. Remove the edit button at the bottom of the page, as the button at the top is always visible.

Screenshot/Mockup/Before-After

(optional)
would be beneficial to move the class "title-3" to the sticky div as well

[October-Food-Facts]

There are multiple shortcuts, such as ctrl + up and ctrl + home. There is no need to scroll, just to be familiar with using the shortcuts. It's even possible to set mouse movement shortcuts too. It's about making good use of the web browser functions across all sites. I dislike the docked panels because they take up invaluable screen space. :)

[teolemon]

I never think about the CTRL up & down shortcuts. That's a geeky reflex, I would say. I can see the value of a sticky edit button.

[tradmangh]

There are multiple shortcuts, such as ctrl + up and ctrl + home. There is no need to scroll, just to be familiar with using the shortcuts. It's even possible to set mouse movement shortcuts too. It's about making good use of the web browser functions across all sites. I dislike the docked panels because they take up invaluable screen space. :)

This change would not take more screen space, because it will only occupy free space in the existing docked panel that holds navigation elements that would hardly fit anywhere else.

Though I’m a friend of shortcuts, I’d say the effort to educate all users would massively exceed the effort to implement the change. :)