Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Moving Search and Speedbar

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #21  
Old 01-19-2009, 07:32 AM
 
iWD iWD is offline
 

Advanced Member
  
Join Date: Jul 2008
Posts: 57
 

Default Re: Moving Search and Speedbar

and Balinor we really appreciate all the hours you put in.
I knew you wouldn't be able to do, but I can dream!

How about my other question? (anyone can answer this )
Is there a place where the table.container background can be adjusted?
I think that's what I want?
I need it to be plain white on the background behind the cart pages and on the regular ones (products, etic.) there is a grey bar on the right under the menus. Where the menus aren't, this looks silly.

I tried this method of following the templates back, but couldn't find it.
Any thoughts?
Thanks again!
Keep up the good work!
__________________
iWD
X-Cart: v4.1.10
PHP: 5.2.6
Host: Hands-on Web Hosting ( Linux )
MySQL: 4.1.22
Add ons: On Sale
2TC - JB AutoShip
Reply With Quote
  #22  
Old 01-19-2009, 07:34 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Moving Search and Speedbar

table.container is probably a style in your stylesheet - open skin1.css and edit with whatever color/image you want. Remember, templates just contain the code, all the colors, fonts, styles, image backgrounds, etc are in the stylesheet.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #23  
Old 01-19-2009, 07:40 AM
 
iWD iWD is offline
 

Advanced Member
  
Join Date: Jul 2008
Posts: 57
 

Default Re: Moving Search and Speedbar

If you can just add a row for your lines as balinor said.
"Just use html to add a new row below the search bar and paste your code there."

Then you should be able to use the html code of <tr>content here</tr>
These tags make a row.
With html it is usually wise for all rows to have cells so it would be
<tr><td>content here</td></tr>
make sure you have the closing tags!
Then you can add a line within the row/cell and set it up that way.
Assuming you want this straight across?
and assuming I am taking the hint from balinor right.
If not disregard this post!

Hopefully this helps!
Keep us posted!
__________________
iWD
X-Cart: v4.1.10
PHP: 5.2.6
Host: Hands-on Web Hosting ( Linux )
MySQL: 4.1.22
Add ons: On Sale
2TC - JB AutoShip
Reply With Quote
  #24  
Old 01-19-2009, 07:43 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Moving Search and Speedbar

Yea, just plain old html. Never edit PHP files, all the code for the display of the site is in the templates and stylesheet.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #25  
Old 01-19-2009, 08:03 AM
 
iWD iWD is offline
 

Advanced Member
  
Join Date: Jul 2008
Posts: 57
 

Default Re: Moving Search and Speedbar

I have figured out where the colour is (and changed the colour) but, I need it to differ throughout the site.
This where I run into trouble.

On the cart the background is white (and has the image currently, I need it white only).
On the rest of the site it is white with a grey bar on the right (behind the menus) I have added this as a tiled image for the background. Currently it is everywhere!

But that means, somewhere I need to tell x-cart that "hey, this is a cart page, no image, just white!" and "hey this is not a cart page, load the image". Or something to that effect.
I would normally just make two sets of css and point half the page to one and half the pages to the other. But, I'm not sure how to apply this method in x-cart. If it's something labour intensive, AKA go through every page and tell it just that, I will do it. However, I'm sure there is an easier way. And I have no idea where to tell it just that!
And it needs to be all page that lack the menus on the right, which is the cart onto the finishing of the sale. Otherwise the grey bar sits in an odd spot. So I'm hoping that x-cart also can determine those pages as well.

While I can change ALL the site to one (white) or the other (images with white and grey bar), I need both.
Any thoughts?

Thanks!
__________________
iWD
X-Cart: v4.1.10
PHP: 5.2.6
Host: Hands-on Web Hosting ( Linux )
MySQL: 4.1.22
Add ons: On Sale
2TC - JB AutoShip
Reply With Quote
  #26  
Old 01-19-2009, 08:05 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Moving Search and Speedbar

That can be done using {if} statements which are outlined here:

http://forum.x-cart.com/showthread.php?t=8881
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #27  
Old 01-19-2009, 05:09 PM
 
pfarcus pfarcus is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 179
 

Default Re: Moving Search and Speedbar

Hi,

