---
# System prepended metadata

title: Pied de biche - Composants
tags: [Composants, Flow, Pied de biche, Liste]

---

# Pied de biche - Composants
###### tags: `Liste` `Flow` `Composants` `Pied de biche`
## Composants bannière (à faire générique) (JP)

### Ban avec image
![](https://i.imgur.com/CPzlQCV.jpg)
#### Contenu milieu gauche
#### Contenu milieu milieu
#### Contenu milieu droit
#### Contenu bas gauche
#### Contenu bas milieu
#### Contenu bas droit
#### Contenu light
#### Contenu dark

Image, sur-titre, titre, description, CTA, couleur



---
---
## Composants avec texte et images

### Bloc texte par dessus l'image (Ben)
![](https://i.imgur.com/4IKNKJm.jpg)
#### Bloc texte gauche
#### Bloc texte droite

Image, sur-titre, titre, description, CTA


---
### Bloc texte et image, avec/sans produit (en générique / en cours) (JP)
#### Bloc texte gauche
![](https://i.imgur.com/8EEnQZn.jpg)

#### Bloc texte droit
![](https://i.imgur.com/wuA4cPj.jpg)

#### Sans image
![](https://i.imgur.com/owwSR6w.png)

Image, sur-titre, titre, description, produit, CTA



---
### Bloc SEO (JP)
#### Bloc texte gauche
![](https://i.imgur.com/JIcyhwN.png)

#### Bloc texte droit
![](https://i.imgur.com/YF3n1ir.png)

Image, sur-titre, titre, description


---
### Texte, information et image (Ben)
![](https://i.imgur.com/pEX0wlt.png)

Image, titre, description, picto, titre 2, description 2, CTA


---
### Slider d'image avec texte (déjà fait)
![](https://i.imgur.com/hkIGpNe.png)
#### Slider à gauche
#### Slider à droite

Images, description


---
### Reassurances ()
![](https://i.imgur.com/REqi1qh.png)

Images, titres, descriptions, liens



---
---
## Composants images

### Double Push (JP)
#### Avec écart
![](https://i.imgur.com/zbtN1g7.jpg)
#### Sans écart
![](https://i.imgur.com/MbDwD2I.jpg)
#### Contenu milieu gauche
#### Contenu milieu milieu
#### Contenu milieu droit
#### Contenu bas gauche
#### Contenu bas milieu
#### Contenu bas droit
#### Contenu light
#### Contenu dark

Image, sur-titre, titre, CTA, image 2, sur-titre 2, titre 2, CTA


---
### Push (JP)
![](https://i.imgur.com/rZxjVyD.jpg)
#### Contenu milieu gauche
#### Contenu milieu milieu
#### Contenu milieu droit
#### Contenu bas gauche
#### Contenu bas milieu
#### Contenu bas droit
#### Contenu light
#### Contenu dark

Image, sur-titre, titre, CTA


---
### Image toute seule (JP)
#### Grande
![](https://i.imgur.com/NpEiNBK.jpg)

#### Petite
![](https://i.imgur.com/bJF3wCT.jpg)

Image



---
---
## Composants texte

### Bloc titre et bloc texte (Ben)
![](https://i.imgur.com/yeUn0aE.png)

Sur-titre, titre, description



---
### Bloc informations (Ben)
![](https://i.imgur.com/N0B8PzU.png)

Titre, items (picto, titre, description)


---
### 2 blocs de texte côte à côte (en générique) (JP)
![](https://i.imgur.com/LUbUa7s.png)

Sur-titre, titre, description, sur-titre 2, titre 2, description 2


---
### Chapeau (en générique (peut être citation)) (JP)
![](https://i.imgur.com/SrGTTMm.png)


Description



---
---
## Composants slider

### Slider "Derniers articles blog" (déjà fait)
![](https://i.imgur.com/qFAu5EE.png)

Widget


---
### Slider d'image (déjà fait)
![](https://i.imgur.com/AXTAR2Y.jpg)

Images


---
### Slider "vous aimerez aussi" (déjà fait)
![](https://i.imgur.com/PkzLquz.png)

Widget



---
---
## Composants avec produit

### Bloc 3 produits #Listing_produits
#### Carré
##### Grande image à droite
![](https://i.imgur.com/I3nLiKR.jpg)
##### Grande image à gauche
![](https://i.imgur.com/OI32W5w.jpg)

#### Ligne
![](https://i.imgur.com/wfIu6dK.png)

Image, produit, image 2, produit 2, image 3, produit 3


---
### Bloc 1 produit avec texte #Listing_produits (en générique / en cours)
![](https://i.imgur.com/Bl8Zj5b.jpg)

Image, produit, sur-titre, titre, description, CTA


---
### 1 image avec produit(s) #Lookbook (déjà fait)
![](https://i.imgur.com/Z7jT6oF.jpg)

Image, produits


---
### 2 images côte à côte avec produit(s) #Lookbook (déjà fait)
![](https://i.imgur.com/TqdGIpu.png)

Image, produits, image 2, produits 2


---
### 3 images côte à côte avec produit(s) #Lookbook (déjà fait)
![](https://i.imgur.com/d9MmRD4.jpg)

Image, produits, image 2, produits 2, image 3, produits 3


---
### 4 images avec produit(s) #Lookbook (déjà fait)
![](https://i.imgur.com/MrQKUGw.jpg)

Image, produits, image 2, produits 2, image 3, produits 3, image 4, produits 4



---
---
## Composants Popup

### Popup Newsletter
![](https://i.imgur.com/65jfhVn.png)

Image, widget


---
### Popup Bloc texte
![](https://i.imgur.com/dHavTTn.png)

Sur-titre, titre, description