Some Ui questions

Anonymous

#137283

Hi, not sure if this is the place for this but…

i’m after building a form with radio sets replaced as images to act as choices to filter review posts based on acf meta fields + some other criteria. Ideally I want an image map to choose an australian state choice. the form ideally done page by page to act like a set of subsequent questions to build a query before displaying results. So, a set of 3 radios would be 3 images on first page, followed by 3 other similar pages, then a state map to choose from, then present what’s been chosed with a button to present the result (or maybe load below each time with ajax.)

I was wondering if there was a best practice way to do the image replacement with s&f markup? or indeed if s&f is really the tool to be doing this with? I like the way it works but perhaps need something bespoke – not sure – any advice appreciated. Cheers

Trevor

#137330

You would probably want something coded for you by a third party developer, where the search form itself is hidden and the maps/images trigger javascript to populate the form, and maybe even submit it.

Anonymous

#138332

thanks for the reply. ok, shame as s&f does pretty much all i need, even if i could only style up the radio/checkboxes to be images it would work well enough, but from the looks of it there isn’t the option to apply specific css classes to the inputs/labels.

Trevor

#138352

Others have done that (images instead of radio buttons). there is enough in the fields to be able to target CSS to each value. See this post:

https://support.searchandfilter.com/forums/topic/input-design/

Anonymous

#138364

thanks for that, very helpful. Hopefully that will be enough, sure i can do a bit of tweaking of settings to produce something useful 🙂 cheers

Anonymous

#140420

Hi Trevor, got a little further with styling so thanks for that. One thing with accessing the search data so I can display what’s been searched for – i’ve looked at

https://www.designsandcode.com/documentation/search-filter-pro/accessing-search-data/

but am not getting any output. I’m using ACF meta fields for all the search criteria so maybe I need to use something differently?

?_sfm_comfort=medium&_sfm_value_judgement=bestquality&_sfm_state=wa
is the query string

i’m using this in the custom page template:

echo $sf_current_query->get_fields_html(
array(“_sfm_comfort”)
);

echo $sf_current_query->get_field_string(“_sfm_comfort”);

also doesn’t give any result.

the var dump gives:
array(3) { [“_sfm_comfort”]=> array(5) { [“name”]=> string(0) “” [“singular_name”]=> string(0) “” [“all_items_label”]=> string(0) “” [“type”]=> string(9) “post_meta” [“active_terms”]=> array(1) { [0]=> array(2) { [“name”]=> string(6) “Medium” [“value”]=> string(6) “medium” } } } [“_sfm_value_judgement”]=> array(5) { [“name”]=> string(0) “” [“singular_name”]=> string(0) “” [“all_items_label”]=> string(0) “” [“type”]=> string(9) “post_meta” [“active_terms”]=> array(1) { [0]=> array(2) { [“name”]=> string(12) “Best Quality” [“value”]=> string(11) “bestquality” } } } [“_sfm_state”]=> array(5) { [“name”]=> string(0) “” [“singular_name”]=> string(0) “” [“all_items_label”]=> string(0) “” [“type”]=> string(9) “post_meta” [“active_terms”]=> array(1) { [0]=> array(2) { [“name”]=> string(2) “WA” [“value”]=> string(2) “wa” } } } }

help appreciated – cheers
Mike

Trevor

#140423

This reply has been marked as private.

Anonymous

#140427

This reply has been marked as private.

Trevor

#140443

Ah, I understand. This has been covered before, so it might be best discussed between us on a call, but another user has asked what I suspect is much the same question:

https://support.searchandfilter.com/forums/topic/how-to-style-the-search-data/

Do bear in mind that what you want is very much custom coding for now, but we hope to make this much easier in the next major release of the plugin, V3, which is due in 2018.

Anonymous

#140624

This reply has been marked as private.

[Author]

Posts