Положение виджета в списке контента

InstantCMS 2.X
#1 31 мая 2023 в 13:32

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

https://ibb.co/9qzZQvw

#2 31 мая 2023 в 14:07

 Andrey85, разрешите полю заголовок вывод в позиции виджета. и на странице просмотра записи типа контента выведите сперва заголовок с помощью виджета Поле контента, затем ваш виджет в позиции над контентом.

Как-то так, доберусь до компа, добавлю скриншотов.

#3 31 мая 2023 в 14:29

Забыл указать, нужно не в записи вывести, а в списке.

#4 31 мая 2023 в 16:20

 Andrey85, тогда никак. В соседней теме объяснял instantcms.ru/forum/kak-vyvesti-zagolovok-kontenta-i-kategorii-v-spiske-tk.html

Сперва формируется страница списка, потом виджеты, потом это все помещается в шаблон. Т.е. страница списка понятия не имеет об виджетах...

Этот порядок не изменить. А вам надо сперва получить виджеты, и потом использовать их в странице списка.

#5 31 мая 2023 в 20:46

Спасибо за ответ.

#6 1 июня 2023 в 11:46

Переместите с помощью js.

1. Установите этот виджет:

2. Добавьте виджет на страницы списка.

3. В настройках виджета перейдите во вкладку «Код в HEAD» (если скрипты подключаются вверху) или «Код перед </body>» (если скрипты подключаются внизу) .

Изображение

4. Добавьте там такой код:

  1. <script>
  2. $(document).ready(function(){
  3. /*
  4.   #widget_wrapper_123 - это селектор виджета, который надо переместить. В данном случае это класс виджета
  5.   */
  6. $('#widget_wrapper_123').each(function() {
  7. /*
  8.   insertAfter - вставить после, если надо вставить перед элементом, то insertBefore
  9.   .content_datasets - селектор (в данном случае класс), после которого (перед которым, если insertBefore) нужно вставить виджет
  10.   */
  11. $(this).insertAfter('.content_datasets');
  12. });
  13. });
  14. </script>

Изображение

Добавлено спустя 17 минут

Upd. Перепутал before/after. Поправил.

#7 12 июня 2023 в 15:10

Напишу об еще одной возможности виджета, можно не только виджеты менять местами с элементами списка тк, но и сами элементы. Только для этого код нужно вставлять не во вкладку Head а в body.

Изображение

Я поменял местами в списке тк фильтр и категории выводимыми над тк.Результат:

Изображение

Спасибо разработчику за виджет.

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