#2132 - Redesign purchasing module to show steps clearly
-
By Chris Graham
- Added
- 0 views
| Identifier | #2132 |
|---|---|
| Issue type | Feature request or suggestion |
| Title | Redesign purchasing module to show steps clearly |
| Status | Completed |
| Handling member | Chris Graham |
| Addon | ecommerce |
| Description | There is a design pattern where you show your position in a set of steps, something like:
>Info>Agreement>Setup>Payment>Confirmation Adopt this design style for the purchasing module so it is much clearer. I've uploaded a/b/c/d.png which correspond to the first 4 steps above. They'd all have the same step-bar on top, but it of course highlights which of the steps is active. I suggest we redesign one of the screens, then we can apply the styling across the rest. The title of the purchasing module can just be "Make purchase", with support for overriding on a product-by-product basis. |
| Steps to reproduce | |
| Additional information | Implementation:
We'll need to tidy up the "next step calculation code" into an enumeration of all steps for the particular hook, so we know what the full chain will be. The product hooks would specify the purchasing module title overrides. d.png shows a PayPal button. This is a silly step really, we should be able to allow product hooks to redirect straight to PayPal (auto-click the button). |
| Funded? | No |
The system will post a comment when this issue is modified (e.g., status changes). To be notified of this, click "Enable comment notifications".
Comments
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
Removed the design tag, this is now just a dev task.
We haven't used the step-enumeration style. But we have used breadcrumbs, and we show you're on step 1 of whatever. Also the step styling has been matched up so it is similar in some ways.
The reasons to not do it exactly the same as designed:
1) We're merging with pointstore, so the design constraints are different. It's a bit more of a 'browse' metaphor, no longer a 'wizard' metaphor.
2) We want to keep it in line with normal Composr design, and usually we do show paths using breadcrumbs only, and say step numbers within titles. The design here varies too much from our conventional styling, making a headache for themers.
What we have now is a lot better than what we have in v10.