Affichage d'une page catalogue

De TheliaDoc
Version du 9 septembre 2011 à 17:23 par Paulbe (discuter | contributions)

(diff) ← Version précédente | Voir la version courante (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

L’affichage du catalogue est l’affichage des produits d’une rubrique. Pour cela, il faut utiliser une boucle de type produit avec en paramètre l’id de la rubrique.

 
< THELIA_PROD type="PRODUIT" rubrique="#RUBRIQUE_ID" num="6">
	 
     #TITRE <br />
     #DESCRIPTION<br />
	
     <THELIA_img type="IMAGE" num="1" produit="#ID"  largeur="105">

	<img src="#GRANDE"  alt="#PRODTITRE  " title="#PRODTITRE" />
	
     </THELIA_img>

</ THELIA_PROD>

Cette boucle permet d’afficher six produits dans la rubrique en cours avec son titre, son chapeau, sa description et enfin une grande image.

L’argument Rubrique permettra de récupérer dans la base de données tous les produits qui correspondent à cette rubrique. La valeur de cet argument sera un chiffre correspondant à l’identifiant de la rubrique.

#TITRE et #DESCRIPTION sont des paramètres sortant qui permettront d’afficher les informations relatives au produit ici le titre et le descriptif.

L’argument num permet de choisir le nombre ici de produit à afficher.

La boucle de type IMAGE permet d’afficher les images ici d’un produit.

Largeur est un argument qui redimensionne l’image avec une largeur de 105 px.

L’argument produit permet d’identifier le produit qui correspond à l’image.

#ID est un paramètre de sortie de la boucle produit qui donnera l’identifiant du produit à la boucle IMAGE.

La balise pour insérer une image est img, nous allons donc créer une balise image avec pour attribut src (chemin de l’image) auquel on donne la valeur #GRANDE qui donnera le chemin de l’image au grand format.

Le paramètre alt de la balise HTML img permet d'afficher un texte alternatif lorsque l'image ne s'affiche pas. Donc, nous ajoutons la valeur #PRODTITRE qui renvoie le titre du produit. De même, le paramètre title donne le titre de l’image et donnera ici le titre du produit.

Pour la mise en forme, il suffit d'inclure du code html.