Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Possible to customize the search landing page?


TreeTops

Question

Site URL: https://www.natureinstitute.org

Hi,

I'm doing admin on a large site and it looks like it size is affecting the search functionality. I know this because the site has something like 500 pages and if I duplicate the site and erase half of them, which I've done, the search bar works fine on the smaller version of the site. But...  I need all those pages so that's not an option.

The only thing I can think of is to tell users when they use the search bar that they might have to do it 2 or 3 times till they get the right results (which does work), or they might have to go back out to google to search the site. Both of these are inelegant and mildly embarrassing, but I can't think of what else to do.

That said, I'm currently using the embedded search feature (as opposed to creating my own link and search page) and when people use it they're taken to a page that I didn't create... it's just the search results landing page. But that's the page I'd like to leave a message on. Does anyone know if that's possible?

(If's that confusing, you can take a look at my site  https://www.natureinstitute.org/ and the search bar is in the top right of the home page. If you search something, then the page it takes you to is the landing page that I want to add a message to.)

(I know I can create a search item in the menu bar and it will take me to a search page that I can then add a message to, but I'd rather not add another item to the menu bar if I don't absolutely have to.)

Thanks!

 

Link to comment

5 answers to this question

Recommended Posts

  • 0

Hi. You want to add a message on Search Page?

Add to Settings > Advanced > Code Injection > Footer

<script>
  if (window.location.pathname == '/search'){
    document.querySelector('body').classList.add('sqs-search-page')
  }
</script>
<style>
  body.sqs-search-page .sqs-search-page-content:before {
    content: "custom message abc xyz";
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

Hey Tuanphan - this works great, thanks so much for your help! It is doing something a little strange though... It's duplicating the query in the bar (repeating the same word but right below the original) and also making the word "search" really big. Do you have any suggestions for how to fix those? Thanks again! (and here's the website: https://www.natureinstitute.org)

Link to comment
  • 0
On 7/12/2021 at 9:04 PM, TreeTops said:

Hey Tuanphan - this works great, thanks so much for your help! It is doing something a little strange though... It's duplicating the query in the bar (repeating the same word but right below the original) and also making the word "search" really big. Do you have any suggestions for how to fix those? Thanks again! (and here's the website: https://www.natureinstitute.org)

Add to Design > Custom CSS

.sqs-search-page-input form:last-child {
    display: none;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
Posted (edited)

Thanks so much Tuanphan! That cleared the duplicated query problem right up, but the word Search in the top right bar is still really large... is there anything easy you could recommend to make it normal size? Thanks for all your help!!!

Edited by TreeTops
Link to comment
  • 0
10 hours ago, TreeTops said:

Thanks so much Tuanphan! That cleared the duplicated query problem right up, but the word Search in the top right bar is still really large... is there anything easy you could recommend to make it normal size? Thanks for all your help!!!

Hi. Which word? Can you take a screenshot?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...