Cart Content at bottom

[Nicola]

Hi
How do I change the layout of my checkout pages so the info the customer has to fill in is at the top and the basket/shopping cart is at the bottom, so my customers don't have to scroll down everytime?

See www.stinkyinkshop.co.uk as an examble, I want it to look like that.
Thanks

[leehack]

The layouts work in the order in which they are added to the page, so if you currently have layouts A, B, C & D and you now want that reversed, you just have to change it round to D, C, B & A. It's not an area to mess around with if you are not confident though, if you do decide to, then snapshot before you play and test properly after. The only thing you can't move is layouts from one page to another, they need to stay on the same page, but can be moved around.

Moving the shipping selection to the top is the most popular change, so user selects the service they want first.

[jont]

Lee - this is in V7 so the layouts are the templates which are an even bigger minefield than in v8/v9.

Make plenty of working backups before messing with the cart area - it is very fragile and easily broken with a lot of nested forms from the templates, the site text and the perl files. For the brave only.

[leehack]

Lee - this is in V7 so the layouts are the templates which are an even bigger minefield than in v8/v9.

OMG you are so right, i wouldn't even attempt this in V7 nowadays. **shivers** at the thought. Time to get yourself into the year 2000+ Nicola, the millenium bug was just a hoax, you'll be fine.

[Nicola]

Morning
Was going to upgrade to V9, but don't know if to wait for the next version, when is it due?

So you think I shouldn't move it around, I'm feeling very brave! Customers are definately put off by having to scroll down and the long checkout process which is still an issue.

[Mike Hughes]

Hi Nicola,

In V7 The checkout pages are controlled by the Order0x.html templates.

The cart contents are controlled by this bit of code 'NETQUOTEVAR:THEORDERDETAILS' which is about line 6 in the templates.

If you Comment it out from here and place a copy down by the buttons code at the bottom of the template then this should do what you want.

Mike

[leehack]

Morning
Was going to upgrade to V9, but don't know if to wait for the next version, when is it due?

So you think I shouldn't move it around, I'm feeling very brave! Customers are definately put off by having to scroll down and the long checkout process which is still an issue.

I think V10 will be about 12 months away before ok to use, but nobody really knows as we are never told and it's just a guess.

Personally for me any site using V7 or below is not maximising its potential. The overall experience on websites over the past couple of years has changed quite a bit, it's true that the basics still need to be in place, but it's a more involved process now satisfying the customer and competing with the competition.

In most walks of life it is not great to be way behind the times, in IT and the web, for me it is suicide and in order to realise your potential you really need to keep up. Quite a few people advocate skipping one version of actinic out and this has merit for sure, skipping two out and IMO you are holding back the business.

If still on V7, chances are that your site is still looking and operating pretty much like it did 5 years ago, that's not good for you or your users IMO.

It's all about opinions though and you must make your own too, there will be people who can jump on and say their site is doing great on V7 and they have no need to upgrade. My question to them would be, how on earth do you know....

[Nicola]

Thanks Mike

Looks a lot better now, rather than scrolling down.

Another little bit of help - please!! When the customer goes to checkout, we upsell gift cards and rotary watches, I only want this to show on the first page of the checkout order phase 0, do you know how I remove it from the other pages (what it would be called)?

Lee - will look at V9 then, heard it causing problems when upgrading from v7 with the layouts and colours?

[Mike Hughes]

Sorry, I don't have V7 installed anymore. If you post the template into the forum I should be able to identify it.

Mike

[Nicola]

In Act_PrimaryCheckout:

</table>
</td>
<td valign="top" align="center">

