Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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 !
Comment | File | Size | Author |
---|---|---|---|
#9 | checkout.jpg | 101.21 KB | Bojhan |
#9 | checkout.psd | 1.42 MB | Bojhan |
#1 | Capture d’écran 2012-07-18 à 17.50.27.png | 7.74 KB | Cookiz |
Comments
Comment #1
Cookiz CreditAttribution: Cookiz commentedhttps://code.drupalcommerce.org/#/c/179/
Comment #2
Cookiz CreditAttribution: Cookiz commentedComment #3
bojanz CreditAttribution: bojanz commentedThere 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).
Comment #4
GuGuss CreditAttribution: GuGuss commentedComment #5
theo_ CreditAttribution: theo_ commentedComment #6
Bojhan CreditAttribution: Bojhan commentedI will work on a design for this, next week.
Comment #7
theo_ CreditAttribution: theo_ commentedhttps://code.drupalcommerce.org/#/c/179/2
Comment #8
GuGuss CreditAttribution: GuGuss commented@Bojhan : Could you provide a design to theme that progress bar.
Comment #9
Bojhan CreditAttribution: Bojhan commentedI 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.
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.
Comment #10
GuGuss CreditAttribution: GuGuss commentedComment #11
Cookiz CreditAttribution: Cookiz commentedNeeds review : https://code.drupalcommerce.org/202.
Comment #12
bojanz CreditAttribution: bojanz commentedMerged.
Will need IE7 / IE8 tweaks (IE9.js pending whitelist approval)
Comment #13
Cookiz CreditAttribution: Cookiz commentedIE7-js has been whitelisted,#1699884: Please whitelist ie7-js
Comment #15
delacosta456 CreditAttribution: delacosta456 commentedHi
Please i would like know how to have the checkout progress bar without commerce module using entiyform and not webfom module?
thanks