Как сделать поиск по параметрам ACF WP + FacetWP?

Question

[Testing Tester]

Помогите пожалуйста разобраться с вопросом



Есть в макете строка поиска по параметрам и плагин FacetWP, он отлично сортирует посты, и чтобы не делать никакого лишнего функционала думаю будет лучше всего если эта строка поиска будет выдавать обычную ссылку с параметрами которые этот плагин использует, типа:
"/schools/?fwp_school_languages=english"

Нормальное и выполнимое ли будет решение, если через js просто подставлять в href кнопки "поиск" выбранные параметры из 'ов?

Или есть еще какие то варианты? Может на php было бы удобнее сделать, но там еще будет карта метро, и я пока не знаю как можно будет получить значения из выбранных в svg

Answer 1

[Игорь Воротнёв]

1. Сделайте тут форму, это же и есть реальная форма которая собирает user input и передает на обработчик
2. Все селекты/инпуты - это поля формы
3. Кнопка - это сабмит формы
4. Сабмитить можете как душе угодно - аяксом, на php и тд, или же js-ом перехватывать сабмит, собирать урл из значений полей и отправлять на этот урл.

Comments

[Testing Tester]

Спасибо большое за ответ

Да, форма есть простейшая пока на примере одного поля сделал, вот так выглядит:

<form id="school-searchform" method="get" role="search" action="<?php echo esc_url( home_url( '/school' ) ); ?>">

	<input type="hidden" name="post_type" value="school" />
			
	<div>
		<select name="school_metro">
		    <option value=""><?php _e( 'Metro', 'golingua' ); ?></option>
		    <option value="metro">metro</option>
		    <option value="spp">spp</option>
		</select>
	</div>

	<div>
		<button type="submit" class="fill-btn big-btn school-searchform-submit"><span><?php _e( 'Search', 'golingua' ); ?></span></button>
	</div>

</form>

Сложность только на 4 пункте: каким способом будет объективно быстрее и проще собирать урл?

В урл нужно будет еще отправлять данные из тегов, которые как инпуты значение свое не передают насколько понимаю, поэтому наверное лучше всего будет на jquery сделать все

Может быть такое решение подойдет? Как сейчас это вижу примерно, буду пробовать

$(".form-class").submit(function () {
           
           1) переменная со всеми значениями из формы, примерно в таком виде
               'fwp_school_languages=' + val(input1) + '&' + 'fwp_school_languages=' + val(input2)

           2) Затем строка переадресации, которая вмещает в себя выбранные параметры из формы

        });

[Игорь Воротнёв]

bobongida97, ну, теги то могут быть в hidden полях, таким образом тоже передаваться. Если у вас все необходимые данные в полях формы (обычные и hidden), то js по сути и не нужен - сабмит по GET сам передаст все значения. Если хотите через js - вместо сборки строки запроса вручную используйте https://api.jquery.com/serialize/ и делайте переадресацию. Только не забудьте в этом случае про preventDefault.

[Testing Tester]

Игорь Воротнёв, насчет тегов, есть svg карта метро и внутри через отмечены станции, можно ли по клику на них передавать выбранные значения в hidden поле?

За serialize спасибо, то что надо