Jump to content

как подключить css в виджете


demvlg

Recommended Posts

вытащил html блок на главную, мне в него надо подключить этот файл

<link rel='stylesheet' href='/uploads/css_built_2/37c6452ea623de41c991284837957128_gallery.css.5754eb5b1165ac9afe5c33fec6752365.css?v=4e52a1ea3c' media='all'>

как это сделать средствами синтакиса шаблонов IPS? не нашел (

Link to comment
Share on other sites

Высказываю лишь предположение, могу ошибаться!

В Админцентре Кастомизация -> Внешний вид -> Темы

Выбираете свою тему и нажимайте "Редактировать  HTML и CSS", а там уже в <head> вставляете стиль.

 

Link to comment
Share on other sites

а как мне его вставить?

Цитата

37c6452ea623de41c991284837957128
5754eb5b1165ac9afe5c33fec6752365.css?v=4e52a1ea3c

эта хрень динамическая

Link to comment
Share on other sites

Файл ccs добавляете здесь

Спойлер

5a56eac6a57b7_Manageresources.thumb.jpg.c8efc72c4cf4255fba0aed35fd53915a.jpg

Подключаете здесь

Templates -> core -> global -> global -> includeCSS

Спойлер

includeCSS.thumb.jpg.a8348a9110acfd77a3e2ba6bf6953be0.jpg

Но проще скопировать нужный css в файл custom.css

Link to comment
Share on other sites

Вы меня не поняли, это не сторонний цсс, это родной цсс галереи.

Мне не надо подключать его глобально, а только в конкретном блоке. Блок не сквозной.

То есть я хочу понять как включить цсс в шаблон, по аналогии как мы подключаем шаблон в любое место {template ... }

Link to comment
Share on other sites

19 минут назад, demvlg сказал:

То есть я хочу понять как включить цсс в шаблон, по аналогии как мы подключаем шаблон в любое место {template ... }

Я вам написал, как подключается css, любой css. Нельзя в глобал темплейт добавить ссылку (пусть и внутреннюю) на файл css, он подключается через шаблон описанный выше, так же как у js есть собственный шаблон подключения.

21 минуту назад, demvlg сказал:

Вы меня не поняли, это не сторонний цсс, это родной цсс галереи.

Если он есть у галереи, зачем его еще раз подключать?? Подключенный css действует в рамках всего шаблона (если не указано иного правилами css), если нужна некая уникальность, добавьте класс в виджете и используйте иерархию при прописывании стилей.

Link to comment
Share on other sites

2 минуты назад, Cheshir сказал:

Если он есть у галереи, зачем его еще раз подключать??

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

Если я просто пропишу обычным методом в том виде, как я дал его в 1 посте - то при его обновлении уже будет не актуальным значение v=4e52a1ea3c.
Та и хэши в урле CSS я так понимаю тоже сгенерированы скорее всего кэшем.

Link to comment
Share on other sites

Продублируйте классы в кастом.цсс, дождитесь обновления виджета (по умолчанию кэшируется на 5 мин), все должно работать. По логике вещей все должно работать и так, не смотря на то, что у вас Страницы стоят по умолчанию.

Link to comment
Share on other sites

<link rel='stylesheet' href='/uploads/css_built_2/37c6452ea623de41c991284837957128_gallery.css.5754eb5b1165ac9afe5c33fec6752365.css?v=4e52a1ea3c' media='all'>

вот прям так в кастом.цсс?)

Цитата

css_built_2

2 здесь это ID темы

Цитата

v=4e52a1ea3c

это \IPS\CACHEBUST_KEY

 

Цитата

37c6452ea623de41c991284837957128_gallery.css.5754eb5b1165ac9afe5c33fec6752365.css

а что такое 37c6452ea623de41c991284837957128 и 5754eb5b1165ac9afe5c33fec6752365, и ка мне его сгенерить?

Link to comment
Share on other sites

вобщем грамотно подключать цсс с блекджеком и тд так:

{{ \IPS\Output::i()->cssFiles = array_merge( \IPS\Output::i()->cssFiles, \IPS\Theme::i()->css('gallery.css', 'gallery'), \IPS\Theme::i()->css('gallery_responsive.css', 'gallery') ); }}

именно это я и хотел здесь услышать

но вот в чем проблема, файл не пушится (
то есть в cssFiles то файл я добавил, но этот массив уже отработал выше... есть мысли как пушнуть?
ну кроме перемещения сего кода в includeCSS

Link to comment
Share on other sites

А мне надо не на всех страницах :ae:

А только на одной) так что глобально в Pages этот цсс как бы не хочется пихать )

Link to comment
Share on other sites

На мой взгляд вы все усложняете. Не имею представления, по какому признаку можно было бы привязать условие if.

По умолчанию в Страницы подключен шаблон инклюйдЦсс. Как бы сделал я:

  • Нашел шаблон вывода блока.
  • Скопировал его, создав блок с использованием произвольного кода и добавил свой класс.
  • В Кастом.цсс изменил бы стиль с использованием своего класса.
Link to comment
Share on other sites

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

Все таки валидно подключать CSS только там, где он нужен.

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

Link to comment
Share on other sites

5 минут назад, demvlg сказал:

в includeCSS

уже подключен custom.css, все в 1 файл, в блоках называть свои классы по отдельности.

Link to comment
Share on other sites

  • 1 month later...

Такая же хрень....я так понимаю в папку /uploads/css_built_4  сохраняется кеш 

В стилях через редактор он не находит всё что мне нужно... указывает на папку /uploads/css_built_4/258adbb6e4f3e83cd3b355f84e3fa002_custom.css.dc731dfda77a4f701efc4d0f6486a9.css  | что это за г???

Ладно где можно править файлы css от блоков и т.д Если браузер не видит в каком css лежит файл? 

Link to comment
Share on other sites

2 минуты назад, garfild304 сказал:

Ладно где можно править файлы css от блоков и т.д Если браузер не видит в каком css лежит файл? 

В custom.css

Link to comment
Share on other sites

3 минуты назад, WOLF сказал:

В custom.css

Спасибо. Действительно есть, если поиском пользоваться  (поиск шаблонов то фанкции css он не находит). Только ctrl+F4 спасёт 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...