Jump to content

Archived

This topic is now archived and is closed to further replies.

Guest Nis

How do you move the search box?

Recommended Posts

Guest Nis

Hey all,

I having a few problems, I am trying to move the search box on the 'Killer' skin from the top right, into the top blue bar on the right.

Has anyone got any ideas how to do this, if its possible?

Thanks alot,

James.

Share this post


Link to post
Share on other sites

Guest tbladecki

this is a fairly simple fix.... please post your site so that i can see where you want to put it, then do a search for the "moving search box" I know that this has been posted for the killer skin.... after you read thur that if you have any questions or run into problems PM me and I will be happy to help you get it where you want it.

Share this post


Link to post
Share on other sites
Guest Nis

Hi there,

This is my website: - http://www.4catsndogs.com/

I have just started designing it, so its still quite basic, I would like to place it on the right hand side above the 'popular products' box if possible?

Thanks alot,

James.

Share this post


Link to post
Share on other sites

Go to \skins\Killer\styleTemplates\global\index.tpl and look for:

<div id="searchbox">

{SEARCH_FORM}

</div>

cut/paste it just above {POPULAR_PRODUCTS}

Upload to your server.

Share this post


Link to post
Share on other sites
Guest tbladecki

Thank you roban, this fix will work to move the search box, if you need to out it somewhere else you just move the {SEARCH_FORM} around and it will put it where you insert it.

PS I checked out your site I see that you downloaded my EBay box, you have a problem with the link though it does not link to a vaild ebay site.

Share this post


Link to post
Share on other sites
Guest Nis

I can't find that piece of code, this is the code I currently have:-

<body>

<div id="pageSurround">

<div id="topHeader">

<div id="sessionBox">

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

{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">

{SHOPPING_CART}

{INFORMATION}

{CURRENCY}

{LANGUAGE}

{CURRENTAUCTIONS}</td>

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

<td width="175">

{RANDOM_PROD}

{POPULAR_PRODUCTS}

{SALE_ITEMS}

{MAIL_LIST}

{LINKS}

</td>

</tr>

</table>

Where abouts do i put it, and will it have a nice thin line around the box, like the popular products etc etc?

Yes I have done the Ebay mod, but i don't know my customers Ebay ID yet, so i guessed :D

Thanks,

James.

Share this post


Link to post
Share on other sites
Guest

Hi

I just can\t get it right. Can you post the code please?

Regards

Nils

Share this post


Link to post
Share on other sites
Guest alanjonjes1

hi, done all this for moving the search box too, but is still leaves a shaded area wher the text was, any ideas?

Thanks

Share this post


Link to post
Share on other sites

layout.css -> look at #sessionBox background-image - just remove this

OR

remove entire <div id="sessionBox"> (dont forget at END div)

OR

remove id from this div.....

Share this post


Link to post
Share on other sites
Guest premint

hiya, moved the search box ok but would like to put a little grey box round it to match the others, can anyone help ? also how do i move the grey box to login

Share this post


Link to post
Share on other sites
Guest

hiya, moved the search box ok but would like to put a little grey box round it to match the others, can anyone help ? also how do i move the grey box to login

There are free mods available for this at cubecart.org :(

i have moved the search thing to above the featured products but i can't get it under the mailing list button and above the last bar on the bottom of the site with the site links. heres the site www.shopbwirrigation.com

and heres the code for the page.

<!-- 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">

<div style="padding: 15px 8px 15px 15px; margin: 0px;"></div>

</div>

</div>

<div id="subSurround">

{CATEGORIES}

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

<tr valign="top">

<td width="175">

{SHOPPING_CART}

{INFORMATION}

{CURRENCY}

{LANGUAGE}</td>

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

<td width="175">

<p>{RANDOM_PROD}

{POPULAR_PRODUCTS}

{SALE_ITEMS}

{MAIL_LIST}

</td>

<div id="sessionBox">

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

{SEARCH_FORM}

{SESSION}

</div>

</div>

</tr>

</table>

</div>

{SITE_DOCS}

</div>

</body>

</html>

<!-- END: body -->

Share this post


Link to post
Share on other sites

×
×
  • Create New...