Simple Boxes

[Guest jmartinez]

Simple boxes for newbies..

Here are some boxes that I have made for my use over the last few cart skins I have done. These are very simple, but at times seem to elude the new user. The boxes were made for the classic skin or variation of. You can see these boxes in use at this demo http://www.madcitycomputing.com/cartdev I will post this under free cube cart mods at cubecart.org once the moderators have givin me permission. I hope this helps some people.

=====Customer Login Boxed=====

Remove the {SESSION} tag from it's original location and place this code in either the left or right colum.

<div class="boxTitleLeft">Customer Login</div>

<div class="boxContentLeft">

{SESSION}

</div>

=====Search Box=====

Remove the {SEARCH_FORM} tag from it's original location and place this code in either the left or right colum.

<div class="boxTitleLeft">Search</div>

<div class="boxContentLeft">

{SEARCH_FORM}

</div>

=====Promotions Box=====

Place this code in either the left or right colum.

<div class="boxTitleLeft">Promotions</div>

<div class="boxContentLeft">

<span class="txtSession">Promotion Coming Soon</span>

</div>

=====Menu Box=====

Remove the {SITE_DOCS} tag from it's original location and place this code in either the left or right colum. You will have to manually add your site docs to this box. I use this as a standard menu and box and remove the home link from the catagories box.

<div class="boxTitleLeft">Menu</div>

<div class="boxContentLeft">

<ul>

<li class="bullet"><a href="http://www.yourlink.com" class="txtDefault">Home</a></li>

<li class="bullet"><a href="http://www.yourlink.com" class="txtDefault">About Us</a></li>

<li class="bullet"><a href="http://www.yourlink.com" class="txtDefault">Contact Us</a></li>

</ul>

</div>

=====Press Box=====

Place this code in either the left or right colum.

<div class="boxTitleLeft">In The Press</div>

<div class="boxContentLeft">

<ul>

<li class="bullet"><a href="http://www.yourpressrelease.com" target="_blank" class="txtDefault">Press Release Name</a></li>

<li class="bullet"><a href="http://www.yourpressrelease2.com" target="_blank" class="txtDefault">Press Release 2 Name</a></li>

</ul>

</div>

[Guest vrakas]

Nice job :)

[Guest]

So you dont get confused ignore the under comment and as Mark mentioned and the original post in Red colour is clearly not for Killer skin.

This was left here so posters know about this detail

before you post it can you add this line below all of your code?

<div class="boxFootLeft">&nbsp;</div>

<div class="boxFootRight">&nbsp;</div>

I guarantee your gonna get alot of people asking how to put a space in between the boxes

Edited February 4, 2006 by vrakas

[markscarts]

bbguy, that code is for the Killer skin, as Josh mentioned, his boxes are developed from the Classic style skins. Classic and Legend skins do not have a .boxFootLeft and .boxFootRight division.

[Guest vrakas]

Thanks Mark for pointing this out :)

[Guest jmartinez]

Yes thanks, I thought I was clear but I guess I should have highlighted that statement. Thank you to the moderator that took care of that for me.

[Guest]

Ah, stupid me speed reading!

[markscarts]

No problem

Nice of Josh to post the hints on boxes for everyone. :P

[Guest vrakas]

Thank you to the moderator that took care of that for me.

I am the guilty Moderator , You are welcome lol :D