многофункциональный блок

vateriy24
(@vateriy24)

3 года, 5 месяцев назад
Всем привет! Нужна помощь опытных людей )
раньше создавал сайты на джумле, но решил перейти на wordpress, поэтому считаю себя новичком )
Так вот, столкнулся с задачей сделать сайт для сервисного центра по ремонту техники. Делаю для себя, поэтому делаю сам. А, так как делаю на wordpress первый раз, то делаю на локальном сервере.
Сайт уже практически готов. Не хватает только одной функции, ради которой вообще начинал делать его. Собственно вопрос в этом и заключается:

Задача: Необходимо сделать блок с выбором множества категорий.
Пример:
Блок1 выберете устройство
телефон, ноутбук, планшет
Человек выбирает, к примеру, телефон и открывается блок2

Блок2 выберете производителя
apple, samsung, Honor
Человек выбирает apple и открывается болок3

Болок3 выберете модель
Iphone4, Iphone5, Iphone6
Человек выбирает Iphone6 и открывается блок4

Блок4 прайс лист
Таблица с наименованием услуги, ценой и кнопкой заказать

что-то подобное есть на этом сайте
https://pedant-krasnoyarsk.ru/remont-telefonov/

Хоть убейте, но решения данной задачи не нашел. Может кто-нибудь подскажет, как можно это реализовать? Может есть какой-нибудь плаген или может аккордеон в аккордеоне? ну либо как еще это сделать?
Заранее спасибо
- Тема изменена 3 года, 5 месяцев назад пользователем vateriy24.

Просмотр 10 ответов — с 1 по 10 (всего 10)

anonymized-14765447
(@anonymized-14765447)

3 года, 5 месяцев назад

vateriy24, привет.

Увиденно больше всего напомнило табы с контентом, и выбор таких плагинов обширен, равно как и самостоятельных решений.

Собственно, в чём проблема? Или я чего-то не углядел? 🙂

svg
(@svg)

3 года, 5 месяцев назад

это называется multi step form

Автор vateriy24
(@vateriy24)

3 года, 5 месяцев назад

ΞX.MI Да, прошу прощения, не до конца объяснил чего хочу )
Необходимо, чтобы табы с контентом открывались последовательно. Допустим, пока человек не выберет что-либо из списка блока1, следующие блоки не открываются.
Нужно чтобы блоки открывались так: блок1,2,3 открывались слева на права, а блок4 открывался под ними.

Я сделал табы для примера, но беда в том, что они постоянно активные и заполнены информацией сразу, как только человек попадает на сайт…
https://ibb.co/SQQ8Ycs

Автор vateriy24
(@vateriy24)

3 года, 5 месяцев назад

svg Как я понял,multi step form нужен для создания форм обратной связи и тому подобного… Я конечно попробую, но ощущение, что это что-то не то )

svg
(@svg)

3 года, 5 месяцев назад

Неверное ощущение. Это как раз то, что нужно по условию задачи.
https://ru.wordpress.org/plugins/search/multi+step+form/

Автор vateriy24
(@vateriy24)

3 года, 5 месяцев назад

svg Спасибо, буду разбираться ))

Автор vateriy24
(@vateriy24)

3 года, 5 месяцев назад

И все же multi step form не то…. пол дня сегодня пробовал разные варианты… и выглядят они все убого… выше скидывал то, что уже сделал. Вот нужно такие же табы, только чтобы они были не видны, пока человек не выберет что-нибудь в табе1 и так далее…
А практически все multi step form с какими-то непонятными нумерациями и выподающими списками… либо я что-то не понимаю

anonymized-14765447
(@anonymized-14765447)

3 года, 5 месяцев назад

vateriy24,

Необходимо, чтобы табы с контентом открывались последовательно. Допустим, пока человек не выберет что-либо из списка блока1, следующие блоки не открываются.

Вложенные табы. В чём проблема-то? 🙂

К слову сказать, на указанном в качестве примера сайте функционал этот реализован как раз через табы.

Автор vateriy24
(@vateriy24)

3 года, 5 месяцев назад

ΞX.MI спасибо ) Да, делал через табы
А проблема в том, что с кодом я не дружу, думал есть может какое-нибудь решение проще )
Видимо выбора придется изучать сидеть )

anonymized-14765447
(@anonymized-14765447)

3 года, 5 месяцев назад

vateriy24, плагинов с табами — вагон, вам нужно только посидеть и подобрать подходящий под вашу задачу) Второй вариант — это накидать код самому, примеров в Интернете готовых тоже много.

Просмотр 10 ответов — с 1 по 10 (всего 10)

Тема «многофункциональный блок» закрыта для новых ответов.