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


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

Как подключить собственный CSS стиль?


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

#1 inte

inte

Отправлено 13 April 2012 - 08:56

Здравствуйте!
Интересует вопрос как подключить собственную, дополнительную CSS таблицу?
Есть некоторые проблемы с отображением в связи с отсутствием описания некоторых параметров. В моем случае списков.
Но нет желания править базовый media/zoo/applications/jbuniversal/assets/css/jbzoo.css который после обновления будет перезаписан и соответственно буден необходимо вносить все изменения заново.

В общем интересно как правильно подключить свою таблицу к своему шаблону (созданному на основе шаблона catalog)

Изображение
  • 0

#2 Артём

Артём

Отправлено 13 April 2012 - 18:48

Можен я неправильно отвечу, но вроде
создаёте тип (type), называете автомобиль например, псевдоним (alias) auto.
Теперь работаем с этими файлами:
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\full.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\positions.xml
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\related.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\teaser.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\feed.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\metadata.xml
и css
media\zoo\applications\jbuniversal\assets\css\jbzoo.auto.css
При обновлении ничего не перезапишет.

Конкретно про таблицу: может можно в jbzoo сделать проще, но в product чтобы многочисленные элементы checkbox например читались нужно было создать новый стиль, конкретно для таблиц
/components/com_zoo/renderer/element/zebra.php
А теле full.php при прорисовке позиции указываем array('style' => 'zebra')
Остальное - css, я лично поленился и использовал стиль шаблона. Почти все производители в типографию вносят красивую таблицу.Получилось вот так:
Изображение



  • 0
в ЛС не писать | коплю карму

#3 SmetDenis

SmetDenis

Отправлено 14 April 2012 - 19:07

Верно, способ описанный выше - это правильное решение. Но есть небольшое замечание.
media\zoo\applications\jbuniversal\assets\css\jbzoo.<ПСЕВДОНИМ КАТАЛОГА ИЗ ОСНОВНЫХ НАСТРОЕК>.css

Таким же образом в соседней папке подключается JavaScript

jbzoo.css несет в себе самые базовые вещи - разбиение по колонкам, рамки, выравнивания, некоторые отступы.
Верстка, которую выдает компонент богата классами и всевозможными контейнерами, которые можно использовать для изменения внешнего вида.

Сам HTML код боле-менее симантичный, чтобы основной шаблон сайта смог легко присвоить компоненту свои стили.

Лично я сторонник описывать внешний вид сайта в одном css, который находиться в /templates/... как например сделано на Joomla-book.ru
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#4 inte

inte

Отправлено 15 August 2012 - 09:20

Можен я неправильно отвечу, но вроде
создаёте тип (type), называете автомобиль например, псевдоним (alias) auto.
Теперь работаем с этими файлами:
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\full.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\positions.xml
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\related.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\teaser.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\feed.php
media\zoo\applications\jbuniversal\templates\catalog\renderer\item\auto\metadata.xml
и css
media\zoo\applications\jbuniversal\assets\css\jbzoo.auto.css
При обновлении ничего не перезапишет.

Конкретно про таблицу: может можно в jbzoo сделать проще, но в product чтобы многочисленные элементы checkbox например читались нужно было создать новый стиль, конкретно для таблиц
/components/com_zoo/renderer/element/zebra.php
А теле full.php при прорисовке позиции указываем array('style' => 'zebra')
Остальное - css, я лично поленился и использовал стиль шаблона. Почти все производители в типографию вносят красивую таблицу.Получилось вот так:
Изображение


Кстати, только сейчас заметил, что при создании нового типа, новые каталоги и файлы почему-то не создаются...
  • 0

#5 SmetDenis

SmetDenis

Отправлено 15 August 2012 - 11:11

Кстати, только сейчас заметил, что при создании нового типа, новые каталоги и файлы почему-то не создаются...

И не должны. Это только для тонкой настройки шаблонов.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#6 Владимир

Владимир

Отправлено 27 August 2012 - 02:22

Верно, способ описанный выше - это правильное решение. Но есть небольшое замечание.
media\zoo\applications\jbuniversal\assets\css\jbzoo.<ПСЕВДОНИМ КАТАЛОГА ИЗ ОСНОВНЫХ НАСТРОЕК>.css

Таким же образом в соседней папке подключается JavaScript

jbzoo.css несет в себе самые базовые вещи - разбиение по колонкам, рамки, выравнивания, некоторые отступы.
Верстка, которую выдает компонент богата классами и всевозможными контейнерами, которые можно использовать для изменения внешнего вида.

Сам HTML код боле-менее симантичный, чтобы основной шаблон сайта смог легко присвоить компоненту свои стили.

Лично я сторонник описывать внешний вид сайта в одном css, который находиться в /templates/... как например сделано на Joomla-book.ru


Интересно, по этому пути: media\zoo\applications\jbuniversal\assets\css\ нет файла jbzoo.card.css. Это кажется файл стилей для «Карточки компании» или я ошибаюсь? Если такой файл создать, он всё равно не подключается.
  • 0

#7 Владимир

Владимир

Отправлено 28 August 2012 - 13:19

Интересно, по этому пути: media\zoo\applications\jbuniversal\assets\css\ нет файла jbzoo.card.css. Это кажется файл стилей для «Карточки компании» или я ошибаюсь? Если такой файл создать, он всё равно не подключается.


Как часто бывает, ответ был перед глазами, мне надо было только внимательнее читать.

Здесь — media\zoo\applications\jbuniversal\assets\css\jbzoo.<псевдоним КАТАЛОГА, А НЕ ТИПА из основных настроек>.css, т. е. псевдоним того каталога, кторый создаётся при нажатии на большой плюс в ZOO.
  • 0




Click to return to top of page in style!