Фильтр контента в одну строку 2.X

 
Посетитель
small user social cms
Медаль
Сообщений: 133
Добрый день, сообщество. Возник тут такой вопрос. Если с помощью виджета вывести на главной странице фильтр контента, то элементы в нём отображаются в столбик. Это решаемо, достаточно добавить класс filter-panel filter-container и фильтр начинает показываться ровно так, как и в типах контента. Вот скриншот

Фильтр контента в одну строку

Я же хочу сделать так, чтобы все элементы фильтра отображались в одну строку. Верно ли я понимаю, что для каждого элемента придётся писать стили? Так как пробовал - но ничего не выходит. Возможно, кто-то реализовывал подобное, прошу дать наводку)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 846
Костыль: справа виджет + виджет фильтр.
Спойлер
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 133
@noname, не, это немного не то. Мне нужно в одну строку, а не в один столбик
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 846
~ динамические колонки с применением CSS и jQuery , система сеток в Bootstrap . + CSS-гриды + CSS-колонки
Код PHP:
  1. column-width: 150px;
Фильтр контента в одну строку
Редактировалось: 3 раз (Последний: 31 января 2020 в 10:49)
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 517
@noname:

~ динамические колонки с применением CSS и jQuery , система сеток в Bootstrap . + CSS-гриды + CSS-колонки
Код PHP:
  1. column-width: 150px;

Тот же эффект получается если классу
.widget_content_filter .field в файле /templates/default/css/theme-widgets.css
применить
float:left;
ну и padding-right: 20px; заодно, чтобы элементы поиска не слипались
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 846
Еще если выбирать значения без чебоксов - получается абы что. Скин бы этой штуки для фильтров https://addons.instantcms.ru/addons/wdaddcss.html .
PS https://github.com/marcelodolza/responsive-grid-form?files=1
Фильтр контента в одну строку
Редактировалось: 5 раз (Последний: 31 января 2020 в 21:52)
Посетитель
small user social cms
Медаль
Сообщений: 133
Ленивый:
Тот же эффект получается если классу
.widget_content_filter .field в файле /templates/default/css/theme-widgets.css
применить
float:left;

Не получается. Пробовал стандартными средствами css по разному
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 517
makework:

Не получается. Пробовал стандартными средствами css по разному

Я прежде чем писать, проверил у себя на сайте
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 3112
Дамп сайта для себя -> доступ FTP в личку мне -> приготовление кофе с вас
Редактировалось: 1 раз (Последний: 1 февраля 2020 в 21:32)
Украинский для инстант
Посетитель
small user social cms
Медаль
Сообщений: 351
makework:
Я же хочу сделать так, чтобы все элементы фильтра отображались в одну строку
makework:
прошу дать наводку
Даю наводку.
Есть файл фильтра,
\templates\default\assets\ui\filter-panel.tpl.php
есть тип контента.
arenda

Вам нужно "переписать" filter-panel.tpl.php и css к нему.
Сделайте копию и переименуйте - filter-panelarenda.tpl.php
Потом возьмите и добавьте этот новый фильтр в TPL файл. (сделайте копию и назовите default_list_arenda.tpl.php)
\templates\default\content\default_list.tpl.php

В новом файле default_list_arenda.tpl.php добавьте ваш новый фильтр \templates\default\assets\ui\filter-panelarenda.tpl.php
Код PHP:
  1.  
  2. <?php
  3. if ($ctype['options']['list_show_filter']) {
  4. $this->renderAsset('ui/filter-panelarenda',
  5. 'css_prefix' => $ctype['name'],
  6. 'page_url' => $page_url,
  7. 'fields' => $fields,
  8. 'props_fields' => $props_fields,
  9. 'props' => $props,
  10. 'filters' => $filters,
  11. 'ext_hidden_params' => $ext_hidden_params,
  12. 'is_expanded' => $ctype['options']['list_expand_filter'],
  13. )
  14. );
  15. }
  16. ?>
  17.  
Тада!
Редактировалось: 2 раз (Последний: 2 февраля 2020 в 12:18)
Что такое капитализм? Капитализм есть эксплуатация человека человеком.
А социализм? А социализм - наоборот....
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 3112
Дмитрий Баринов, лишнее. Решается же одними стилями.
Украинский для инстант
Посетитель
small user social cms
Медаль
Сообщений: 133
Дмитрий Баринов, это понятно. Но речь шла про виджет фильтра, а не про тип контента.
Посетитель
small user social cms
Медаль
Сообщений: 351
Олег Васильевич я:
Я просто уже привык к правкам и устал от мержа
Так создал копию и правь там что хочешь. Но, это дело привычки.
Что такое капитализм? Капитализм есть эксплуатация человека человеком.
А социализм? А социализм - наоборот....
Посетитель
small user social cms
Медаль
Сообщений: 351
makework:

Дмитрий Баринов, это понятно. Но речь шла про виджет фильтра, а не про тип контента.

Точно, не заметил.
Что такое капитализм? Капитализм есть эксплуатация человека человеком.
А социализм? А социализм - наоборот....
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.