Я немного новичок в AEM и Sightly. Я написал компонент страницы, чтобы разместить содержимое моей страницы. У меня есть ряд устройств с различной CSS под /etc/designs/myapp
следующим образом:AEM Sightly Include from/etc/designs
/etc/designs/myapp
- /128/style.css
- /240/style.css
и т.д. и т.п. ..
Назад в моей странице компоненте, у меня есть несколько различных HTML-файлы, которые я использовать для запуска правильного CSS с помощью селектора Sling. Например:
/apps/myapp/components/page
- 128.html
- 240.html
Цель этих файлов включить в раздел HTML <head>
с CSS как встроенного стилем (не может ссылаться на внешний CSS из-за ограничения устройства).
Проблема, с которой я столкнулась, заключается в том, что если я помещаю 128/style.css внутри самого компонента, это работает. Если у меня это под /etc/designs/myapp
, я не могу заставить его правильно включить. Я попытался использовать ${currentDesign.path @ appendPath='/128/style.css'}
, и я попытался явно ссылаться на весь путь.
Вот пример 128.html, в рамках компонента страницы:
<html>
<head><!--/*
*/--><div data-sly-include="/libs/wcm/core/components/init/init.jsp" data-sly-unwrap></div><!--/*
*/-->
<title>${currentPage.title}</title>
<div data-sly-unwrap data-sly-include="/etc/designs/myapp/128/style.css"></div>
</head>
<body class="main" role="document" data-sly-include="body.html"></body>
</html>
Я понимаю, что мне нужно <style></style>
раздел оберточной любой CSS, который включен, но сейчас, я просто пытаюсь получить страницу, которая должна включать от /etc/designs
.
Любая помощь была бы принята с благодарностью.