Moving cart to footer
 

I've just started playing with X-Cart and I am attempting to move the mini cart to the footer of the website.

I have moved the code {include file="customer/menu_cart.tpl" } to under the footer in the home.tpl which works fine, however the cart is the full width of the page, how can i reduce it's width and possibility add another item done beside it?

Thanks

Re: Moving cart to footer
 

it will depend on your template, you could do this with CSS, use firefox and firebug to work out which element you need, and set it's width to 50% or so, and float perhaps depending on what you want next to it,

hth

Re: Moving cart to footer
 

Hi amy2203,

Many thanks for your help. I have tried playing with the "footer.box' settings in the CSS file and this only changes the footer below the line.

It seems the "footer" in home.tpl is controlled elsewhere, or I am simpy doing it wrong.

I have changed the footer.box width in main.css to 50% to illustrate the example and have attached a picture.

Re: Moving cart to footer
 

you'll probably need to edit the cart elements rather than the footer, maybe post your url so people can take a look,

Re: Moving cart to footer
 

Thanks again for your assistance, unfortunately my site is hosted on a isolated VM for testing. I'll keep poking around to try and figure it out.

Re: Moving cart to footer
 

Re: Moving cart to footer
 

You %$##^ legend! I have spent to long on this trying to figure it out.

If i can ask 1 more question, how can i line up 2 elements side by side (ie Cart and Help) as at the moment they are one under the other.

Re: Moving cart to footer
 

<div style="width:200px;float:left">CODE FOR CART DIALOG</div>
<div style="width:200px;float:left">CODE FOR HELP DIALOG</div>
<div class="clearing"></div>

Or you can even use table if you want to by putting each dialog in separate cell. Whichever works better for you.

Re: Moving cart to footer
 

Wow cflsystems,

I really appreciate your help on this. Looks like I need to brush up on my tables knowledge and formatting.

Thanks again, now to dig deeper into the code :-)

Re: Moving cart to footer
 

No problem. If you use the divs put the inline styling in a css class and call the class in the divs. In main.css

.new_class_name {width:200px;float:left;}

and then
<div class="new_class_name">CODE FOR CART DIALOG</div>
<div class="new_class_name">CODE FOR HELP DIALOG</div>
<div class="clearing"></div>

Re: Moving cart to footer
 

Excellent suggestion and thanks for educating me. (you know your stuff)

I had a look at your site and it's nicely done, your footer is similar to the look I'm setting out to achieve & your based in my favorite state in the USA as well!

Re: Moving cart to footer
 

It is hot as hell in that state :) But I like Central FL