change background color on search box?

**jsdva** · 01-24-13, 08:51 AM

Re: change background color on search box?

You'll have the search within the category header section wrapped in a div, in order to separate it off from the category tree links, and then apply the background color to that div you wrapped the search with.

Jamie

**bmlabreche** · 01-24-13, 09:25 AM

Re: change background color on search box?

Originally posted by jsdva View Post

You'll have the search within the category header section wrapped in a div, in order to separate it off from the category tree links, and then apply the background color to that div you wrapped the search with.

Jamie

I took another look at the code to confirm - the search box code is not in the category tree or the category tree header fields (or if it is, I'm completely missing it). It falls above them both in the sidebar.

Category Tree Code:

<mvt:if expr="l.settings:cattree:stack EQ 0">
<mvt:item name="category_tree" param="cattree_header" />
</mvt:if>
<mvt:if expr="l.settings:nextcount GT 0">
<table border=0 cellpadding="0" cellspacing="0">
<tr>
<mvt:if expr="l.settings:cattree:stack GT 0">
<td width="1%"><img src="graphics/en-US/admin/blank.gif" height="1" width="8" border=0></td>
</mvt:if>
<td nowrap>
<mvt:item name="category_tree" param="nextlevel">
<mvt:foreach iterator="cattree_category" array="categories">
<font face="Arial, Helvetica" size="3">
<mvt:if expr="l.settings:cattree_category:code EQ g.Category_code">
<mvt:if expr="NOT l.settings:cattree_category:image">
<b>&mvt:cattree_category:name;</b>
<mvt:else>
<img src="&mvte:cattree_category:image;" alt="&mvte:cattree_category:name;" border=0>
</mvt:if>
<mvt:else>
<a href="&mvt:global:sessionurl;Screen=CTGY&Store_Cod e=&mvta:store:code;&Category_Code=&mvta:cattree_ca tegory:code;">
<mvt:if expr="l.settings:cattree_category:image">
<img src="&mvte:cattree_category:image;" alt="&mvte:cattree_category:name;" border=0>
<mvt:else>
&mvt:cattree_category:name;
</mvt:if>
</a> </mvt:if>
</font>
<br>
<mvt:if expr="l.settings:cattree_category:id EQ l.settings:cattreenext">
<mvt:item name="category_tree"/>
</mvt:if>
</mvt:foreach>
</mvt:item>
</td></tr>
</table>
</mvt:if>
<mvt:if expr="l.settings:cattree:stack EQ 0">
<mvt:item name="category_tree" param="cattree_footer" />
</mvt:if>

Category Tree Header

Category Tree Footer

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<p>

<img border="0" src="http://www.licenseplatesonline.com/mm5/images/flash5.gif" width="134" height="69" align="left"><br>
<br>
<br>
<br>

<font face="Tahoma" color="yellow" size="2">
<a target="_blank" href="http://www.licenseplatesonline.com/return_prev_new.htm#VARY">
<img border="0" src="https://www.licenseplatesonline.com/mm5/graphics/en-US/mmui/pics_r_rep1.gif" width="125" height="108"></a></font></p>
<table style="BORDER-COLLAPSE: collapse" cellSpacing="0" cellPadding="2" width="130" bgColor="#000000" border="1" bordercolor="#FFFFFF">
<tr>

<font face="Verdana" color="yellow" size="2">
<th bgColor="black" width="121">
<font size="1" face="Tahoma" color="yellow">

<font face="Verdana" size="2"><p align="center">
PREVIOUS ORDER HISTORY<p align="center">
Click here to see all orders<br>
that have been placed through this account</font><font face="Verdana" color="yellow" size="2"><br>
(MUST BE LOGGED IN TO VIEW)</font></th>

</font>
</tr>
<tr>

<font face="Tahoma" color="yellow" size="2">
<td vAlign="center" width="121">
<p align="center"><font face="Verdana" size="2">
<a href="https://www.licenseplatesonline.com/cgi-bin/mivavm/mm5/merchant.mvc?Session_ID=6684bbc86dd1505d5b1bb47609 231ef6&Screen=ACCT&Action=DISP&Order=0&Store_Code= L" target="_top">
<font color="#00FFFF">Display Order History</font></a></font></font></font></font><font face="Tahoma" color="yellow" size="2"></p>
<p align="center">
<a href="http://www.licenseplatesonline.com/mm5/merchant.mvc?Screen=LOGN&Store_Code=L">
<font size="2" color="#00FFFF" face="Verdana">Login here</font></a></td>

</font>
</tr>
</table>

<p align="center"> </p>

</body>

</html>

**bmlabreche** · 02-08-13, 12:33 PM

Re: change background color on search box?

Originally posted by jsdva View Post

You'll have the search within the category header section wrapped in a div, in order to separate it off from the category tree links, and then apply the background color to that div you wrapped the search with.

Jamie

I could do this easily if I could find the code, but the search field doesn't seem to be included in the category tree template or header. Any one have an idea of where else to look for this? It falls ABOVE the cat tree header code in the sidebar.

Cat Tree template:
<mvt:if expr="l.settings:cattree:stack EQ 0">
<mvt:item name="category_tree" param="cattree_header" />
</mvt:if>
<mvt:if expr="l.settings:nextcount GT 0">
<table border=0 cellpadding="0" cellspacing="0">
<tr>
<mvt:if expr="l.settings:cattree:stack GT 0">
<td width="1%"><img src="graphics/en-US/admin/blank.gif" height="1" width="8" border=0></td>
</mvt:if>
<td nowrap>
<mvt:item name="category_tree" param="nextlevel">
<mvt:foreach iterator="cattree_category" array="categories">
<font face="Arial, Helvetica" size="3">
<mvt:if expr="l.settings:cattree_category:code EQ g.Category_code">
<mvt:if expr="NOT l.settings:cattree_category:image">
<b>&mvt:cattree_category:name;</b>
<mvt:else>
<img src="&mvte:cattree_category:image;" alt="&mvte:cattree_category:name;" border=0>
</mvt:if>
<mvt:else>
<a href="&mvt:global:sessionurl;Screen=CTGY&Store_Cod e=&mvta:store:code;&Category_Code=&mvta:cattree_ca tegory:code;">
<mvt:if expr="l.settings:cattree_category:image">
<img src="&mvte:cattree_category:image;" alt="&mvte:cattree_category:name;" border=0>
<mvt:else>
&mvt:cattree_category:name;
</mvt:if>
</a> </mvt:if>
</font>
<br>
<mvt:if expr="l.settings:cattree_category:id EQ l.settings:cattreenext">
<mvt:item name="category_tree"/>
</mvt:if>
</mvt:foreach>
</mvt:item>
</td></tr>
</table>
</mvt:if>
<mvt:if expr="l.settings:cattree:stack EQ 0">
<mvt:item name="category_tree" param="cattree_footer" />
</mvt:if>

Cat tree header:
<br>
<script type="text/javascript" src="//mylivechat.com/chatbutton.aspx?hccid=82745833"></script>
<br><br>

**jsdva** · 02-26-13, 01:45 PM

Re: change background color on search box?

Did you try looking in your global header? That is about the only thing I can think of. One thing that makes it hard to get through your code and to figure out things is that you have so many unclosed tags and other tags misplaced (meta tags in the body of the document) in your code. It's a mess. Those all need fixed, and all of your styles should be in a style sheet. Another good thing to do is add HTML comments at the beginning of your header, navigation bar, category tree, content, footer, etc so that you know which section the piece of code is in when doing a view source in the browser, since it is hard to tell otherwise without getting into the admin and poking around.

Sorry I am not much more help,

Jamie

**wajake41** · 02-26-13, 05:30 PM

Re: change background color on search box?

For what it's worth, in our MMUI store, the search field is defined in the navigation bar and looks like this:
<form method="post" action="&mvt:global:sessionurl;" name="MiniSearch" >
<input type="hidden" name="Store_Code" value="&mvte:store:code;">
<input type="hidden" name="Screen" value="SRCH">
<mvt:item name="customerlink" />
<mvt:item name="affiliatelink" />
<input style="font-size:14px; background-color:#fff9bd;" type="text" name="Search" id="searchfield" value="Enter search words..." onFocus="document.MiniSearch.Search.value='';"/>
<input type="image" src="graphics/00000001/Buttons/search.jpg" class="searchbutton" />
</form>
</div>

change background color on search box?

change background color on search box?

Comment

Comment

Comment

Comment

Comment