Changing the search page

elmani

Hi all, really need some help!
I've just completely redesigned my website and have taken the opportunity to run all my images through facial recognition and re-upload them. It's been a massive task, but I love the fact that my visitors can search on individuals rather than just go to individual galleries.

However, the search page really isn't very clear to my visitors. I can obviously change the text above the search box, but I'm trying to find if there is a better option. Key things I want to do.

1) Remove the option for searching for videos
2) Rename "Galleries" to "Events"
3) Rename "Photos" to "People"
4) Make it much clearer than my visitors can either for "People" or "Events" - the best option would be to have two different search boxes next to each other and users choose one to search on "people" and the other to search on "events"

Hope that makes sense. If you've got any other ideas, I'm all ears... thanks

www.elmani.com

elmani

Whilst waiting for any help, I played around last night and managed to create a search page that does exactly what I need - see linke below. Effectively it give my visitors the opportunity to either search for people (photos) or events (galleries). It works perfectly apart from after the user searches, it defaults to the usual search page. Basically I need it to keep my search options at the top and display th results below
http://www.elmani.com/NewSearch

Really hoping someone smarter than me can help! Thanks

Hikin' Mike

You can customize the search page. Add this CSS to that page:

.sm-user-ui .sm-search {
    display: none;
    }

That will hide the default search box.

Add the two search blocks on top of each other. Then you can set the text/search address box to "center". Save.

elmani

Thanks so much for the response. I tried it out and it looked like it would do exactly what I wanted, however, when I then try and actually search for something - the results are not displayed (or are hidden). It appears the code is hiding the results as well. Any thoughts??? Thanks!

Hikin' Mike

I didn't try it when I posted the code. I tried it on my site and I can't see a way to do display the search results if you are hiding the search form.

elmani

At least I'm not going mad. Thanks for trying!!

Has anyone else got any ideas? It's the final piece I need to complete my website......

leftquark

/* Remove the "Videos" option */
li#sm-search-category-videos {
    display: none;
}

/* Rename "Galleries" to "Events" */
/* First start by removing the text "Galleries"
li#sm-search-category-galleries .sm-link-icon-label {
    display: none;
}

/* Now make it say "Events" and format the text */
li#sm-search-category-galleries .sm-fonticon-Gallery:after {
    content: ' Events';
    font-size: 12px;
    font-family: Roboto Condensed,Roboto,Helvetica,Arial,sans-serif;
    padding-left: 5px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    height: auto;
    letter-spacing: normal;
    text-align: left;
    text-rendering: auto;
    text-transform: uppercase;
    width: auto;
    word-spacing: 0px;
}

/* Make sure the width can support the text */
span.sm-fonticon.sm-fonticon-small.sm-fonticon-Gallery {
    width: 60px;
}

You can use similar code to rename Photos to People.

elmani

Fantastic! thanks so much. Took me a little bit of time to realise that the sm-fonticon needed to be changed to -Image , but I eventually figured it out. Thanks again.