Configuration des images dans le Panier d'achat

Vous pouvez personnaliser l’affichage des images dans le panier d’achat. Par exemple, positionner les images à droite ou à gauche, ajuster la dimension d’affichage ou les marges autour des images.

Par défaut, les images sont redimensionnées automatiquement pour s’afficher dans un cadre maximal de 80 pixels de largeur. Si l’image ne dépasse pas 80 pixels de large, alors le système ne la redimensionne pas : elle sera affichée avec ses dimensions réelles.

La configuration de l’affichage des images se fait au moyen du code CSS suivant :

/* Shopping Cart { */
.imgshopcart {
float:right;
border:none;
margin-left:5px;
max-width:80px;
width: expression(this.clientWidth < 80? this.clientWidth+"px":"80px");
}
/* Shopping Cart } */


1) Comment mettre en place ce code CSS dans votre site ?

CAS 1 : Vous utilisez une présentation avancée ou une présentation CSS système (non personnalisée)

Ouvrez la page associée au menu [Site\Propriétés par langue]
Cliquez sur le bouton [Modifier]

Dans la section "Entête HTML, Block de texte libre inséré dans l'entête HTML (<HEAD/>)" :
Insérez le code CSS défini précédemment encadré par une balise HTML <STYLE> comme ceci.

<STYLE type="text/css">
/* Shopping Cart { */
.imgshopcart {
float:right;
border:none;
margin-left:5px;
max-width:80px;
width: expression(this.clientWidth < 80? this.clientWidth+"px":"80px");
}
/* Shopping Cart } */
</STYLE>

PS : Si votre site est multi-langues, pensez à répéter l’opération pour les différentes langues publiées.

CAS 2 : Vous utilisez une présentation CSS personnalisée :

Ouvrez la page associée au menu [Site\Présentation].
Cliquez sur le bouton [Gérer les présentations personnalisées].
Sélectionnez votre présentation CSS.
Editer votre présentation CSS en cliquant sur l’icône "Editer les propriétés".

Dans la section "Contenu du CSS", vous pouvez modifier la feuille de style.
Copier-y la règle CSS défini précédemment.
Sauvegardez la modification.

2) Comment modifier la règle CSS pour changer les dimensions ou la position des images ?

float:right correspond à la position de l’image : (left ou right)
max-width:80px correspond à la largeur de l’image vignette en pixels.

3) Comment supprimer l’affichage des images dans le panier d’achat ?

Vous pouvez désactiver l’affichage des images dans le panier d’achat en ajoutant la règle CSS suivante :
.imgshopcart { display:none; }

(Pour chacun des 2 cas suivants, reprendre la procédure précédemment décrite).

CAS 1 : Vous utilisez une présentation avancée ou une présentation CSS système (non personnalisée) :
<STYLE type="text/css">.imgshopcart { display:none; } </STYLE>

CAS 2 : Vous utilisez une présentation CSS personnalisée :
.imgshopcart { display:none; }

Ajouter aux favoris : http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=1024&TID=55130&MID=55564%7C36001&LangID=0
© 2001-2017 Oxatis. Tous droits réservés.