Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Aligning Shopping cart/checkout in header strip

Aligning Shopping cart/checkout in header strip

Locked

Views: 1,408

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
1 May 2007, 12:03 PM
#1
ladygodiva avatar

ladygodiva

New Zenner

Join Date:
Oct 2006
Posts:
52
Plugin Contributions:
0

Aligning Shopping cart/checkout in header strip

Hi, how can i, and where do i change the 'Shopping Cart Checkout' to align it to the right hand side rather than the left where it currently sits with the log in link?

Also can anyone provide or help me where i would add a picture to the footer strip? I would like to add a paypal graphic. Thanks :)

1 May 2007, 12:30 PM
#2
tcc_inc avatar

tcc_inc

New Zenner

Join Date:
Feb 2007
Location:
Newark, DE
Posts:
25
Plugin Contributions:
0

Re: Aligning Shopping cart/checkout in header strip

What template are you using, and are you referring to the Navigation Wrapper, or the left and right sidebox columns?

If you mean the main wrapper, then you're looking for tpl_header.php, which can be found in /YOUR_TEMPLATE/common. Search for #navmain and #navmain wrapper. There, you will see the codes calling the links in your navigation wrapper; like this:

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
     :: 
    <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> :: 
    <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a>
<?php }?>

You can change the order by editing which ones are called first, but BE CAREFUL to retain the php if/else structure. There is probably a better way to do this, but it would work. Also, you probably know this, but just in case not: You can find almost anything you need to change by going (in admin) to TOOLS>>DEVELOPER'S TOOL KIT. Enter the text/variable/code line you're looking for in the last box, select "all files" from the dropdown, and search. Good luck.

6 May 2007, 9:13 AM
#3
ladygodiva avatar

ladygodiva

New Zenner

Join Date:
Oct 2006
Posts:
52
Plugin Contributions:
0

Re: Aligning Shopping cart/checkout in header strip

Thanks for that, i'm currently editing the classic template (probably very bad idea i know) as i have been completely unable to upload my own template without the whole thing crashing (seperate issue...), so what i was after was the code to put in the tpl_header file to align the "shopping basket checkout" text to the right hand side so it wasn't just sat next to "log in home" links. Any idea what code i put in where?

7 May 2007, 10:06 AM
#4
ladygodiva avatar

ladygodiva

New Zenner

Join Date:
Oct 2006
Posts:
52
Plugin Contributions:
0

Re: Aligning Shopping cart/checkout in header strip

Surely somebody knows the code to insert into the file to right align it?

I've seen other zencart sites where the log in/home are on the left, and the shopping cart/checkout then appear on the right.

7 May 2007, 2:15 PM
#5
tcc_inc avatar

tcc_inc

New Zenner

Join Date:
Feb 2007
Location:
Newark, DE
Posts:
25
Plugin Contributions:
0

Re: Aligning Shopping cart/checkout in header strip

Godiva,

Check this out in the stylesheet (includes/css/stylesheet.css):

#logo {float: left; position: absolute; top: 0px; left: 0px;}*/
#navMainWrapper {width: 100%; background-color: #000000;}
#navMain {margin-top: 0px; width: 100%; color: #99CC00; background-color: #000000;}
#navMain ul {margin: 0px; padding: 0.5em 0em;    list-style-type: none; text-align: center; line-height: 1.5em; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;white-space: nowrap;}
#navMain ul li {display: inline; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;white-space: nowrap;}
```Particularly, "text-align: center....try fiddling with this. I am looking further into making it so you can have certain links left-align and others right.  Will let you know when I figure it out. 

-Tom