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


Фотография
* * * * * 1 Голосов

Актуальная тема assets jbzoo css и less


Лучший Ответ SmetDenis , 27 August 2015 - 09:25

Стили можно разделить на 4 группы

  • Панель управления (подключаются всегда всей пачкой для ПУ)
  • Фреймворк (UIkit, BS, итд... тут все очевидно)
  • Общие стили, виджеты, корзина
  • Стили шаблона

Полагаю вопрос возникает по последним 2м пунктам.

Все общие стили находятся тут, подключаются по мере необходимости.
media\zoo\applications\jbuniversal\assets\less

Внутри можно найти папки

  • admin - стили панель управления
  • cart - все для корзины, выделено отдельно т.к это довольно большой пласт стилей.
  • general - самые-самые глобальные стили, вроде простейших колонок и clearfix
  • media - стили для мобильной версии
  • misc - коллекция примесей
  • widget - стили для JS-виджетов.

Less-файлы в корне являются чем то вроде загрузщиков (точкой входа), которые импортируют файлы из папок.

 

Соответственно, если мы хотим переопределить стили для jbcolor (виджет переключателя цветов), то идем в папку widget. находим файл colors.less

Чтобы не менять файл ядра, копируем его в наш текущий шаблон. Он подключится сам.

media\zoo\applications\jbuniversal\templates\<ШАБЛОН>\assets\less\widget\colors.less

 

Так же переопределение работает почти для всех общих стилей (за исключением самых-самых системных...)

 

Если стили относятся к шаблону модуля, то скорее всего файл лежит тут

Например для модуля формы фильтра все лежит тут modules\mod_jbzoo_search\assets\less\filter.less

Тут для простоты свои стили лучше писать в отдельный файл, так же как называется шаблон

efy5_200x0.png

 

 

Если включить режим отладки, убрать сжатие и объединение (т.е перейти в режим разработки), то по названию файла и классам легко понять что происходит, где искать...

 

Название классов у нас формируется примерно следующим образом

.jbzoo .<ИМЯ БЛОКА>
.jbzoo .<ИМЯ БЛОКА>-<ИМЯ ВЛОЖЕННОГО КЛАССА>
.jbzoo .<ИМЯ БЛОКА>-<ИМЯ ВЛОЖЕННОГО КЛАССА> div:hover 

 

jbzoo - это обязательное пространство имен.

В идеале специфичность должна быть не более 2х классов + тег или псевдокласс.

 

Поэтому если не получается переопределить, то можно добавить специфичности классом или тегом. Тут уже по обстоятельствам.

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


Сообщений в теме: 61

#31 andrey.koch

andrey.koch

Отправлено 04 October 2015 - 20:07

Напиши свой модуль со своим less... и всё обновления не страшны.

 

Это не выход. Модули должны обновляться параллельно с компонентом и лучше разработчиков это никто не сделает.

 

ты путаешь возможности шаблонизации компонента zoo с МОДУЛЕМ! 

 

:)  ;)  да понимаю я isay, что такое модуль, а что компонент. Я высказал свои пожелания как бы мне было удобнее. Спасибо тебе за помощь.

 

Либо помни, и копируй строку при обновлении. 

Стараюсь я не наращивать массу таких "помни и изменяй при обновлении", потом легче идти в ногу со свежими версиями приложения.


  • 2

#32 isay777

isay777

Отправлено 04 October 2015 - 20:09

Стараюсь я не наращивать массу таких "помни и изменяй при обновлении", потом легче идти в ногу со свежими версиями приложения.

 

Ну согласен. Но к сожалению по опыту проекты на jbzoo в любом случае имеют костыли... К сожалению пока так.


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#33 isay777

isay777

Отправлено 08 October 2015 - 09:00

Еще вопросик по assets.
Я не знаю почему, но на каждом проекты css jbzoo на tootip перебивает все стандартные тултипы и от ui и от bootstrap, в общем переписывать tooltip каждый раз как-то не очень.

Подскажите где удалить все стили для tootip?
  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#34 Cheren-dow

Cheren-dow

Отправлено 08 October 2015 - 09:36

Подскажите где удалить все стили для tootip?

Стили находятся в файле стилей jquery-ui 

9dc3_200x0.png

/media/zoo/libraries/jquery/jquery-ui.custom.css

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

#35 isay777

isay777

Отправлено 08 October 2015 - 09:54

Стили находятся в файле стилей jquery-ui 
9dc3_200x0.png

/media/zoo/libraries/jquery/jquery-ui.custom.css

Спасибо. Я имел ввиду

jbtooltip

Его стили почему то перебивают data-toggle tooltip


Сообщение отредактировал isay777: 08 October 2015 - 09:54

  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#36 Cheren-dow

Cheren-dow

Отправлено 08 October 2015 - 13:21

isay777, скорей всего инициализация tooltip от jquery-ui происходит раньше чем uikit на солько я понял. Сталкивался с данной проблемой при разработке демо.


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

#37 mam09

mam09

Отправлено 22 October 2015 - 12:43

Привет, ребята!

В последней ревизии 2997 в изменениях вижу это:

- Автоматическое подключение less для каталогов по алиасу.

Обновилась...все стили слетели...

У меня создано два приложения, у каждого свои шаблоны и файлы less (fotosuveniry.less и magazin.less), которые лежат там же, где и demo.less. Эти свои файлы я подключаю вручную в uikit/template.php. После обновления мои less из файла template.php опять исчезли...

Объясните, если не трудно, как они подключатся автоматом? Что для этого надо сделать?


  • 1

#38 andrey.koch

andrey.koch

Отправлено 22 October 2015 - 12:54

Тоже это интересно.

 

Раньше тут задавал вопрос, но ответа пока нет.


Сообщение отредактировал andrey.koch: 22 October 2015 - 12:57

  • 0

#39 Cheren-dow

Cheren-dow

Отправлено 22 October 2015 - 13:23

mam09, зайдите в созданное вами приложение, а именно в настройки, посмотрите псевдоним приложения и назовите less файл ПСЕВДОНИМ_ПРИЛОЖЕНИЯ.less, таки образом если less файл будет автоматом подключен.


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

#40 andrey.koch

andrey.koch

Отправлено 22 October 2015 - 13:27

А куда положить его нужно?


  • 0




Click to return to top of page in style!