Displaying the content of shopping

[stonda]

I would like to display the content of shopping on the first page. I have used the code proposed in the advance guide. It works well, but I would like to add this information at a specific place and I don't know how.
I would like the information to be at the top right, near the phone number, and with my modification the information is under this image !
www.pool.fr. This part is created with the Act_Header.html. I upload this template.

[Nadeem]

Hi there

Yes this can be moved, all you simply need to do, is to move

<span class="actxxsmall">
<script language="JavaScript">

if (getCartItem(3) < 1)
{
document.write("Your cart is empty")
}
else
{
	document.write("You have ordered ")
	document.write(getCartItem(3) + " item");
	
	if (getCartItem(3) > 1)
	{
	document.write("s");
	}
	
	document.write("<br>at a cost of " + getCartItem(1));
}
</script>
</span>

where you would want it to be. If you have dreamweaver this is quite easy. You would need to place this information into "Act_Primary.html".
Looking at your attached file, you seem to have a body tag which is not needed. Please remove that, as the body tag will be in "Act_Primary.html".

Kind Regards

[stonda]

Ok I undersatnd this, but I don't know how can I add this code in the Act_Header.html templates ? I am very basic with html !

[Mike Hughes]

Your phone number is part of this image:

http://www.pool.fr/acatalog/bandeau_top.jpg

and any html after this will appear below the image.

The only way to put it on top of the image is to use css and layers. With css you can position content anywhere you want while the layer will enable you to put the text over the image.

This article should help you http://builder.com.com/5100-6371-5169871.html but you could always try searching for "use css to position text over an image" or the equivalent in french.

Mike

[stonda]

Yes the phone number is part of the image, but I don't need to put this information on top of the image and I don't want to get the text below : I think it must be possible to get this text on the left of this image : and I'm looking for the way to get this ?

[cdicken]

I think it must be possible to get this text on the left of this image : and I'm looking for the way to get this ?

Do you mean actually to the right of the image (where that gap is in the corner of the design)?

You need to enter the code in the overall layout (Act_Primary) template that controls the layout of the front page of the store. I think in v5 this is the 'Default Overall Layout' (in 'Design | Options | Sections')

You just need to look at the table code that surrounds the main logo image and add another table cell to the right of it.

Maybe something like:

<table>
<tr>
<td>
[logo image]
</td>
<td>
[shopping cart summary]
</td>
</tr>
</table>

[stonda]

Ok Thank you Chris. everything seems to be OK.
Only one little thing : during the confirmation of the order (http://www.pool.fr/cgi-bin/ca000001.pl) the right part on my site change to come towards the center. Where can I modify the width for this page ?

[Nadeem]

Hi there

For the confirmation of the order, if you wish to change the width of the table, then go to "Advance | Template Manager | Ordering | Confirm/Rem.". This will open "Act_ConfirmRemoveTemplate.html".

Kind Regards

[stonda]

My problem is not at the page where I have : "Confirmation / Finir la commande / Annuler " which is the Act_OrderDetail.html. It is at the following page, after clicking on Confirmation, I get a new page with
"Your basket have xxx product
Please wait for your browser to forward you to the next page or click here"
I have modified the Act_ConfirmRemoveTemplate.html, but it doesn't change anything ?

[Nadeem]

Hi there

I see, well the overall layout is coming from "Design | Option | Sections | Checkout Page Layout". The bounce uses this main primary template.

Kind Regards

[stonda]

Ok . The Checkout Page Layout is act_primary.html. So it meens that I have something to change on this template ?

[Nadeem]

Hi there

Yes that right, change it in their. Why not backup the Act_Primary.html and have a play around with you, so you can see the results.

Kind Regards

[stonda]

Here is the Act_Primary.html. Difficult to translate "have a play around with you" in french ?

[Nadeem]

Hi there

Sorry, should have been play around with it, not you

Anyway, have a look in your "Act_Primary.html" template, where you have a column for the flash object - "Infos pratiques", the column has been align to the left. Trying aligning this to the right. Save and update the site.
The code you are looking for is:

<td width="120" align="LEFT" valign="top" bordercolor="#666666">

change this to

<td width="120" align="RIGHT" valign="top" bordercolor="#666666">

Kind Regards

[stonda]

I have modified the code. It doesn't change.