Make a Welcome box in Killer

November 1, 2005

Hi

In Killer skin I want to make a Welcome box like this and place it above the Shopping Cart Box

I have tried the recomended fixes, but cant`t get them to work and need help.

Best regards

Nils

roban · November 1, 2005

This should do it. Add this code to yourKiller/styleTemplates/global/index.tpl above {SHOPPING_CART} don't forget to remove the old sessionbox info or you'll duplicate it.

<div class="boxTitleRight">Velkommen</div>

<border="0" >

</div>

You can change <border="0"> to whatever you like but the default "0" gives a nice fine line border.

November 1, 2005

Hi Roban

Thanx for helping out, but I cant get it to work :w00t:

Here is my site: bonsaibutikken.no

and here is the code:

<!-- BEGIN: body -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" />

<title>{META_TITLE}</title>

<meta name="description" content="{META_DESC}" />

<meta name="keywords" content="{META_KEYWORDS}" />



<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />

<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" src="js/jslibrary.js" type="text/javascript"></script>

</head>



<body>

<div id="pageSurround">



	

  <div id="topHeader">

 	 {SEARCH_FORM}

    {SESSION}

    </div>

 	 </div>

  </div>

  

  

  <div id="subSurround">

  

  {CATEGORIES}

  <table border="0" cellspacing="0" width="100%" cellpadding="0">

    <tr valign="top">

 	 <td width="175">

<div class="boxTitleRight">Velkommen</div>

<div class="boxContentLeft">

<div id="sessionBox">

<div style="padding: 0px 5px 0px 5px; margin: 0px;">

<border="0" >

</div>

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

       {SHOPPING_CART}  

    {INFORMATION}

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

<div class="boxContentLeft">

<center><a href='http://www.bonsai-auction.com' target='_blank'>

<img src="http://www.bonsaibutikken.no/images/uploads/bonsaiauction.gif" width="120" height="126"  border="0" ></a><br><br>

<a href='http://www.2checkout.com' target='_blank'><img src='images/uploads/13.jpg' border='0'></a><br><br>

<a href='http://www.bonsaibutikken.no/index.php?act=viewDoc&docId=2' target='_blank'>

<img src="http://www.bonsaibutikken.no/images/uploads/eget-banner.gif" width="120" height="42"  border="0" ></a><br><br>

<a href='http://www.norshopper.no' target='_blank'>

<img src='http://www.norshopper.no/nslenker/img/anbefalt.gif' width='120' height='42' border='0' hspace='2' vspace='0'></a>

</div>

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

    

    </td>

 	 <td style="padding: 0px 5px 0px 5px;">{PAGE_CONTENT}</td>

 	 <td width="175">

   	 {RANDOM_PROD}

   	 {POPULAR_PRODUCTS}

   	 {SALE_ITEMS}

   	 {MAIL_LIST}

{CURRENCY}

 	 </td>

    </tr>

  </table>



	

	

	</div>

	{SITE_DOCS}

	

	

</div>



</body>

</html>

<!-- END: body -->

Best regards

Nils

markscarts · November 1, 2005

Hi Nils, I'm going through your file right now . . .

First thing I found, an extra closing division tag, just after the closing tag for topHeader division.

Going back to the file now . . .

November 1, 2005

Thanx guys, I really appreciate it.

Best regards

Nils

markscarts · November 1, 2005

You have a lot of problems in there, in the opening & closing of divisions, table cells, etc. and applying the sessionBox style to your new box is what's causing the gray areas . . .

I'm still working on cleaning everything up.

I think I'll upload the index.tpl to http://allservico.com/skinTest/ when I'm done editing, into the Killer skin, to test results before I send you the code :w00t:

@ Roban, the code you posted would not work. You're opening five divisions and closing only three. Also, you haven't placed either {SEARCH_FORM} or {SESSIONS} into the box, but you've introduced the "sessionBox" id selector, which is not needed since this box must be formatted like boxContentLeft rather than sessionBox . . .

But I know you're intentions were good as gold :)

markscarts · November 1, 2005

OK Nils, look here, http://allservico.com/skinTest/

Is that close enough to what you want?

November 1, 2005

Yes please! I looks great!

Best regards

Nils

markscarts · November 1, 2005

Here you go:

Note to others: This file is specific to tcbhaagan's site. Do not copy entire file. Changes for sessions box shown in red.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" />
<title>{META_TITLE}</title>
<meta name="description" content="{META_DESC}" />
<meta name="keywords" content="{META_KEYWORDS}" />

<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />
<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jslibrary.js" type="text/javascript"></script>
</head>

<body>
<div id="pageSurround">
<div id="topHeader"<p> </p><p> </p><p> </p></div>
<div id="subSurround">
{CATEGORIES}
<table border="0" cellspacing="0" width="100%" cellpadding="0">
Â <tr valign="top">
Â <td width="175">
Â <div>
<div class="boxTitleLeft">Velkommen</div>
<div class="boxContentLeft">
{SESSION}
<p>
{SEARCH_FORM}</p>
</div>
<div class="boxFootRight"> </div>
</div>
Â {SHOPPING_CART} Â
Â {INFORMATION}
Â <div>
Â Â <div class="boxTitleLeft">Samarbeidspartnere</div>
Â Â <div class="boxContentLeft">
Â Â <center><a href='http://www.bonsai-auction.com' target='_blank'>
Â Â <img src="http://www.bonsaibutikken.no/images/uploads/bonsaiauction.gif" width="120" height="126" Â border="0" ></a><br><br>
Â Â <a href='http://www.2checkout.com' target='_blank'>
Â Â <img src='images/uploads/13.jpg' border='0'></a><br><br>
Â Â <a href='http://www.bonsaibutikken.no/index.php?act=viewDoc&docId=2' target='_blank'>
Â Â <img src="http://www.bonsaibutikken.no/images/uploads/eget-banner.gif" width="120" height="42" Â border="0" ></a><br><br>
Â Â <a href='http://www.norshopper.no' target='_blank'>
Â Â <img src='http://www.norshopper.no/nslenker/img/anbefalt.gif' width='120' height='42' border='0' hspace='2' vspace='0'></a>
Â Â </div>
Â Â <div class="boxFootLeft"> </div>
Â Â </div>
Â </td>
Â <td style="padding: 0px 5px 0px 5px;">{PAGE_CONTENT}</td>
Â <td width="175">
Â Â {RANDOM_PROD}
Â Â {POPULAR_PRODUCTS}
Â Â {SALE_ITEMS}
Â Â {MAIL_LIST}
Â Â {CURRENCY}
Â </td>
Â </tr>
</table>
</div>
{SITE_DOCS}

</div>

</body>
</html>

November 2, 2005

Thank you very much, markscarts! I worked perfect and IÂ´m a happy man.

I appreciate it very much. :rolleyes:

Thanks to roban for trying to help me out.

Best regards

Nils

markscarts · November 2, 2005

Nils, Velkommen! :rolleyes:

November 7, 2005

Hi markscarts

I just discovered that the Search Box is at the original place when going into Shopping Cart. How can that be?

Best regards

Nils

markscarts · November 7, 2005

Ah, yes . . . the shopping cart pages have their own template.

styleTemplates/global/cart.tpl

January 24, 2006

Would this code work for Ledgend style ?

-TC

markscarts · January 24, 2006

Would this code work for Ledgend style ?

-TC

Yes with a little adjustment here and there. And remember, Classic and Legend do not have the "boxFootRight" division.

See the tutorial on manipulating boxes at cubecart.org in downloads section

January 25, 2006

Thx Mark! :cry:

markscarts · January 25, 2006

You're welcome :blink:

Make a Welcome box in Killer

Recommended Posts

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest Tcboxa

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest Tcboxa

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation