X-Cart forums - Moving cart and login containers

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

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

- - Moving cart and login containers (https://forum.x-cart.com/showthread.php?t=53493)

Moving cart and login containers

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!

Re: Moving cart and login containers

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

Re: Moving cart and login containers

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

Code:

#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:

Code:



<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!