Помогите пожалуйста уменьшить блок

Версия MODX: Все

Есть меню на сайте s-utka.ru/menyu/
Хочу уменьшить размер тех блоков где нет фото, если в CSS
уменьшить min-height: 115px; то конечно уменьшается размер всех блоков в меню,
и «плывут» блоки где есть картинки.
как уменьшить размер отдельно взятого блока? Подскажите пожалуйста хотя бы направление куда копать?(
Почему нельзя добавить скрины с жесткого диска ?(
Скрины:
ibb.co/mbjERR
ibb.co/fRKQY6
ibb.co/ctNet6

Теги:
настройка js меню

Владимир
24.10.17 в 09:10

Комментарии (7)

Владимир 24.10.2017 10:05 #

На скринах приведен пример с Кофе все хорошо получилось после уменьшения min-height: 115px; в main.css но блоки с картинками выглядят не очень(
1. Павел Романов 24.10.2017 11:12 #
  Самое простое — сделать проверку на наличие картинки и в зависимости от этого перестраивать шаблон вывода:
  
  <div class="SectionItem" [[+tv.image:is=``:then=`style="min-height:auto"`]]> [[+tv.image:isnot=``:then=` <div class="image" style="background-image: url([[+tv.image]]);"></div> `]] <div class="name">[[+pagetitle]]</div> <div class="text">[[+introtext]]</div> <div class="price">[[+tv.price]]</div> <div class="weight">[[+tv.weight]]</div> </div>
  
  Естественно, имена полей подставьте свои.
Владимир 24.10.2017 11:14 #

Огромное спасибо за внимание и ответ, понять бы где править шаблон вывода, как называется файл? или это main.css… хотя наверно нет
Комментарий был изменён 24.10.2017 в 11:28
Владимир 24.10.2017 11:43 #
я наверно не совсем правильно поставил вопрос, основная проблема я не могу найти где править этот код, теперь конечно вообще проще привести то что есть к тому что написано выше
```
<div class="SectionItem">
	<div class="image" style="background-image: url();"></div>

	<div class="name">ОКРОШКА НА КВАСЕ С УТКОЙ</div>
	<div class="text"></div>

	<div class="price">250  р.</div>
	<div class="weight">250 г</div>
</div>

<div style="clear:both;"></div>
```
Но в каком файле храниться этот код я найти не могу, помогите пожалуйста :(
Комментарий был изменён 24.10.2017 в 11:43
1. Павел Романов 24.10.2017 13:46 #
  Он хранится не в файле.
  Идите от шаблона (он установлен в редакторе конкретной страницы).
  Открываете его и смотрите, что находится на месте вывода списка блюд.
  Скорее там либо чанк: [[$имя_чанка]] либо вызов сниппета: [[имя_сниппета]] или так: [[! имя_сниппета]].
  Ищите соответствующую сущность в левой панели «Элементы». Если чанк, то вызов сниппета внутри.
  Там нужно смотреть что именно за сниппет. Если это pdoResources, pdoPage, getResources или getPage, то ищите параметр &tpl и смотрите, что в нем:
  
  [[pdoResources? ..... &tpl=`имя_чанка` ... ]]
  
  Это и есть шаблон вывода элемента меню — его и редактируйте.
  Комментарий был изменён 24.10.2017 в 13:50
Владимир 24.10.2017 14:10 #

Спасибо вам огромное, я пытался найти что то подобное подозревал что это там, надеюсь с вашей помощью удастся найти)
Комментарий был изменён 24.10.2017 в 14:13

Владимир 25.10.2017 03:07 #

Еще раз хочу сказать спасибоПавлу Романову благодаря ему все получилось быстро и «малой кровью» )
Так же возможно кому-то пригодиться код, вот так было:

<div class="SectionItem">
	<div class="image" style="background-image: url([[+preview:pthumb=`w=250&h=250`]]);"></div>

	<div class="name">[[+pagetitle]]</div>
	<div class="text">[[+content]]</div>

	<div class="price">[[+price]] р.</div>
	<div class="weight">[[+weight]]</div>
</div>

Вот так стало:

<div class="SectionItem" [[+preview:is=``:then=`style="min-height:auto"`]]>
 [[+preview:isnot=``:then=`
	<div class="image" style="background-image: url([[+preview:pthumb=`w=250&h=250`]]);"></div>
	 `]]
	<div class="name">[[+pagetitle]]</div>
	<div class="text">[[+content]]</div>

	<div class="price">[[+price]] р.</div>
	<div class="weight">[[+weight]]</div>
</div>

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.