Checkout progress bar - help yourself.

[Tricky]

I've been using my own V9 type checkout progress indicator for a couple of months now, sure it must have helped some customers.

Please feel free to use the images or email me for the PSD file to create your own, richard dot dackombe at btinternet dot com

This is the code I use, works on my site, not sure if it's 100% correct....

   <!-- Hidden field when in trial mode -->
   <input type="hidden" name="SHOP" value="<actinic:variable name="HiddenFields" />" />
</actinic:block>
<br>
Progress :
<br>
<br>
<center><img src="Prog1.jpg"/></center>
<br>
<actinic:variable formatting="font(Color|ffffff)" name="Error" />

<actinic:variable name="RefPage" />

<actinic:variable value="Checkout Shopping Cart Grid" name="ShoppingCartGrid" />

Prog1

Prog2

Prog3

Richard

www.landscaping-store.com

[jont]

Don't forget you can lift the code from v9 into v8 if needed... and there is also the free plug-in by Fergus at http://www.teclan.com/acatalog/Actin...d_Add-ons.html

[gabrielcrowe]

dont forget that on each step of the checkout, you'll ahve to change the name of the jpg. it might also be wise to include the jpg files in your additional files section, depending on how you included them.

I included them as an inline css style, and actinic failed to pick them up and upload them.

[Tricky]

Don't forget you can lift the code from v9 into v8 if needed..

Good point Jont, hopefully might help somebody that hasn't tried the trial version of V9 yet.

As Gabe kindly pointed out :

Save the images to your site 1 folder, ie. Prog1.jpg, Prog2.jpg, Prog3.jpg
Include them in your additional files
Add the code to each checkout page starting with checkout page 0 through to page 2
Change the image name in checkout page 1 to Prog2.jpg, and checkout page 2 to Prog3.jpg
Update site.

We don't use page 3 as we use Protx.

Richard

[jont]

A neater solution would be to add the images to a layout each wrapped with a Blockif to test which page is being used at the time and then introduce the layout just the once.

[TraceyHand]

A neater solution would be to add the images to a layout each wrapped with a Blockif to test which page is being used at the time and then introduce the layout just the once.

that's exactly what I have on my to-do list...somewhere...
easy, 5 minute job once the progress images themselves are done.
I'll get around to it one day

[Duncan Rounding]

Here's the code that I use in the outer layout which was originally based on Teclan's code some time ago. It sits just above the INNERLAYOUT:

<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Shopping%20Cart%22" >
	<img src="status_basket.gif" border="0"/>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%200%22" >
	<img src="status_checkout.gif" border="0"/>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%201%22">
	<img src="status_billing.gif" border="0"/>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%202%22">
	<img src="status_payment.gif" border="0"/>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%203%22" >
	<img src="status_payment.gif" border="0"/>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Receipt%22" >
	<img src="status_receipt.gif" border="0"/>

[TraceyHand]

Thanks for sharing that, Duncan


It's worth adding that, if your site doesn't use your overall main layout for the receipt page, then the receipt page image (if you use one) will need to be inserted into the receipt page layout rather than your site overall layout, and won't require the blockif around it.

Just thought I'd mention that.