Étiquette : Hybris

[Hybris] Quels arguments à la condition c:if pour n’afficher un bloc de code que si le contenu qu’il habille est présent

18/07/2018 / admin

Si le bloc de code n’est pas vide de contenu:

<c:if test="${not empty productReference.target.price.promotionPercentage}">
<div class="stickers-list">
    <span class="sticker-promotionPercentage">
        ${productReference.target.price.promotionPercentage}%
    </span>
</div>
</c:if>

<c:if test="${not empty productReference.target.price.promotionPercentage}">

${productReference.target.price.promotionPercentage}%

</span>

</div>

</c:if>

Si le bloc de code n’est pas vide de contenu et que le contenu à afficher est plus grand que « 0 »:

<div class="stickers-list">
    <c:if test="${not empty product.price.promotionPercentage && product.price.promotionPercentage lt 0}">
        <span class="sticker-promotionPercentage">${product.price.promotionPercentage}%</span>
    </c:if>
</div>

<c:if test="${not empty product.price.promotionPercentage && product.price.promotionPercentage lt 0}">

<span class="sticker-promotionPercentage">${product.price.promotionPercentage}%</span>

</c:if>

</div>

[Hybris] Appliquer une classe différente en fonction d’un état

02/03/2018 / admin

bin\custom\naos\naoscommerceservices\resources\naoscommerceservices-spring.xml

<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:util="http://www.springframework.org/schema/util"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd

            http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd">

  // Les clés qui nous intéressent sont ici
  <util:map value-type="java.lang.String" key-type="java.lang.String" id="naos_carte_translation">
    <entry key="CARTE INACTIVE" value="inactive"/>
    <entry key="CARTE PERIMEE" value="périmée"/>
    <entry key="CARTE ACTIVEE" value="active"/>
    <entry key="CARTE OPPOSEE" value="en opposition"/>
    <entry key="CARTE BLOQUEE" value="bloquée"/>
    <entry key="" value="Inconnue"/>
  </util:map>
</beans>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns:util="http://www.springframework.org/schema/util"

xsi:schemaLocation="http://www.springframework.org/schema/beans

http://www.springframework.org/schema/beans/spring-beans.xsd

http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd">

// Les clés qui nous intéressent sont ici

<util:map value-type="java.lang.String" key-type="java.lang.String" id="naos_carte_translation">

</util:map>

</beans>

bin\custom\naos\naosstorefront\web\webroot\WEB-INF\tags\responsive\oney\response.tag

<%-- On déclare les statuts et leurs valeurs --%>
<c:set var="carteInactiveStatus" value="CARTE INACTIVE"/>
<c:set var="cartePerimeeStatus" value="CARTE PERIMEE"/>
<c:set var="carteActiveeStatus" value="CARTE ACTIVEE"/>
<c:set var="carteOpposeeStatus" value="CARTE OPPOSEE"/>
<c:set var="carteBloqueeStatus" value="CARTE BLOQUEE"/>

<%-- On déclare une valeur par défaut pour la couleur --%>
<c:set var="statusColor" value="text-error"/>

<%-- On sette une valeur différente selon le statut --%>
<c:if test="${carteActiveeStatus==infos.statutCarte}">
    <c:set var="statusColor" value="text-success"/>
</c:if>
<c:if test="${carteInactiveStatus==infos.statutCarte || cartePerimeeStatus==infos.statutCarte}">
    <c:set var="statusColor" value="text-warning"/>
</c:if>

    <c:if test="${infos!=null}">
        <c:if test="${infos.statutCarte!=null}">
            <%-- On applique la classe adéquate en fonction du statut --%>
            <p class="${statusColor}"><spring:theme code="naos.oney.result.status" text="Etat"/> ${infos.etatCarteTraduit}</p>
        </c:if>
    </c:if>

<%-- On déclare les statuts et leurs valeurs --%>

<c:set var="carteInactiveStatus" value="CARTE INACTIVE"/>

<c:set var="cartePerimeeStatus" value="CARTE PERIMEE"/>

