X-Cart forums

[FTI]

Hi there, I need to move the shopping cart up in the header, like it's on the Vivid Dreams - Lotus Template, but my template is Light and Lucid 3 columns. I've searched the head.tpl in the lotus template and it differs from the one in light and lucid template.

There divs in the lotus template that actually put the cart where I want:

<div class="head-bg">
<div class="head-bg2">
<div class="cart-container">

are missing in the Light and Lucid template. They are also missing in main.css. I need to move the shopping cart in this exact place, can someone explain me what to edit in order to get the cart in place.

Thanks in advance!

[cflsystems]

First you have to move the minicart dialog out of the right column and put it in head.tpl instead. Create classes and used them to position the minicart

[FTI]

Thank you, this is what I've added in main.css:

#header .head-bg2 {
  height: 100px;
  position: relative;
  background-color: #ffffff;
}
#header .head-bg2 .cart-container {
  width: 160px;
  height: 100px;
  position: absolute;
  top: 0px;
  right: 5px;
}
#header .cart-block {
  background-color: #ffffff;
  width: 160px;
  right: 5px;
  height: 100px;
  position: absolute;
  top: 0px;
 }

And this is what I've added in head.tpl:

<div class="line1">
  <div class="logo">
    <a href="{$catalogs.customer}/home.php"><img src="{$ImagesDir}/xlogo.gif" alt="" /></a> 
</div>
    <div class="cart-container">
    <div class="cart-block">
        {include file="customer/menu_cart.tpl" }
      </div>
      </div>
{*include file="customer/phones.tpl"*}
</div>

Do you think I need 2 classes for this purpose, cause I kind of think I don't need the first one. The cart looks good on all browsers, except IE6 of course... Now I need to edit the minicart panel itself... Thanks pal!