executive design shopping cart summary image links

[davidjenkins]

Hi
I'm trying to replace the text links in the Shopping cart summary in the executive design.
At the moment the text reads -
'View Cart | Checkout Items:0 Value:0 Login'
I'd like to replace the 'View Cart' 'Checkout' and 'Login' text links with buttons (rollover buttons to be precise) is this possible?

thanks
david

[TraceyG]

Hi,

On the 'Design' tab ensure that the 'Works Best with Executive' layout is in the code window and do the following:

- locate the code for the 'View Cart' link:

<a href="CartLinkText" class="link_cart">CartText</a>

- remove this and type 'NavigtionIcon' (as you start to type it you should see a menu where you can pick it from)
- right click on this variable and select 'Edit Appearance'
- in the 'Use Fixed Layout' field use the drop-down box to select the layout you want to use for this button (something like 'View Cart Image Navigation Button')
- click 'OK'
- if you want to use different images for the cart button then click on the button in the preview pane and it will display the code for the button in the code window. You can set the image names here (ensure the image is in your site folder).

Do the same for your 'Checkout' link:

<a href="OrderLinkText" class="link_cart">CheckOutText</a>

and your login link:

<a href="LoginPageURL" class="link_cart">LoginText</a>

[davidjenkins]

Hi Tracey

Thanks for your reply, I tried the method described above but the buttons don't appear (I've double checked the gifs are in the folder).

Any ideas?

Thanks
david

[TraceyG]

Hi,

Can you post the code used by one of your buttons please.

[davidjenkins]

Hi & thanks

Code below -

<!-- HEADER -->
<div class="page_header" align="center">
<div class="page_header_content">
<div class="page_header_logo_container">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="63" valign="middle"><actinic:variable name="CompanyLogoImage" /></td>
</tr>
</table>
</div>

<div class="page_header_terms_cart_login_container">

<div class="page_header_terms_container">
<actinic:block if="%3cactinic%3avariable%20name%3d%22InformationType%22%20%2f%3e%20%21%3d%20%270%27"><p class="text_terms_conditions"><a href="<actinic:variable name="InfoURL" />" class="link_terms_conditions"><actinic:variable name="InfoText" /></a></p></actinic:block>
</div>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="theme_tab1_left.gif" width="4" height="23" alt=" " /></td>
<td><div class="page_header_menu_cart"><p class="text_menu_cart"><actinic:variable value="View Cart Image Navigation Button" name="NavigationIcon" /> | <actinic:variable value="Checkout Image Navigation Button" name="NavigationIcon" /></p></div></td>
<td><div class="page_header_menu_cart_items"><p class="text_menu_cart_items"><actinic:variable value="Shopping Cart Summary In A Line" name="ShoppingCartSummary" /></p></div></td>
<td><img src="theme_tab1_right.gif" width="4" height="23" alt=" " /></td>
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
<Actinic:NOTINB2B>
<td class="page_header_menu_cart_login_spacing"><img src="theme_tab1_left.gif" width="4" height="23" alt=" " /></td>
<td><div class="page_header_menu_login"><p class="text_menu_cart"><a href="<actinic:variable name="LoginPageURL" />" class="link_cart"><actinic:variable name="LoginText" /></a></p></div></td>
<td><img src="theme_tab1_right.gif" width="4" height="23" alt=" " /></td>
</Actinic:NOTINB2B>
</actinic:block>
</tr>
</table>
</div>
</div>
</div>
<!-- END OF HEADER -->

the images don't appear in the cart at all.

thanks

david

[TraceyG]

the images don't appear in the cart at all.

Do they appear on other pages? Can you post a URL so I can take a look please.

[davidjenkins]

Hi Tracey
the URL is www.netpricedirect.co.uk

thanks
david

[TraceyG]

Your online store is still using the css buttons so I can't check anything there. The code you posted above works fine in my site so it is correct (apart from the login button which is still css). Can you post the code in your "View Cart Image Navigation Button" layout please (click on the 'view cart' button in the preview pane to load the code into the code window).

[davidjenkins]

Hi Tracey

is this what you are after?

<a href="<actinic:variable name="CartLinkText" />" target="_self" onmouseover="SwapImage('nav_cart','button_viewcart_highlight.gif')" onmouseout="RestoreImage()"><img src="button_viewcart.gif" alt="<actinic:variable name="CartText" />" border="0" name="nav_cart" /></a>

The buttons are not showing in the page preview panel in the 'design' tab. Obviously I don't want to upload the site with the buttons not showing.

Thanks for your help
david

[TraceyG]

That code is exactly the same as I have and it works, even if I paste your code, the button shows up in preview. Does the image show if you go to 'Web | Offline Page Preview'? If not, then I would need to see a snapshot of the site to figure out why it's not working. If the snapshot is less than 10mb in size then you can email it to me otherwise you will have to upload it somewhere and send me a link to it at tgsupport [at] actinic [dot] co [dot] uk.

Obviously I don't want to upload the site with the buttons not showing.

You could always upload in test mode so it doesn't affect your live site (Web | Switch to test mode).

[TraceyHand]

could it be a colour scheme you are using that is making the buttons white on white?
Just a thought