<!--- main body - start --->
<table width="95%" border="0">
<tr>
<td colspan="5" class="text_black_13"><p><span class="text_gold_bold_13">Buy a Rotary Watch with your Gift Order and Receive a 5% Discount off the Watch Price</span><br/></p></td>
</tr>
<tr><td colspan="5" height="10"></td></tr>
<tr>
<td width="120" align="center">
<a href="http://www.porreda.com/acatalog/Rotary_Watches_.html">
<img src="porreda_premier_gifts_masonic_corporate_glassware_rotarylogo.jpg" width="120" border="0">
<br/>Rotary Watches
</a>
<table width="95%" border="0">
<tr>
<td colspan="5" class="text_black_13"><p><span class="text_gold_bold_13">Buy gift cards for your Function</span><br/></p></td>
</tr>
<tr><td colspan="5" height="10"></td></tr>
<tr>
<td width="120" align="center">
<a href="http://www.porreda.com/acatalog/Gift_Cards.html">
<img src="porreda_premier_gifts_corporate_glassware_masonic_gift_cards_celebrations.jpg" width="120" border="0">
<br/>Celebrations Card
</a>
</td>
<td width="120" align="center">
<a href="http://www.porreda.com/acatalog/Gift_Cards.html">
<img src="porreda_premier_gifts_corporate_glassware_masonic_gift_cards_summer_ball.jpg" width="120" border="0">
<br/>Summer ball
</a>
</td>
<td width="120" align="center">
<a href="http://www.porreda.com/acatalog/Gift_Cards.html">
<img src="porreda_premier_gifts_corporate_glassware_masonic_gift_cards_music_to_my_ears.jpg" width="120" border="0">
<br/>Music to my ears
</a>
</td>
<td width="120" align="center">
<a href="http://www.porreda.com/acatalog/Gift_Cards.html">
<img src="porreda_premier_gifts_corporate_glassware_masonic_gift_cards_up_and_away.jpg" width="120" border="0">
<br/>Up and away
</a>
</td>
<td width="120" align="center">
<a href="http://www.porreda.com/acatalog/Gift_Cards.html">
<img src="porreda_premier_gifts_corporate_glassware_masonic_gift_cards_rose.jpg" width="120" border="0">
<br/>Single Rose
</a>
</td>
</tr>
<tr><td colspan="5" height="20"></td></tr>
</table>
<table width="95%" border="0">
<tr>

Is this ok?

[leehack]

Lee - will look at V9 then, heard it causing problems when upgrading from v7 with the layouts and colours?

You need to forget about upgrading your V7 site and start afresh with a brand new design. You don't want to be carrying forward a 5 year old design into your new site anyway. Fresh start, fresh thinking.

[Nicola]

You don't want to be carrying forward a 5 year old design into your new site anyway. Fresh start, fresh thinking.

Our site was re-designed 2 1/2 years ago, not going to change. We have updated logos and the layouts recently, but our company template will stay the same.
Will it cause problems upgrading?

[Duncan Rounding]

Take the raw html from the site online - rip out the content and then use that as an external design for v9. Upgrade v7 to 9 purely to get the product data then bring the two together.

[leehack]

Almost certainly there will be problems upgrading, but try it and see, it's free to try and does not affect the V7 site. 3 years is usually the timeframe for a design change to have happened by anyway, so 2.5 years would seem ideal to me. If you are happy with what you've got, stick with V7, it's no good upgrading if you are doing it kicking and screaming, if you don't go fresh outlook, then you will negate some or all of the benefits anyway.

[Mike Hughes]

Ok. Now I see how you're doing it.

This has been coded in the primary checkout page which is why it's on all the checkout pages. V7 has no BlockIf conditional stuff so the only way to make it only appear on the first checkout page would be to move the relevant code from here into the order01.html template.

What you need to do is:

1. Comment out everything within the first table in the primary checkout template.

2. Copy the whole table from the primary checkout page and paste it into the order01.html just after <!-- Order01 HTML begin -->.

That should work. It may need some tidying up if it doesn't display quite right.

Mike.

PS. Upgrading does make a lot of sense, but only if you want to use the new features in V8/V9. For me, being able to have VAT inclusive prices right through the cart and checkout is enough of a reason.