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


Фотография
* * * * * 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

#41 Cheren-dow

Cheren-dow

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

andrey.koch, все файлы less в любом шаблоне должны хранится в папке:

\media\zoo\applications\jbuniversal\templates\ВАШ_ШАБЛОН\assets\less 

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

#42 andrey.koch

andrey.koch

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

Спасибо Cheren-dow, буду пробовать.


  • 0

#43 mam09

mam09

Отправлено 22 October 2015 - 14:48

 

andrey.koch, все файлы less в любом шаблоне должны хранится в папке:

\media\zoo\applications\jbuniversal\templates\ВАШ_ШАБЛОН\assets\less 

 

 

, все файлы less в любом шаблоне должны хранится в папке: \media\zoo\applications\jbuniversal\templates\ВАШ_ШАБЛОН\assets\less

 

Они и так там лежат...Вот

Прикрепленный файл  Снимок.PNG   25.14К   0 Количество загрузок:

Алиасы приложений проверила еще раз, не подхватываются файлы


  • 0

#44 SmetDenis

SmetDenis

Отправлено 27 October 2015 - 06:40

Алиасы приложений проверила еще раз, не подхватываются файлы
 

Переименуйте файлы для каталогов следующим образом

 

"jbzoo.<АЛИАС_КАТАЛОГА>.less" например, "jbzoo.catalog.less"


  • 2
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как моно скорее!


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


#45 Сонкин

Сонкин

Отправлено 27 October 2015 - 09:35

Здравствуйте.

 

Скажите, а есть ли возможность, каким-то одним движением, вообще убрать подключение LESS файлов? С их последующим преобразованием в CSS и кэшированием?

 

Не поймите неправильно, но я бы хотел просто сам прописать все CSS файлы, объединить их, минимизировать и в последствии подключить к шаблону один сжатый CSS на весь сайт.

 

Ну просто видеть сформированную HTML страничку с ID и классами элементов (благо в JBZoo их хватает)!


  • 0

#46 laRus

laRus

Отправлено 27 October 2015 - 11:21

убрать подключение LESS файлов
посмотрите, пожалуйста, ТУТ 
  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#47 mam09

mam09

Отправлено 27 October 2015 - 11:24

Переименуйте файлы для каталогов следующим образом "jbzoo.<АЛИАС_КАТАЛОГА>.less" например, "jbzoo.catalog.less"

Спасибо, Денис!

Теперь все мои файлики Less подхватились!


  • 0

#48 Сонкин

Сонкин

Отправлено 27 October 2015 - 11:33

убрать подключение LESS файлов

посмотрите, пожалуйста, ТУТ

 

Здорово.

Но опять встаёт вопрос с обновлениями, без которых никак! )

 

Вот бы кнопку в админке... ..minimum effort for maximum effect...


  • 0

#49 laRus

laRus

Отправлено 27 October 2015 - 11:34

Вот бы кнопку в админке... ..minimum effort for maximum effect...
  :))  
  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#50 andrey.koch

andrey.koch

Отправлено 27 October 2015 - 11:35

Спасибо, Денис! Теперь все мои файлики Less подхватились!
И у меня получилось. Спасибо.
  • 0




Click to return to top of page in style!