We want the user to know what step he is on during the checkout process.

We should display the steps block on top of the page during the checkout. This will need some theming !

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Cookiz’s picture

Cookiz’s picture

Assigned: Cookiz » bojanz
Status: Active » Needs review
bojanz’s picture

Status: Needs review » Needs work

There is no reason to tie this functionality to the product features.
The module should be in the install profile info file, and the install profile should variable_set the three needed variables.
The block placement should happen during install as well.
This is a good time to cleanup the block placement in the install profile, because for demo_store it's done in hook_install() while for no_demo_store it's done in
_commerce_kickstart_setup_omega_theme (commerce_kickstart.install_callbacks.inc).

GuGuss’s picture

Assigned: bojanz » Cookiz
theo_’s picture

Assigned: Cookiz » theo_
Bojhan’s picture

I will work on a design for this, next week.

theo_’s picture

Status: Needs work » Needs review
GuGuss’s picture

Assigned: theo_ » Bojhan

@Bojhan : Could you provide a design to theme that progress bar.

Bojhan’s picture

FileSize
1.42 MB
101.21 KB

I noticed that throughout the theme, we make use of pointy or > style on horizontal panes. Therefor I decided that would be the best styling here too. I have added it, an example is shown below.

I have tried to keep the styling to a minimum, arguably we want to add a background pane to the wizard. But much of this requires a complete visual overhaul of the checkout process.

checkout.jpg

Blue is used for the "active/current page".
Gray is used for all other pages.
The text step is green (#3aae3f), when you have successfully filled it out.

GuGuss’s picture

Assigned: Bojhan » Cookiz
Cookiz’s picture

bojanz’s picture

Status: Needs review » Fixed

Merged.
Will need IE7 / IE8 tweaks (IE9.js pending whitelist approval)

Cookiz’s picture

IE7-js has been whitelisted,#1699884: Please whitelist ie7-js

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

delacosta456’s picture

Issue summary: View changes

Hi

Please i would like know how to have the checkout progress bar without commerce module using entiyform and not webfom module?
thanks