ShopSite Forums

by **Patrick McQuaid** » Mon Jul 26, 2010 1:03 pm

How do I format the search results, more specifically the 'sort by' text and the '1 of xx of xx' text? Also, any way to modify the search box itself?

I am quite sure this can all be modified by changing a .css file, but have no idea where to find it.

Thank you.

by **ShopSite Lauren** » Mon Jul 26, 2010 1:19 pm

What is the URL to your store? The CSS file to edit would depend on the template you are using. You could also look at the code and use the classes and IDs, then add your own CSS to the text fields on the search results screen (Preferences > Search Settings > Search Content).

by **Patrick McQuaid** » Mon Jul 26, 2010 1:26 pm

www.soccervideos.com

I am using custom templates.

While you are there, another problem I am having is the search boxes on the results page. The box in the header and the box in the footer are not formatted correctly, and thought the search box in the body of the page may be causing a conflict. The header and footer are working just fine on all other pages.

by **ShopSite Lauren** » Mon Jul 26, 2010 1:36 pm

You can add the CSS for formatting those fields right into your website CSS file.
<link rel="stylesheet" href="/store/SLS.css" type="text/css">

It doesn't look like you have any classes specified in your table for the search form. I would suggest adding classes to the cells, <td>, then using your CSS file to add styles to those specific cells. You could try copying and pasting the search table from the following cookbook page:
http://www.shopsite.com/templates/cookb ... form.shtml

For your second question, adding the DOCTYPE tag in your custom search template might fix this issue.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

by **Patrick McQuaid** » Mon Jul 26, 2010 1:57 pm

Thanks, I'll give it a try.

by **mjbrunelle** » Tue Jul 27, 2010 7:42 am

Look at the source of your page after it is displayed in the browser. From this you can pick up the class names SS uses in their output.

Example being the class for the <select> tag in the dropdown search control is "search_sort_dropdown".

We have developed a directory of the IDs and Classnames that SS uses for all our pages so we can produce custom CSS files.

www.dmindustrial.net

MarkB

ShopSite Forums

formatting fonts and styles on search results page

formatting fonts and styles on search results page

A suggestion

Who is online