12 replies to this topic

[maxpa]

Столкнулся с проблемой - хочу выделить заголовки в teaser пожирнее, чтобы отличались от остального текста (прикрепил картинку номер 1 для наглядности). Самое интересное что я уже выделял жирным заголовки из списка в других категориях, но не могу вспомнить где)) (пример на картинке 2). Подскажите где мне поменять/прописать, а то боюсь самому не вспомнить))Спасибо

Attached Thumbnails

• 
• 

[Станислав]

Код формирования блока - заголовок + контрол (текст) находится в \media\zoo\applications\jbuniversal\templates\catalog\renderer\element\jbblock.php

 

Строки 37-40 (для JBZoo 2.0.1)

if ($params['showlabel']) {
    $labelText = ($params['altlabel']) ? $params['altlabel'] : $element->getConfig()->get('name');
    $label = '<' . $params['labelTag'] . ' class="element-label"> ' . $labelText . '</' . $params['labelTag'] . '>';
}

Как видно из кода, загловку присвоен класс element-label. В jbzoo.css есть только определение для ячейки таблицы:  td.element-label, так что смело добавляем в CSS шаблона Joomla (чтобы не затерлось при обновлении JBZoo) строку

.element-label {font-weight: bold;}

и наслаждаемся результатом.

[ripcord]

Если для тизера:

LI.element STRONG
{
    font-weight: bold;
}

Для фулла:

STRONG.element-label
{
    font-weight: bold;
}

Только .element-label может лишнего захавать.

 

Можно просто в шаблоне добавить

STRONG
{
    font-weight: bold;
}

что бы весь жирный шрифт выделялся болдом

 

 

 

 

 

[Станислав]

Ripcord - эти классы справедливы только для разметки демо-сайта   Потому я специально привел фрагмент кода, формирующего блок, так как стили в разных тизерах разных типов могут отличаться. И да, глобально .element-label может захватить лишнего, но тут тогда вообще другой подход нужен. Добавлять еще один <div> для блочных элементов тизера, и тогда стрельба из CSS будет более прицельной

Edited by Станислав, 16 August 2013 - 21:56.

[Sliapy]

Если выводить элементы в позицию с оформлением list, то жирный там у меток, вроде как, будет сразу.

Edited by Sliapy, 16 August 2013 - 22:00.

[ripcord]

Станислав, прошу прощения, я его вживую только на demo.jbzoo.com могу наблюдать, себе еще не накатил. Умолкаю

[maxpa]

Спасибо всем кто откликнулся для поиска решения. Перепробовал все варианты, но ни с одним добиться результата, как на второй картинке (в одном из разделов моего сайта) так и не удалось(((. Видимо проблема в том что для одного раздела я создавал тип JBzoo app с нуля, а остальные скопировал с имеющегося. Приведу ссылки для наглядности - http://arh-kvartira....avleniya/prodam и вот http://arh-kvartira....-yavleniya/sdam (здесь как мы видим все ок)

[ripcord]

.jbzoo-item-teaser LI
{
    font-weight: bold;
}
 

 

Ссылка на ресурс в посте решила бы сразу )

Edited by ripcord, 17 August 2013 - 12:13.

[Станислав]

Проблема в шаблоне вывода элементов. У вас вывод метки вообще не обернут в класс, а значение выводится в теге <li>.

 

 

Копируйте шаблоны вывода из "Сдам" и будет вам счастье

 

Ripcord - в <li> выведены значения, а не метки, типа такого:

Тип недвижимости: <li>Вторичное жилье</li>
Округ: <li>Другой</li>
Тип здания: <li>Кирпич</li>

Потому жирным выделятся значения, а не метки

Edited by Станислав, 17 August 2013 - 12:19.

[ripcord]

Потому жирным выделятся значения, а не метки

 

Я повелся на то, что они LI и не вникнул до конца.

Теперь вникнул, будет как в оригинальном тизере, почти )

 

.jbzoo-item-prodam-nedvizhimost.jbzoo-item-teaser LI, .jbzoo-item-prodam-nedvizhimost.jbzoo-item-teaser P
{
    font-weight: normal;
    list-style: none;
}
.jbzoo-item-prodam-nedvizhimost.jbzoo-item-teaser
{
    font-weight: bold;
    padding-left: 25px;
}
.jbzoo-item-prodam-nedvizhimost.jbzoo-item-teaser H3
{
    font-size: 1.5em;
}
 

Edited by ripcord, 17 August 2013 - 12:36.