Перейти к содержимому


Фотография
- - - - -

Изменить внешний вид teaser


Лучший Ответ Станислав , 17 August 2013 - 12:16

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

 

bUVhCQC.png

 

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

 

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

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


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

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 12

#1 maxpa

maxpa

Отправлено 16 August 2013 - 12:15

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

Прикрепленные изображения

  • 1.jpg
  • 2.jpg

  • 0

#2 Станислав

Станислав

Отправлено 16 August 2013 - 19:38

Код формирования блока - заголовок + контрол (текст) находится в \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;}

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


  • 0

«Ну и зачем все это, лучше бы водки выпили». Из писем Белинского Гоголю.

 


#3 ripcord

ripcord

Отправлено 16 August 2013 - 21:40

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

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

Для фулла:

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

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

 

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

STRONG
{
    font-weight: bold;
}

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

 

 

 

 

 


  • 0
Абгемахт, славяне!

#4 Станислав

Станислав

Отправлено 16 August 2013 - 21:56

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


Сообщение отредактировал Станислав: 16 August 2013 - 21:56

  • 0

«Ну и зачем все это, лучше бы водки выпили». Из писем Белинского Гоголю.

 


#5 Sliapy

Sliapy

Отправлено 16 August 2013 - 21:59

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


Сообщение отредактировал Sliapy: 16 August 2013 - 22:00

  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#6 ripcord

ripcord

Отправлено 16 August 2013 - 22:05

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


  • 0
Абгемахт, славяне!

#7 maxpa

maxpa

Отправлено 17 August 2013 - 11:58

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


  • 0

#8 ripcord

ripcord

Отправлено 17 August 2013 - 12:13

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

 

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


Сообщение отредактировал ripcord: 17 August 2013 - 12:13

  • 0
Абгемахт, славяне!

#9 Станислав

Станислав

Отправлено 17 August 2013 - 12:16   Лучший Ответ

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

 

bUVhCQC.png

 

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

 

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

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


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


Сообщение отредактировал Станислав: 17 August 2013 - 12:19

  • 1

«Ну и зачем все это, лучше бы водки выпили». Из писем Белинского Гоголю.

 


#10 ripcord

ripcord

Отправлено 17 August 2013 - 12:36

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

 

Я повелся на то, что они 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;
}
 


Сообщение отредактировал ripcord: 17 August 2013 - 12:36

  • 1
Абгемахт, славяне!




Click to return to top of page in style!