Виджет: адреса филиалов (выпадающий список). Есть ли такой?

InstantCMS 2.X

Друзья, возможно у кого-то есть подобный виджет, в котором можно было бы указывать значения в опциях и на фроте выводилось бы так как на скрине?

#1 16 сентября 2024 в 19:06

Друзья, возможно у кого-то есть подобный виджет, в котором можно было бы указывать значения в опциях и на фроте выводилось бы так как на скрине? На каждое значение возможность повесить свою ссылку или формировать без ссылки. Количество значений — не ограничено..

И видет «График работы», который позволял бы вывести значения как на скрине. 

Есть кто может поделиться, напишите пожалуйста, готов за фин благодарность приобрести.
Изображение

#2 16 сентября 2024 в 20:53

А это удобно? Не удобней ли аккордеон (выпадающий список, чтобы можно было свернуть и развернуть)?

#3 16 сентября 2024 в 23:30

А это удобно? Не удобней ли аккордеон (выпадающий список, чтобы можно было свернуть и развернуть)?

DeeMon

здесь он тоже свернут пока не нажать на кнопку. При нажатии разворачивается. При клике повторно или на любую область экрана вне этого блока — он сворачивается.

#4 18 сентября 2024 в 21:27

Друзья, кто может помочь с реализацией за фин. благодарность?

#5 21 сентября 2024 в 21:50

Есть гуру программисты, кто может помочь ?)

#6 21 сентября 2024 в 22:39

Не знаю, какие виджеты доступны из коробки в двойке. Но, возможно, тут можно обойтись каким то стандартным виджетом типа список и привести к нужному виду с помощью css. Например меню с подменю. Или аккордеон о котором говорится выше. Просто поменять стили для отображения раскрытого списка. Задав раскрытому списку, подменю абсолютное позиционирование относительно первого пункта и z-index

#7 23 сентября 2024 в 09:32

Не знаю, какие виджеты доступны из коробки в двойке. Но, возможно, тут можно обойтись каким то стандартным виджетом типа список и привести к нужному виду с помощью css. Например меню с подменю. Или аккордеон о котором говорится выше. Просто поменять стили для отображения раскрытого списка. Задав раскрытому списку, подменю абсолютное позиционирование относительно первого пункта и z-index

Нил™

туда нужно вводить значения, насколько я понял, какое меню?

ТС, посмотрите вот это поле — instantcms.ru/addons/ffaq.html

Может подойдет для ваших целей.

Так же если для филиалов нужны адреса и телефоны, то есть поле Адреса — instantcms.ru/addons/adresa.html

#8 19 октября 2024 в 18:27

Друзья кто может помочь и на коммерческой основе реализовать такой виджет?

Т.е задача в самом виджете добавлять филиалы У каждого филиала следующий набор полей:

Иконка, Адрес филиала, телефон, ссылка на яндекс карту

На сайте вывод в виде одной кнопки со стрелкой вниз. При клике показываются все филиалы (можно показывать в модальном окне,  а не выпадашкой как на скрине в первом посте) в формате

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

#9 19 октября 2024 в 18:53

Друзья кто может помочь и на коммерческой основе реализовать такой виджет?

Т.е задача в самом виджете добавлять филиалы У каждого филиала следующий набор полей:

Иконка, Адрес филиала, телефон, ссылка на яндекс карту

На сайте вывод в виде одной кнопки со стрелкой вниз. При клике показываются все филиалы (можно показывать в модальном окне,  а не выпадашкой как на скрине в первом посте) в формате

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Def

Почему виджет а не поле, а с помощью виджета полей вывести 

#10 19 октября 2024 в 21:32

Друзья кто может помочь и на коммерческой основе реализовать такой виджет?

Т.е задача в самом виджете добавлять филиалы У каждого филиала следующий набор полей:

Иконка, Адрес филиала, телефон, ссылка на яндекс карту

На сайте вывод в виде одной кнопки со стрелкой вниз. При клике показываются все филиалы (можно показывать в модальном окне,  а не выпадашкой как на скрине в первом посте) в формате

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Иконка, Адрес, телефон [как проехать]

Def

Почему виджет а не поле, а с помощью виджета полей вывести 

Happy

поле прописывается в записи типа контента. А зачем выводить это в записи, если проще и логичнее сразу в виджете и поставить этот виджет в нужное место?)

#11 19 октября 2024 в 23:17

Здравствуйте. Создаете виджет «HTML блок» в нужном вам месте. В содержимое вставляете 

<div class=«dropdown»>
  <button class=«btn btn-secondary dropdown-toggle» type=«button» id=«dropdownMenuButton1» data-bs-toggle=«dropdown» aria-expanded=«false»>
    Список филиалов 
  </button>
  <ul class=«dropdown-menu» aria-labelledby=«dropdownMenuButton1»>
    <li class=«dropdown-item»>Филиал 1</li>

    <li class=«dropdown-item»>Филиал 2</li>

    <li class=«dropdown-item»>филиал 3</li>
  </ul>
</div>

Цвет кнопки меняется классом btn-secondary

(Можно btn-light btn-info и т.д.)

#12 20 октября 2024 в 16:32

Взял такой код. Можно ли его превратить в виджет с динамическим количеством создаваемых филиалов и финальной произвольной ссылкой ?)

  1. <!-- Example single danger button -->
  2. <div class="btn-group">
  3. <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  4. Action
  5. </button>
  6. <div class="dropdown-menu">
  7. <a class="dropdown-item" href="#">Action</a>
  8. <a class="dropdown-item" href="#">Another action</a>
  9. <a class="dropdown-item" href="#">Something else here</a>
  10. <div class="dropdown-divider"></div>
  11. <a class="dropdown-item" href="#">Separated link</a>
  12. </div>
  13. </div>
#13 20 октября 2024 в 20:12

Взял такой код. Можно ли его превратить в виджет с динамическим количеством создаваемых филиалов и финальной произвольной ссылкой ?)

  1. <!-- Example single danger button -->
  2. <div class="btn-group">
  3. <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  4. Action
  5. </button>
  6. <div class="dropdown-menu">
  7. <a class="dropdown-item" href="#">Action</a>
  8. <a class="dropdown-item" href="#">Another action</a>
  9. <a class="dropdown-item" href="#">Something else here</a>
  10. <div class="dropdown-divider"></div>
  11. <a class="dropdown-item" href="#">Separated link</a>
  12. </div>
  13. </div>
Def

Можно если включить фантазию. Берете карту любую с метками, вводите полями в виджет,  скрываете его под бустрап модальным окном и при клике на ссылку вызываете карту с точкой на ней . 

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.