X-Cart forums - Editing Sort By!

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Editing Sort By! (https://forum.x-cart.com/showthread.php?t=25711)

Editing Sort By!

Hi
Hope im posting in the right place, im trying to edit the colour of the writing that is displayed when viewing a list of products,
"Sort by: Sort direction Cat No Product Price Default "
I want to be able to adjust the colur independent of all other changes.
http://www.swordmart.co.uk/store/ test site

Ive tried editing my search_sort_by.tpl but to no luck, im currenley testing this on latest 4.0. branch.

Any help would be great.
Regards
Jamie

Re: Editing Sort By!

Probably defaults to the standard link text. If you want to add a differnet color, you need to create a new link style (a: link, a: hover, a: visited, a: active) and call the link style in those links. Moving to Template Editing.

Re: Editing Sort By!

Hi Sorry to be a pain but what ever i try, does not work, but I am a noob!
If possable could you tell me the changes i need to make?

this is the code I have

Code:

{* $Id: search_sort_by.tpl,v 1.3.2.1 2004/10/13 11:21:44 max Exp $ *}

{if $url eq '' && $navigation_script ne ''}{assign var="url" value=$navigation_script|cat:"&"}{/if}

<B>{$lng.lbl_sort_by}:</B>&nbsp;&nbsp;&nbsp;&nbsp;

        {foreach from=$sort_fields key=name item=field}

        <A href="{$url}sort={$name}&sort_direction={if $name eq $selected}{if $direction eq 1}0{else}1{/if}{else}{$direction}{/if}" style="TEXT-DECORATION: underline;" title="{$lng.lbl_sort_by}: {$field}">{if $name eq $selected}<B><IMG src="{$ImagesDir}/{if $direction}darrow.gif{else}uarrow.gif{/if}" width="9" height="9" border="0" valign="absmiddle" alt="{$lng.lbl_sort_direction}">&nbsp;{/if}{$field}{if $name eq $selected}</B>{/if}</A>&nbsp;&nbsp;&nbsp;&nbsp;

        {/foreach}

Also what would i need to add to my css?

Many Thanks in advance
Jamie

Re: Editing Sort By!

Replace this:

style="TEXT-DECORATION: underline;"

with this:

class="sortby"

Then add this to skin1.css:

.sortby:link {COLOR: #000000; TEXT-DECORATION: none;}
.sortby:visited {COLOR: #000000; TEXT-DECORATION: none;}
.sortby:hover {COLOR: #CC0000; TEXT-DECORATION: none;}
.sortby:active {COLOR: #000000; TEXT-DECORATION: none;}

Then change the colors and styles for each accordingly. The colors above are black for the links, red for the hover.

Re: Editing Sort By!

Thank you very much for your time and help, ill try this now.

regards
Jamie