Cart in head in one line

hobbyhandig · #1 10-19-2004, 02:22 AM

Hi,

I'm able to put my cart in the head.tpl, but it still has the look of the menu, and it's the full width. I want it to appear without any background color, and everything in one line, behind the search area, eg:

Search [box] GO Advanced search - Your cart: 52.50 Euro in cart | View cart | Checkout

Can anyone help me out here? Or guide me to the right topic?

Thanks

Zaja · #2 10-19-2004, 04:28 AM

Try with this code (header minicart):

Quote:

<TABLE border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
{if $minicart_total_items > 0}
[img]{$ImagesDir}/cart_full.gif[/img]
{else}
[img]{$ImagesDir}/cart_empty.gif[/img]
{/if}
</TD>
<TD class="VertMenuItems">{if $minicart_total_items > 0}{$lng.lbl_items}: </TD>
<TD class="VertMenuItems" color="#0000ff">{$minicart_total_items}{else}{$lng.lbl_cart_is_empty}{/if}</TD>
<TD class="VertMenuItems">{if $minicart_total_items > 0}{$lng.lbl_total}: </TD>
<TD class="VertMenuItems">{include file="currency.tpl" value=$minicart_total_cost}{/if}</TD>
</TR>
</TABLE>

hobbyhandig · #3 10-19-2004, 04:50 AM

Thanks, but didn't work

Look at: http://hobbyhandig.webfontein.nl/home.php

[/url]

Zaja · #4 10-19-2004, 06:11 AM

Well....this is not the same code...

hobbyhandig · #5 10-19-2004, 06:16 AM

Sorry, changed it back already,javascript:emoticon('

') will leave it as you said this time... but the look stays the same. One pink cart menu at full width...

Zaja · #6 10-19-2004, 06:42 AM

1. Create a header_minicart.tpl file in xcart/skin_folder/customer/ and add the following code;

Code:

<TABLE border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td>[img]{$ImagesDir}/spacer.gif[/img]</TD> 
<td> 
{if $minicart_total_items > 0} 
[img]{$ImagesDir}/cart_full.gif[/img] 
{else} 
[img]{$ImagesDir}/cart_empty.gif[/img] 
{/if} 
</TD> 
<TD class="header_minicart">{if $minicart_total_items > 0}{$lng.lbl_items}: </TD> 
<TD class="header_minicart" color="#0000ff">{$minicart_total_items}{else}{$lng.lbl_cart_is_empty}{/if}</TD> 
<TD class="header_minicart">{if $minicart_total_items > 0}{$lng.lbl_total}: </TD> 
<TD class="header_minicart">{include file="currency.tpl" value=$minicart_total_cost}{/if}</TD> 
<td>[img]{$ImagesDir}/spacer.gif[/img]</TD> 
<TD class="header_minicart">{$lng.lbl_view_cart}|{$lng.lbl_checkout}</TD> 
</TR> 
</TABLE>

1. Open xcart/skin_folder/skin1.css and add the following code;

Code:

.header_minicart{
        COLOR: #330000; TEXT-DECORATION: none;
}
.header_minicart:link {
        COLOR: #330000; TEXT-DECORATION: none;
}
.header_minicart:visited {
        COLOR: #330000; TEXT-DECORATION: none;
}
.header_minicart:hover {
        COLOR: #550000; TEXT-DECORATION: underline;
}
.header_minicart:active  {
        COLOR: #330000; TEXT-DECORATION: none;
}

3. 1. Open xcart/skin_folder/customer/search.tpl and replace:

Code:

</TR>
</FORM>
</TABLE>

with this:

Code:

 <TD>{ include file="customer/header_minicart.tpl" }</TD>
</TR>
</FORM>
</TABLE>

hobbyhandig · #7 10-19-2004, 07:01 AM

Okay, we're getting there... Where are "View Cart" and "Checkout".
Advanced search is now a blue link, and also contact us in my speed bar. I've changed the CSS to my site colors, but they stay blue...

If I'm being stupid please say so, I really hate bothering people

Zaja · #8 10-19-2004, 07:17 AM

Updated header_minicart.tpl file (in xcart/skin_folder/customer/ )..added "View Cart" and "Checkout" links;

Code:

<TABLE border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td>[img]{$ImagesDir}/spacer.gif[/img]</TD> 
<td> 
{if $minicart_total_items > 0} 
[img]{$ImagesDir}/cart_full.gif[/img] 
{else} 
[img]{$ImagesDir}/cart_empty.gif[/img] 
{/if} 
</TD> 
<TD class="header_minicart">{if $minicart_total_items > 0}{$lng.lbl_items}: </TD> 
<TD class="header_minicart" color="#0000ff">{$minicart_total_items}{else}{$lng.lbl_cart_is_empty}{/if}</TD> 
<TD class="header_minicart">{if $minicart_total_items > 0}{$lng.lbl_total}: </TD> 
<TD class="header_minicart">{include file="currency.tpl" value=$minicart_total_cost}{/if}</TD> 
<td>[img]{$ImagesDir}/spacer.gif[/img]</TD> 
<TD class="header_minicart">{$lng.lbl_view_cart}|{$lng.lbl_checkout}</TD> 
</TR> 
</TABLE>

hobbyhandig · #9 10-19-2004, 07:28 AM

Yes! Now only adjusting blue links...

Zaja · #10 10-19-2004, 07:32 AM

Also, to add more space between "Items" and "Total " insert
after:

Code:

{if $minicart_total_items > 0}