Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

1 votes

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

Started by isay777 , Aug 20 2015 21:10

Best Answer 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

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

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

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

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

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

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

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

Go to the full post

«
Prev

Page 4 of 7
2
3
4
5
6

Next
»

You cannot start a new topic
Please log in to reply
Use Full Editor

61 replies to this topic

#31 andrey.koch

JBZoo User (rus)
User rate: 16.4
posts: 444
topics: 86

Posted 04 October 2015 - 20:07

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

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

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

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

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

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

2

Back to top

#32 isay777

Topic Starter
JBZoo User (rus)
User rate: 113.4
posts: 1878
topics: 232

Posted 04 October 2015 - 20:09

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

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

0

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

Back to top

#33 isay777

Topic Starter
JBZoo User (rus)
User rate: 113.4
posts: 1878
topics: 232

Posted 08 October 2015 - 09:00

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

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

0

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

Back to top

#34 Cheren-dow

JBZoo User (rus)
User rate: 95.7
posts: 5060
topics: 31

Posted 08 October 2015 - 09:36

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

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

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

1

Back to top

#35 isay777

Topic Starter
JBZoo User (rus)
User rate: 113.4
posts: 1878
topics: 232

Posted 08 October 2015 - 09:54

Стили находятся в файле стилей jquery-ui
/media/zoo/libraries/jquery/jquery-ui.custom.css

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

jbtooltip

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

Edited by isay777, 08 October 2015 - 09:54.

0

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

Back to top

#36 Cheren-dow

JBZoo User (rus)
User rate: 95.7
posts: 5060
topics: 31

Posted 08 October 2015 - 13:21

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

1

Back to top

#37 mam09

JBZoo User (rus)
User rate: 0.7
posts: 193
topics: 33

Posted 22 October 2015 - 12:43

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

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

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

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

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

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

1

Back to top

#38 andrey.koch

JBZoo User (rus)
User rate: 16.4
posts: 444
topics: 86

Posted 22 October 2015 - 12:54

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

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

Edited by andrey.koch, 22 October 2015 - 12:57.

0

Back to top

#39 Cheren-dow

JBZoo User (rus)
User rate: 95.7
posts: 5060
topics: 31

Posted 22 October 2015 - 13:23

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