<c:set var="carteActiveeStatus" value="CARTE ACTIVEE"/>

<c:set var="carteOpposeeStatus" value="CARTE OPPOSEE"/>

<c:set var="carteBloqueeStatus" value="CARTE BLOQUEE"/>

<%-- On déclare une valeur par défaut pour la couleur --%>

<c:set var="statusColor" value="text-error"/>

<%-- On sette une valeur différente selon le statut --%>

<c:if test="${carteActiveeStatus==infos.statutCarte}">

<c:set var="statusColor" value="text-success"/>

</c:if>

<c:if test="${carteInactiveStatus==infos.statutCarte || cartePerimeeStatus==infos.statutCarte}">

<c:set var="statusColor" value="text-warning"/>

</c:if>

<c:if test="${infos!=null}">

<c:if test="${infos.statutCarte!=null}">

<%-- On applique la classe adéquate en fonction du statut --%>

<p class="${statusColor}"><spring:theme code="naos.oney.result.status" text="Etat"/> ${infos.etatCarteTraduit}</p>

</c:if>

[Hybris] Utiliser les conditions c:if ou sec:authorize pour afficher/masquer des informations

28/03/2017 / admin

Tester si l’utilisateur est loggué en jstl

<c:if test="${user.uid eq 'anonymous'}">
	<p>Utilisateur anonyme</p>
</c:if>

<c:if test="${user.uid ne 'anonymous'}">
    <p>Utilisateur connecté</p>
</c:if>

<c:if test="${user.uid eq 'anonymous'}">

<p>Utilisateur anonyme</p>

</c:if>

<c:if test="${user.uid ne 'anonymous'}">

<p>Utilisateur connecté</p>

</c:if>

ou:

<sec:authorize access="hasRole('ROLE_ANONYMOUS')">
	<p>Utilisateur anonyme</p>
</sec:authorize>

<sec:authorize ifNotGranted="ROLE_ANONYMOUS">
    <p>Utilisateur connecté</p>
</sec:authorize>

<sec:authorize access="hasRole('ROLE_ANONYMOUS')">

<p>Utilisateur anonyme</p>

</sec:authorize>

<sec:authorize ifNotGranted="ROLE_ANONYMOUS">

<p>Utilisateur connecté</p>

</sec:authorize>

[Hybris] Créer et modifier des fichiers ImpEx

29/06/2016 / admin

Distinction entre code ImpEx à importer depuis le backoffice et code ImpEx à intégrer dans un fichier `*.impex`

Dans nos exemples, nous allons partir du même code pour bien souligner les différences (elles ne sont pas nombreuses).

Code ImpEx à importer depuis le backoffice

L’interface backoffice pour importer du contenu ImpEx est disponible dans le CMS Cockpit Hybris via ce chemin : Hybris administration console > Console > ImpEx import, onglet Import content. Exemple de contenu importable :

$lang=fr
$contentCatalog=adb-frContentCatalog 
$contentCV=catalogVersion(CatalogVersion.catalog(Catalog.id[default=$contentCatalog]),CatalogVersion.version[default=Online])[default=$contentCatalog:Online] 

####### Static text for assitance & FAQ
INSERT_UPDATE CMSHtmlComponent; $contentCV[unique = true]; uid[unique = true]; name; text[lang = $lang]; javascript; contentPageLabelOrId(&linkRef)[allownull = true]; images(&cmsImage)[allownull = true]; &componentRef;
; ; AssitanceFAQCMSHtmlComponent    ; Bloc Assistance    ; "<div class='assistance-block'>
    <h4 class='title'>Assistance <i class='icon'></i></h4>
    <p class='text'>Consultez notre <strong><a href='#'>FAQ</a></strong> | Appelez-nous au <strong>09 69 39 79 09</strong><br /><span class='small'>(Appel non surtaxé)</span></p>
</div>" ; ; ; ; AssitanceFAQCMSHtmlComponent
####### END Static text for assitance & FAQ

$lang=fr

$contentCatalog=adb-frContentCatalog