I've almost got it, for those interested in a speed bar on the right under the orange bar here it is so far. I put this after the very end code in customer/search.tpl. But theres a problem: (see pic)


<tr>
<td valign="top" align="right">
<table cellpadding="0" cellspacing="0">
<tr>
{section name=sb loop=$speed_bar}
{if $speed_bar[sb].active eq "Y"}
<td valign="top">{include file="customer/tab.tpl" tab_title="<a href=\"`$speed_bar[sb].link`\">`$speed_bar[sb].title`</a>"}</td>
<td width="1"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
{/if}
{/section}
</tr>

How do I get rid of that extra orange and maybe even put that thin red line back under the orange bar?

Huge thanks to everyones help getting me this far!
Attached Thumbnails
Click image for larger version

Name:	speed bar orange.jpg
Views:	127
Size:	30.5 KB
ID:	1331  
__________________
CDSEO PRO
4.1.11 PRO
Dynamic images by xcartmod.com
X-Cart CSSTemplate/Skin for v4.1.11 PRO
Reply With Quote
  #28  
Old 01-19-2009, 05:48 PM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default Re: Moving Search and Speedbar

You didn't post the complete code but I would guess that you put your code in before the ending </table>. This would make it part of the "search" table/form except it is on the next line. What happens if you put your code in a table after the final </form> in search.tpl, or better yet call top_menu.tpl (where it looks like your code came from) separately by putting...
</tr><tr>
<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>
</tr>

under the part in head.tpl that has...
<td class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</td>

and adding </tr><tr> to close the cell so that your "select language" area is below the speed bar.
(just an idea)
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
Reply With Quote
  #29  
Old 01-19-2009, 06:11 PM
 
pfarcus pfarcus is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 179
 

Default Re: Moving Search and Speedbar

Thanks JWait, actually I put after everything.

{* $Id: search.tpl,v 1.9.2.5 2008/07/15 12:07:39 ferz Exp $ *}
<form method="post" action="search.php" name="productsearchform">
<input type="hidden" name="simple_search" value="Y" />
<input type="hidden" name="mode" value="search" />
<input type="hidden" name="posted_data[by_title]" value="Y" />
<input type="hidden" name="posted_data[by_shortdescr]" value="Y" />
<input type="hidden" name="posted_data[by_fulldescr]" value="Y" />
<input type="hidden" name="posted_data[by_sku]" value="Y" />
<input type="hidden" name="posted_data[including]" value="all" />
<table cellpadding="0" cellspacing="0">
<tr>
<td class="TopLabel" style="padding-left: 20px; padding-right: 5px;">{$lng.lbl_search}:</td>
<td valign="middle"><input type="text" name="posted_data[substring]" size="16" value="{$search_prefilled.substring|escape}" /></td>
<td valign="middle" style="padding-left: 5px; padding-right: 20px;">{include file="buttons/search_head.tpl"}</td>
<td><a href="search.php"><u>{$lng.lbl_advanced_search}</u></a></td>
</tr>
</table>
</form>

<tr>
<td valign="top" align="right">
<table cellpadding="0" cellspacing="0">
<tr>
{section name=sb loop=$speed_bar}
{if $speed_bar[sb].active eq "Y"}
<td valign="top">{include file="customer/tab.tpl" tab_title="<a href=\"`$speed_bar[sb].link`\">`$speed_bar[sb].title`</a>"}</td>
<td width="1"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
{/if}
{/section}
</tr>

I will try and do what you mentioned. See anything buggy in there? (i'm still learning)

Very much appreciate your help
__________________
CDSEO PRO
4.1.11 PRO
Dynamic images by xcartmod.com
X-Cart CSSTemplate/Skin for v4.1.11 PRO
Reply With Quote
  #30  
Old 01-20-2009, 01:53 PM
 
pfarcus pfarcus is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 179
 

Default Re: Moving Search and Speedbar

I tried calling it from top_menu.tpl like you said but then I have 2 speed bars. When I commented out the one in top_menu.tpl it got rid of them both.

Thanks
__________________
CDSEO PRO
4.1.11 PRO
Dynamic images by xcartmod.com
X-Cart CSSTemplate/Skin for v4.1.11 PRO
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 11:44 PM.

   

 
X-Cart forums © 2001-2020