Вставка изображений в Hybris - PullRequest
Новая
       3

Вставка изображений в Hybris

0 голосов
/ 05 июня 2018

Как правильно включить изображения в Hybris, используя siteResourcePath или <theme:image>

В каких случаях мы должны использовать в каждом из них?

Если мы используем <theme:image> мы должны упомянуть свойство в theme-alpha-deskptop_en.properties?

1 Ответ

0 голосов
/ 05 июня 2018

Как правильно включить изображения в Hybris с помощью siteResourcePath или?

Оба используются для отображения статического изображения или содержимого.siteResourcePath, themeResourcePath и другие ResourcePath используются для получения статического содержимого, такого как CSS, изображение, шрифт, js и т. д.

В каких случаях мы должны использовать в каждом из них?

Допустим, вы хотите показать статическое изображение на какой-то странице независимо от вашей темы, сайта, языка.это означает, что он является общим для всех, поэтому вы можете просто использовать siteResourcePath или commonResourcePath (в зависимости от вашей структуры папок). 

<img src="${commonResourcePath}/images/my_image_300x300.jpg" alt="My Image" title="My Image" />

Теперь, в другом сценарии, где вам нужно отобразить другое статическое изображение в зависимости от вашей темы/ site / lang, поэтому здесь вы можете объявить соответствующее значение в каждом файле свойств и передать код в <theme:image>.значение соответствующего файла заглянуло.Как отсутствует ProductImage. 

<theme:image code="img.missingProductImage.responsive.product" alt="${fn:escapeXml(product.name)}" title="${fn:escapeXml(product.name)}"/>

theme-alpha-desktop_de.properties

img.missingProductImage.responsive.product=/_ui/responsive/theme-alpha/images/missing_product_DE_300x300.jpg

theme-black-desktop_en.properties

img.missingProductImage.responsive.product=/_ui/responsive/theme-black/images/missing_product_EN_300x300.jpg

Если мы используем, мы должны упомянуть свойство в theme-alpha-deskptop_en.properties?

Как яупоминалось в примере выше, если вы используете <theme:image>, то вы должны указать соответствующее значение во всех соответствующих файлах свойств (не только в theme-alpha-deskptop_en.properties).Которые основаны на вашей теме, опыте пользовательского интерфейса и поддерживающем языке. 

    final String siteRootUrl = contextPath + "/_ui/" + uiExperienceCodeLower;
    final String sharedResourcePath = contextPath + "/_ui/" + SHARED;
    final String siteResourcePath = siteRootUrl + "/site-" + siteName;
    final String themeResourcePath = siteRootUrl + "/theme-" + themeName;
    final String commonResourcePath = siteRootUrl + "/" + COMMON;

enter image description here

...