$contentCV=catalogVersion(CatalogVersion.catalog(Catalog.id[default=$contentCatalog]),CatalogVersion.version[default=Online])[default=$contentCatalog:Online]

####### Static text for assitance & FAQ

INSERT_UPDATE CMSHtmlComponent; $contentCV[unique = true]; uid[unique = true]; name; text[lang = $lang]; javascript; contentPageLabelOrId(&linkRef)[allownull = true]; images(&cmsImage)[allownull = true]; &componentRef;

; ; AssitanceFAQCMSHtmlComponent ; Bloc Assistance ; "<div class='assistance-block'>

<h4 class='title'>Assistance <i class='icon'></i></h4>

<p class='text'>Consultez notre <strong><a href='#'>FAQ</a></strong> | Appelez-nous au <strong>09 69 39 79 09</strong><br /><span class='small'>(Appel non surtaxé)</span></p>

</div>" ; ; ; ; AssitanceFAQCMSHtmlComponent

####### END Static text for assitance & FAQ

Un code d’en-tête nécessaire à la moulinette BO qui réalise l’import (sans ces en-têtes correctement renseignées, l’import ne pourra pas être exécuté) :

$lang=fr
$contentCatalog=adb-frContentCatalog 
$contentCV=catalogVersion(CatalogVersion.catalog(Catalog.id[default=$contentCatalog]),CatalogVersion.version[default=Online])[default=$contentCatalog:Online]

$lang=fr

$contentCatalog=adb-frContentCatalog

$contentCV=catalogVersion(CatalogVersion.catalog(Catalog.id[default=$contentCatalog]),CatalogVersion.version[default=Online])[default=$contentCatalog:Online]

code ImpEx à intégrer dans un fichier `*.impex`

Chemin vers le fichier : bin/custom/myproject/myprojectinitialdata/resources/myprojectinitialdata/import/sampledata/contentCatalogs/myproject-frContentCatalog/cms-content.impex.

####### Static text for assitance & FAQ
INSERT_UPDATE CMSHtmlComponent; $contentCV[unique = true]; uid[unique = true]; name; text[lang = $lang]; javascript; contentPageLabelOrId(&linkRef)[allownull = true]; images(&cmsImage)[allownull = true]; &componentRef;
; ; AssitanceFAQCMSHtmlComponent    ; Bloc Assistance    ; "<div class='assistance-block'>
    <h4 class='title'>Assistance <i class='icon'></i></h4>
    <p class='text'>Consultez notre <strong><a href='#'>FAQ</a></strong> | Appelez-nous au <strong>09 69 39 79 09</strong><br /><span class='small'>(Appel non surtaxé)</span></p>
</div>" ; ; ; ; AssitanceFAQCMSHtmlComponent
####### END Static text for assitance & FAQ

####### Static text for assitance & FAQ

; ; AssitanceFAQCMSHtmlComponent ; Bloc Assistance ; "<div class='assistance-block'>

<h4 class='title'>Assistance <i class='icon'></i></h4>

<p class='text'>Consultez notre <strong><a href='#'>FAQ</a></strong> | Appelez-nous au <strong>09 69 39 79 09</strong><br /><span class='small'>(Appel non surtaxé)</span></p>

</div>" ; ; ; ; AssitanceFAQCMSHtmlComponent

####### END Static text for assitance & FAQ

Le code d’en-tête n’est, à la différence du cas d’importation depuis le backoffice, pas nécessaire (mieux, même : il ne faut pas le mettre).

Plusieurs choses à savoir sur la manière d’écrire des ImPex dans un projet Hybris (valable pour les deux méthodes d’import)

Les deux manipulations doivent être obligatoirement effectuées. Vous ne pouvez pas choisir entre l’une ou l’autre et vous affranchir de la seconde.
L’utilisation des caractères ' ' pour les différents attributs déclarés sur les éléments HTML :

<h4 class='title'>Assistance <i class='icon'></i></h4>

1

<h4 class='title'>Assistance <i class='icon'></i></h4>
Le doublage systématique des caractères ' ou " lorsque ceux-ci sont utilisés dans un contenu texte (pas d’exemple dans le gros bout de code plus haut, mais voir ci-dessous) :

