Shoppingcart/Freeship in Header support

[autoace]

Thank you, the first code snippet works nicely!

[Drunkguy]

Hi Glenn. Nice mod. thanks.

I want to eliminate the "Goto Checkout" button. I tried deleting the last line in tpl_cart_header.php but that just broke from that point on.
Any ideas?

Thanks

[gjh42]

If you comment out this part you should be fine:

if ($cart_count) { 
  echo '<div id="cartCheckout"><a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a></div>';
}  ?> 

//if ($cart_count) { 
//  echo '<div id="cartCheckout"><a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a></div>';
//}  ?> 

[Drunkguy]

That worked! Thanks

The bottom text needs to be centered, like the top text is.
I can't see how to do that in the css provided.
Any ideas?

Thanks again

[gjh42]

Let's see your site to be sure it will work in your particular case.

[Drunkguy]

Thanks Glenn.

Look here: http://www.angiejolee.com/store/

If the bottom message text CAN be centered, how hard would it be to round the corners of the CSS box?

I can make a CSS box with image corners but I dont know how to make the mods contents display in that box.

Thanks again

Drunkguy

[gjh42]

Add to your stylesheet

#cartFreeShip {text-align: center;}

#cartHeader {
    border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    }

The border-radius probably won't work in IE, though.

[Drunkguy]

Thanks Glenn.

That change did NOT center the text at least in FF. Here is how I changed it. Its not exactly what you suggested. It didn't make sense to have 2 #cartFreeShip lines but I tried that anyway.

Before:
#cartFreeShip {
margin: 0 0.3em;
}

After:
#cartFreeShip {
text-align: center;
margin: 0 0.3em;
}


I havn't tried the radius corner thing yet.

Thanks again.

Drunkguy

[gjh42]

The rules I posted worked when I tested them (in Firefox). What you posted is the exact same property, consolidated with the existing #cartFreeShip { rule as is good practice.

[lindasdd]

Hey gjh42,
I've got this setup at the moment as floating box with associated image. take a peek at store

Although it looks *neat*, I'm worried about it filling the screen and overlapping sideboxes for those whose screens aren't as wide as mine. I'd like it to sit in the header on the same line as my search box, but can't seem to get the CSS to comply.

Any ideas?

Thanks,
lindasdd