X-Cart forums - Cart in head in one line

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Cart in head in one line (https://forum.x-cart.com/showthread.php?t=9905)

Cart in head in one line

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

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>

Thanks, but didn't work

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

[/url]

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

Sorry, changed it back already,javascript:emoticon(':oops:') will leave it as you said this time... but the look stays the same. One pink cart menu at full width...

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>

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

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>

Yes! Now only adjusting blue links...

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

Code:

{if $minicart_total_items > 0}