<p class='text'>Mon chien s''appelle ""Reviens"".</p>

1

<p class='text'>Mon chien s''appelle ""Reviens"".</p>

[Hybris] Créer et appeler un fichier *.tag

14/06/2016 / admin

Objectif: créer un fichier *.tag comprenant les informations de disponibilité relatives à un produit (stock).

La page de détail d’un produit dans Hybris embarque un composant addtocart consigné dans un fichier web/webroot/WEB-INF/views/responsive/cms/productaddtocartcomponent.jsp. Ce composant sert de base à l’affichage de plusieurs éléments :

un sélecteur de quantité,
des informations de disponibilité produit (stock),
des actions (boutons d’ajout au panier, retrait en magasin, ajout à la liste de souhaits.

Nous allons extraire les informations de disponibilité produit du composant productaddtocartcomponent.jsp pour les placer dans un fichier tag spécifique web/webroot/WEB-INF/tags/responsive/product/speProductStock.tag. Voici le bout de code à extraire :

<c:if test="${product.stock.stockLevel gt 0}">
	<c:set var="productStockLevel">${product.stock.stockLevel}&nbsp;
		<spring:theme code="product.variants.in.stock"/>
	</c:set>
</c:if>
<c:if test="${product.stock.stockLevelStatus.code eq 'lowStock'}">
	<c:set var="productStockLevel">
		<spring:theme code="product.variants.only.left" arguments="${product.stock.stockLevel}"/>
	</c:set>
</c:if>
<c:if test="${isForceInStock}">
	<c:set var="productStockLevel">
		<spring:theme code="product.variants.available"/>
	</c:set>
</c:if>
<div class="stock-wrapper clearfix">
	${productStockLevel}
</div>

<c:if test="${product.stock.stockLevel gt 0}">

<c:set var="productStockLevel">${product.stock.stockLevel} 

<spring:theme code="product.variants.in.stock"/>

</c:set>

</c:if>

<c:if test="${product.stock.stockLevelStatus.code eq 'lowStock'}">

<c:set var="productStockLevel">

<spring:theme code="product.variants.only.left" arguments="${product.stock.stockLevel}"/>

</c:set>

</c:if>

<c:if test="${isForceInStock}">

<c:set var="productStockLevel">

<spring:theme code="product.variants.available"/>

</c:set>

</c:if>

${productStockLevel}

</div>

Notre tag ne pourra pas être exploité en l’état : il faut intégrer en en-tête la logique […]

<%@ tag body-content="empty" trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="theme" tagdir="/WEB-INF/tags/shared/theme" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<%@ attribute name="product" required="true" type="de.hybris.platform.commercefacades.product.data.ProductData" %>
<%@ attribute name="divCSS" required="false" %>

<%-- stock --%>
<div class="${divCSS} product-availability">
	<c:set var="isForceInStock" value="${product.stock.stockLevelStatus.code eq 'inStock' and empty product.stock.stockLevel}"/>
	<c:if test="${product.stock.stockLevel gt 0}">
		<c:set var="productStockLevel">${product.stock.stockLevel}&nbsp;
			<spring:theme code="product.variants.in.stock"/>
		</c:set>
	</c:if>
	<c:if test="${product.stock.stockLevelStatus.code eq 'lowStock'}">
		<c:set var="productStockLevel">
			<spring:theme code="product.variants.only.left" arguments="${product.stock.stockLevel}"/>
		</c:set>
	</c:if>
	<c:if test="${isForceInStock}">
		<spring:theme code="product.variants.available" var="productStockLevel"/>
	</c:if>
	<div class="stock-wrapper">
		${productStockLevel}
	</div>
</div>

<%@ tag body-content="empty" trimDirectiveWhitespaces="true" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ taglib prefix="theme" tagdir="/WEB-INF/tags/shared/theme" %>

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<%@ attribute name="product" required="true" type="de.hybris.platform.commercefacades.product.data.ProductData" %>

<%@ attribute name="divCSS" required="false" %>

<%-- stock --%>

<c:set var="isForceInStock" value="${product.stock.stockLevelStatus.code eq 'inStock' and empty product.stock.stockLevel}"/>

<c:if test="${product.stock.stockLevel gt 0}">

<c:set var="productStockLevel">${product.stock.stockLevel} 

<spring:theme code="product.variants.in.stock"/>

</c:set>

</c:if>

<c:if test="${product.stock.stockLevelStatus.code eq 'lowStock'}">

<c:set var="productStockLevel">

<spring:theme code="product.variants.only.left" arguments="${product.stock.stockLevel}"/>

</c:set>

</c:if>

<c:if test="${isForceInStock}">

<spring:theme code="product.variants.available" var="productStockLevel"/>

</c:if>

${productStockLevel}

</div>

Plusieurs choses dans ces en-têtes :

<%@ tag body-content="empty" trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="theme" tagdir="/WEB-INF/tags/shared/theme" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<%@ attribute name="product" required="true" type="de.hybris.platform.commercefacades.product.data.ProductData" %>
<%@ attribute name="divCSS" required="false" %>

Dans un fichier *.tag ou *.jsp :

<product:speProductStock product="${product}" divCSS="hidden-xs variant-selector" />

1	<product:speProductStock product="${product}" divCSS="hidden-xs variant-selector" />

Va afficher en front :

<div class="hidden-xs variant-selector product-availability">
    <div class="stock-wrapper">disponible</div>
</div>

<div class="stock-wrapper">disponible</div>

</div>

[Hybris] Ajout de nouvelles locales

14/06/2016 / admin

Les clés de locales du projet se trouvent dans web/webroot/WEB-INF/messages/base_fr.properties.

Dans ce fichier, nous allons initialiser une locale pour le terme quantité. Nous l’écrirons comme suit :

spe.product.quantity = quantité

1	spe.product.quantity = quantité

Pour l’utiliser dans un fichier *.tag, utiliser le code suivant :

<spring:theme code="spe.product.quantity" />

1	<spring:theme code="spe.product.quantity" />

ou:

${spe.product.quantity}

1	${spe.product.quantity}

Nous pouvons ensuite utiliser des fonctions de formatage propres à JSP comme par exemple fn:toUpperCase pour passer tout le texte en majuscules :

En en-tête du fichier *.tag :

<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

1	<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

Puis à l’endroit ou vous souhaitez voir apparaître votre texte :

<spring:theme code="spe.product.quantity" var="toto"/>
${fn:toUpperCase(toto)}

1 2	<spring:theme code="spe.product.quantity" var="toto"/> ${fn:toUpperCase(toto)}

[Hybris] Ajouter une référence JS proprement

02/06/2016 / admin

Cas d’école : j’écris du code JS spécifique pour un bloc (un tag) donné, par exemple la pagination, et je souhaite l’inclure proprement afin :

qu’il ne soit pas présent directement dans le template *.jsp du bloc (chemin : /webroot/WEB-INF/tags/responsive/nav/pagination/pageSelectionPagination.tag)
qu’il soit plutôt déclaré dans un fichier séparé qui contient uniquement des directives JS propres à ce bloc (chemin : /webroot/_ui/responsive/common/js/)
qu’il soit exécuté uniquement si une pagination est présente dans la page qui s’affiche dans le navigateur

Ajouter, dans le template de bloc, une classe qui servira à l’exécution des directives JS

Dans /webroot/WEB-INF/tags/responsive/nav/pagination/pageSelectionPagination.tag :

<ul class="pagination js-spe-pagination">
    <%-- markup et conditions servant à afficher ma pagination --%>
</ul>

<%-- markup et conditions servant à afficher ma pagination --%>

</ul>

Ici, on ajoute une classe js-spe-pagination.

Créer le fichier qui contiendra notre code JS spécifique

Dans /webroot/_ui/responsive/common/js/, créer un fichier acc.spe.pagination.js qui contient le code ci dessous :

ACC.spePagination = {

    _autoload: [
        ['spePagination', $('.js-spe-pagination').length != 0],
    ],

	spePagination: function (){
		ACC.spePagination.buildDropupPagination();
	},

	

	buildDropupPagination: function (){
		$('.pagination-bar.bottom .js-spe-pagination').addClass('dropup');
	}

}

ACC.spePagination = {

_autoload: [

['spePagination', $('.js-spe-pagination').length != 0],

spePagination: function (){

ACC.spePagination.buildDropupPagination();

buildDropupPagination: function (){

$('.pagination-bar.bottom .js-spe-pagination').addClass('dropup');

}

ligne 3: l'_autoload va définir qu’on exécute le code présent dans la fonction spePagination à la condition que la classe .js-spe-pagination soit présente dans le DOM
ligne 1: l’ensemble du code JS spécifique relatif à notre pagination est encapsulé dans un namespace ACC.spePagination qu’on retrouve ensuite à chaque fois qu’on cherche à exécuter une fonction (spePagination: function (){ACC.spePagination.buildDropupPagination();})
Attention: noter la présence de virgules lignes 3, 4 et 8 pour bien assurer la transition entre les différentes parties du code

Déclarer la nouvelle référence JS

Dans /webroot/WEB-INF/tags/responsive/template/javaScript.tag, ajouter :

<script type="text/javascript" src="${commonResourcePath}/js/acc.spe.pagination.js"></script>

1	<script type="text/javascript" src="${commonResourcePath}/js/acc.spe.pagination.js"></script>

mais aussi dans web/webroot/WEB-INF/wro.xml.

Déclarer des variables (hors fonctions)

ACC.spePagination = {

    _autoload: [
        ['spePagination', $('.js-spe-pagination').length != 0],
    ],

    maVariable1 : $('.toto'),
    maVariable2 : $('.tutu'),

    spePagination: function (){
      ACC.spePagination.buildDropupPagination();
    },
  
    buildDropupPagination: function (){
      $('.pagination-bar.bottom .js-spe-pagination').addClass('dropup');
    }

}

ACC.spePagination = {

_autoload: [

['spePagination', $('.js-spe-pagination').length != 0],

maVariable1 : $('.toto'),

maVariable2 : $('.tutu'),

spePagination: function (){

ACC.spePagination.buildDropupPagination();

buildDropupPagination: function (){

$('.pagination-bar.bottom .js-spe-pagination').addClass('dropup');

}

Starter kit :

Sample de code pour démarrer récupéré ici : /_ui/responsive/common/js/_autoload.js.

//################################################################
//#### Autoload
//################################################################

ACC.sample={
	_autoload: [
		"samplefunction",
		["somefunction", "some expression to test"]
		["somefunction","some expression to test","elsefunction"]
	],

	samplefunction:function(){
		//... do some suff here, executed every time ...
	},

	somefunction:function(){
		//... do some suff here. if expression match ...
	},

	elsefunction:function(){
		//... do some suff here. if expression NOT match ...
	}

}

// sample expression: $(".js-storefinder-map").length != 0

//################################################################

//#### Autoload

//################################################################

ACC.sample={

_autoload: [

"samplefunction",

["somefunction", "some expression to test"]

["somefunction","some expression to test","elsefunction"]

samplefunction:function(){

//... do some suff here, executed every time ...

somefunction:function(){

//... do some suff here. if expression match ...

elsefunction:function(){

//... do some suff here. if expression NOT match ...

}

// sample expression: $(".js-storefinder-map").length != 0

Activer le mode « wro » (la concaténation des fichiers JS et CSS) :

Le mode « wro » permet de concaténer l’ensemble des fichiers JS du projet. Il faut déclarer les scripts dans deux fichiers distincts :

/webroot/WEB-INF/tags/responsive/template/javaScript.tag (pour le JS)
\webroot\WEB-INF\tags\responsive\template\styleSheets.tag (pour le CSS)
/webroot/WEB-INF/wro.xml

Pour le second, le chemin vers chaque ressource Js se déclare comme suit :

<js>/_ui/responsive/common/js/jquery.textarea_autosize.min.js</js>

1	<js>/_ui/responsive/common/js/jquery.textarea_autosize.min.js</js>

Pour tester sans passer par une modification de conf’ plus lourde :

Ne pas versionner de code avec l’exemple ci-dessous!

Dans le fichier /webroot/WEB-INF/tags/responsive/template/javaScript.tag ajouter le caractère ! dans <c:when test="${!wro4jEnabled}"> :

	<c:when test="${!wro4jEnabled}">
	  	<script type="text/javascript" src="${contextPath}/wro/all_responsive.js"></script>
	  	<script type="text/javascript" src="${contextPath}/wro/addons_responsive.js"></script>
	</c:when>

<c:when test="${!wro4jEnabled}">

</c:when>

où:

    <%-- Minified JS (see "storefront.wro4j.enabled" in properties and group "naos_js" in wro.xml) --%>
    <%--c:when test="${wro4jEnabled}"--%>
    <c:when test="true">
        <script type="text/javascript" src="/wro/naos_js.${wroHashes['/wro/naos_js.js']}.js"></script>
    </c:when>

<%-- Minified JS (see "storefront.wro4j.enabled" in properties and group "naos_js" in wro.xml) --%>

<%--c:when test="${wro4jEnabled}"--%>

<c:when test="true">

</c:when>

    <%--c:when test="${wro4jEnabled && (cmsSite.uid eq aubertSiteUid)}"--%>
    <c:when test="true">
        <link rel="stylesheet" type="text/css" media="all" href="/wro/naos_aub_css.${wroHashes['/wro/naos_aub_css.css']}.css"/>
    </c:when>

<%--c:when test="${wro4jEnabled && (cmsSite.uid eq aubertSiteUid)}"--%>

<c:when test="true">

</c:when>

Articles récents

Catégories

Archives

Méta

Étiquette : Hybris

[Hybris] Quels arguments à la condition c:if pour n’afficher un bloc de code que si le contenu qu’il habille est présent

[Hybris] Appliquer une classe différente en fonction d’un état

[Hybris] Utiliser les conditions c:if ou sec:authorize pour afficher/masquer des informations

Tester si l’utilisateur est loggué en jstl

[Hybris] Créer et modifier des fichiers ImpEx

Distinction entre code ImpEx à importer depuis le backoffice et code ImpEx à intégrer dans un fichier `*.impex`

Code ImpEx à importer depuis le backoffice

code ImpEx à intégrer dans un fichier `*.impex`

Plusieurs choses à savoir sur la manière d’écrire des ImPex dans un projet Hybris (valable pour les deux méthodes d’import)

[Hybris] Créer et appeler un fichier *.tag

[Hybris] Ajout de nouvelles locales

[Hybris] Ajouter une référence JS proprement

Ajouter, dans le template de bloc, une classe qui servira à l’exécution des directives JS

Créer le fichier qui contiendra notre code JS spécifique

Déclarer la nouvelle référence JS

Déclarer des variables (hors fonctions)

Starter kit :

Activer le mode « wro » (la concaténation des fichiers JS et CSS) :

Pour tester sans passer par une modification de conf’ plus lourde :

Tester si l’utilisateur est loggué en jstl

Distinction entre code ImpEx à importer depuis le backoffice et code ImpEx à intégrer dans un fichier *.impex

Code ImpEx à importer depuis le backoffice

code ImpEx à intégrer dans un fichier *.impex

Plusieurs choses à savoir sur la manière d’écrire des ImPex dans un projet Hybris (valable pour les deux méthodes d’import)

Ajouter, dans le template de bloc, une classe qui servira à l’exécution des directives JS

Créer le fichier qui contiendra notre code JS spécifique

Déclarer la nouvelle référence JS

Déclarer des variables (hors fonctions)

Starter kit :

Activer le mode « wro » (la concaténation des fichiers JS et CSS) :

Pour tester sans passer par une modification de conf’ plus lourde :

Distinction entre code ImpEx à importer depuis le backoffice et code ImpEx à intégrer dans un fichier `*.impex`

code ImpEx à intégrer dans un fichier `*.impex`