Search Results Page Layout

savoirferret21

Just yesterday I saw a new addition to the Search Results Page -- A control for sorting the results.

Unfortunately, this control is in the wrong place. Instead of being in the header next to the search field, it is positioned in the results thumbnail section, thereby reducing the the results display to 3 columns.

It is impossible to edit this layout in Customize mode, as this new control is not even visible and the only section on the Search Results page is locked.

Can SmugMug please fix this? Thank you.

leftquark

Checked out my site and a few others and we're all impacted. I have to imagine this is a bug and not intended. I just emailed the Heroes. Probably a good idea if you also submit this bug to them -- maybe it'll get attention faster!

savoirferret21

leftquark,

Thanks for checking on this. Upon your suggestion, i have emailed Help @ SmugMug. Hopefully they'll grab this quick.

Jtring

Don't they have QA any more?

Yes, let the Heros know, but fixes take a while (and sometimes they just don't happen).

In the meantime, insert this code in a CSS block on the search page: https://yoursiteaddresshere/search. As far as I can tell, this works to let the search results fit neatly under the sort selection box, but it's not super-pretty. The new selection box is always fairly far right while I suspect SmugMug was intending to align it in some more tidy way. The tops of the big title (XX Images or XX Galleries or whatever) and the selection box align. It would be best if the middles aligned. Let me know (here) if something doesn't work. I batted this out fairly quickly.

/* Corrects poor alignment of the new sort order selection. */
/* This always put the new selection box at the right       */
/* and keeps the width as small as possible.                */
/* James Ringland, 2023-12-05.                              */                    
.sm-user-ui .sm-search .sm-search-sort {
  width:auto;                   /*was fixed at 200 px -- unnecessarily large */
  margin-right:0!important;     /*was set by js calculation and inserted in HTML */
}
.sm-user-ui .sm-form-field-select, 
.sm-user-ui .sm-form-field-select-wrapper {
  width:auto;       /*was set to 100%, forcing the "Sort by" and the entry box to wrap one above the other */
  min-width:auto;   /*was set to 300px, forcing sm-search-sort to wrap, making it taller */
}

tomnovy

Thank you for reporting this and for JTRING for providing the code. We have reported this to our product team. We will get back to you as soon as we hear from them.

David_S85

Wow, yes, the layout on initial rollout was not good. Hope they fix this soon.