Ajouté au panier
Ajouté à ma wishlist

Votre wishlist est vide

Ajouté à ma wishlist

Il semblerait que votre panier soit vide !

Ajouté au panier
  • Accueil

LIBRARY DES MODULES CMS


Cette librairie recense tous les modules disponible dans notre CMS.

Elle est à destination des designers et des contributeurs. Pour chaque module vous retrouverez leur affichage en front ainsi que leur configuration dans le BO.



TOUS LES ENCARTS



JACKPOT ! AU PRINTEMPS

JUSQU'À -50%*

SUR DES MILLIERS D'ARTICLES

JACKPOT ! AU PRINTEMPS

JUSQU'À -50%*

SUR DES MILLIERS D'ARTICLES

UN AIR DE PRINTEMPS

Prêts pour les premiers rayons de soleil !

UN AIR DE PRINTEMPS

Prêts pour les premiers rayons de soleil !


LES BULLES



LES BLOCS X4


Bloc portrait


Bloc paysage


LES BLOCS X1, X2 ET X3


Bloc X1


UNE IMAGE SIMPLE

BANDEAU


Bandeau bloc édito

Bandeau hot now

HOT NOW


Episode 4 - Matthias Dandois


Toujours souriant, toujours bouclé, souvent égratigné, Matthias Dandois compte parmi nos plus grands sportifs tricolores. Égérie Vans et mordus de tatouages, c'est un biker-modèle que nous recevons aujourd'hui au studio du Printemps entre deux compet', deux shooting, deux entraînements.

20 juillet | Durée : 25:00:00

Bandeau standard


-15%

SUPPLÉMENTAIRES*

Sur les articles signalés Jackpot crédités en bons de réduction

dès le lendemain sur votre compte Printania

LE CLUB PRINTEMPS

Votre nouveau programme de fidélité

REJOIGNEZ LE CLUB PRINTEMPS

Pour profiter d'offres exclusives, de cadeaux surprises, d'invitations privées,

de services personnalisés et de journées shopping privilégiées.

Bandeaux carrousel

https://media-cdn.printemps.com/image/39/4/4587394.png

GET THE LOOK


ZOOM SUR LA TENDANCE BARBIECORE


À l'occasion de la sortie du film Barbie au cinéma, adoptez le look de la poupée la plus populaire au monde.

 

Je découvre 

ENCARTS OFFRES

test
Image d'illustration

Du XX juillet au XX août

Encart Offre x1

POUR TOUTE NOUVELLE ADHÉSION À NOTRE PROGRAMME DE FIDÉLITÉ

Image d'illustration

Du XX xxxx au XX xxxx

Encart offre 2

Du XX xxxx au XX xxxx

Encart offre 2

-XX%

SUR LA BEAUTE OU LINGERIE

En remise immédiate, valable en

magasin et sur Printemps.com


Voir conditions

JE DECOUVRE

POUR TOUTE NOUVELLE ADHÉSION À NOTRE PROGRAMME DE FIDÉLITÉ

Image d'illustration

Du XX juillet au XX août

Encart offre 3

Du XX juillet au XX août

Encart offre 3

POUR TOUTE NOUVELLE ADHÉSION À NOTRE PROGRAMME DE FIDÉLITÉ

POUR TOUTE NOUVELLE ADHÉSION À NOTRE PROGRAMME DE FIDÉLITÉ

POUR TOUTE NOUVELLE ADHÉSION À NOTRE PROGRAMME DE FIDÉLITÉ


MODULE PRODUIT/SELECTION


Sélection standard


Sélection trade (image à gauche)


LA GESTION DES TEXTES


Toggle ou liste déroulante

Texxte du toggle 1

Texte toggle 2

PARAGRAPHE SIMPLE

Paragraphe simple standard


Titre Huge


Titre large


Paragraphe normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non sapien ut est tincidunt vestibulum. Fusce ut lobortis sem, eget auctor sapien. Mauris suscipit congue iaculis. Nam et ullamcorper purus. Etiam non magna eget purus commodo semper. Pellentesque tortor mi, volutpat vel mi nec, blandit sodales nulla. Donec sem quam, finibus nec tellus accumsan, ultricies vestibulum arcu. Ut suscipit augue lorem, ut rutrum orci tristique nec. Proin accumsan semper dolor, id porttitor lacus efficitur in. Aliquam sed facilisis tortor, at elementum lectus. Quisque tempor, mi ac tempus facilisis, erat dolor vehicula sem, non rhoncus magna augue eu felis.



Small texte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non sapien ut est tincidunt vestibulum. Fusce ut lobortis sem, eget auctor sapien. Mauris suscipit congue iaculis. Nam et ullamcorper purus. Etiam non magna eget purus commodo semper. Pellentesque tortor mi, volutpat vel mi nec, blandit sodales nulla. Donec sem quam, finibus nec tellus accumsan, ultricies vestibulum arcu. Ut suscipit augue lorem, ut rutrum orci tristique nec. Proin accumsan semper dolor, id porttitor lacus efficitur in. Aliquam sed facilisis tortor, at elementum lectus. Quisque tempor, mi ac tempus facilisis, erat dolor vehicula sem, non rhoncus magna augue eu felis.


Paragraphe simple centré


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac scelerisque mi. Nunc sem neque, maximus nec magna ornare, sagittis suscipit neque. Sed vehicula vehicula elit, sed pellentesque mi tincidunt nec. Nunc eleifend auctor hendrerit. Proin egestas odio leo, nec euismod erat scelerisque sit amet. Morbi a arcu tempus metus iaculis pellentesque eget ac lectus. Pellentesque id risus metus. Etiam vitae leo justo. Phasellus pretium quis dui non efficitur. Maecenas ut posuere mi. In euismod commodo lacus. Praesent nec purus ipsum. Phasellus eget tellus a tellus pretium venenatis eget et eros. Vestibulum finibus varius placerat.

Nunc ut metus maximus, euismod lorem eu, consequat lectus. Proin eget ante eget nisi molestie vulputate eu nec lectus. Duis non nisl cursus, venenatis odio quis, semper dolor. Phasellus ullamcorper maximus enim, nec lacinia dolor aliquet et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam facilisis ipsum ac augue imperdiet pellentesque. Sed congue sodales purus, eu facilisis dolor imperdiet non. Suspendisse tempor eu risus nec viverra. Donec id velit porttitor purus sollicitudin convallis eu a nulla. Nam dolor tellus, egestas id lacus in, mollis finibus nunc.



PARAGRAPHE SIMPLE


Ce module permet de créer une zone sous-titre + texte.


Configuration BO :


MODULE INFO :

TYPE D'AFFICHAGE : STANDARD OU CENTRE


CONTENU :

1/ SQUELETTE "PARAGRAPHE SIMPLE"



  • Sous-titre
  • texte


SECTION :

SECTION = AU CHOIX EN FONCTION DU BESOIN





Titre - Textarea - Liste Cta

Titre en html

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non sapien ut est tincidunt vestibulum. Fusce ut lobortis sem, eget auctor sapien. Mauris suscipit congue iaculis. Nam et ullamcorper purus. Etiam non magna eget purus commodo semper. Pellentesque tortor mi, volutpat vel mi nec, blandit sodales nulla. Donec sem quam, finibus nec tellus accumsan, ultricies vestibulum arcu. Ut suscipit augue lorem, ut rutrum orci tristique nec. Proin accumsan semper dolor, id porttitor lacus efficitur in. Aliquam sed facilisis tortor, at elementum lectus. Quisque tempor, mi ac tempus facilisis, erat dolor vehicula sem, non rhoncus magna augue eu felis.


CTA

Titre de H1 à H6



Titre H1

Titre h2

Titre h3

Titre h4

Titre h5

Titre h6


MAGASIN FAVORI

Ceci est un texte

https://media-cdn.printemps.com/image/56/5/3154565.svg

ÉTAPE 3

Complétez le formulaire en ligne,

vous n'avez aucun document à fournir

https://media-cdn.printemps.com/image/56/5/3154565.svg

Titre 1


PLAYER VIDEO


IFRAME

Vignette Nav

Image d'illustration

RITUALS

Message Exceptionnel

LA PETITE ATTENTION

Pour toute commande passée sur Printemps.com, nous vous offrons une miniature d'un parfum de la marque Acqua Di Parma, dans la limite des quantités disponibles*.

Newsletter

Vitrine Html

TOUT COMMENCE AU PRINTEMPS

Depuis sa création en 1865 par Jules Jaluzot, aidé par sa femme Augustine, le Printemps n'a jamais cessé de se réinventer. Anticiper les grands changements sociétaux, se mettre au service de tous, sublimer le beau en privilégiant une consommation plus responsable et offrir un sentiment de surprise perpétuel.


En 2022, le Printemps continue de se tourner sereinement vers l'avenir et célèbre son renouveau avec audace, car plus que jamais, tout commence au Printemps ! Nouvelle identité visuelle, nouveaux codes coloriels, nouveaux espaces, nouveaux services, nouveaux concepts et des centaines de nouveaux produits le tout exclusif et inédit comme une 1ère fois... le Printemps fait sa mue.




Footer Liste liens

Footer Reassurance

Footer langage bloc

Vous êtes sur le site :

Vous naviguez en :

Module marques

https://media-cdn.printemps.com/image/71/3/7339713.jpg

CALVIN KLEIN

Formulaire

Tentez votre chance !

Civilité * :

Veuillez indiquer votre civilité

Le prénom est obligatoire

Le nom est obligatoire

L'email n'est pas valide

Le numéro de téléphone n'est pas valide

J’accepte d'être contacté par le Printemps et de recevoir les informations sur l’actualité du Printemps

* Champs obligatoires

Les sociétés Printemps SAS et BPCP traitent vos données, en tant que coresponsables, pour l’organisation du jeu et, avec votre accord, l’envoi de communications commerciales. Pour en savoir plus sur la gestion de vos données et pour exercer vos droits, veuillez consulter notre « Politique de protection des Données Personnelles » consultable sur le site : https://www.printemps.com/fr/fr/protection-donnees-personnelles


Votre inscription a bien été prise en compte !

Merci pour votre participation ! Vous serez peut être notre futur gagnant !

Push Edito

Live Shopping

live shopping

EPISODE 23 : Mets des paillettes dans ta vie

Shade, Personal Shopper au Printemps Haussmann, vous embarque dans le style des années 80. Entre couleurs flashy, tops à paillettes et pantalons lamés, la tendance est à l’extravagance. Grâce à ses conseils mode et beauté avisés, Shade va vous aider à passer du basique à l’excentrique. L’occasion de vous prouver que l’originalité peut s’accorder à tous les moments de la journée.


LES SECTIONS

SECTION ET CONTAINER

Pour bien comprendre l'utilité d'une section, voici son fonctionnement.

La section contient non seulement la section mais aussi le container dans lequel se trouve les modules.


Choisir une section c'est donc :


1/ Sélectionner un affichage particulier pour nos modules. Par exemple ne pas mettre de marge (full-screen), avoir une petite marge ou une marge plus importante. On peut aussi décider d'affecter une couleur de fond gris.


2/ Décider du comportement de nos modules. Quelle disposition en desktop et en mobile par exemple.


Les sections sont réparties en deux styles.

Celles qui sont affectées et utiles pour un type de module en particulier, ce sont les sections affectées.

Et les non affectées qui elles sont utilisables dans différentes situations.




https://media-cdn.printemps.com/image/74/5/3684745.png

Section et container

Les sections affectées à un type de module


Certains modules nécessitent l'utilisation d'une section précise pour fonctionner, les voici :



Section BULLES => Squelette bulles


Section ENCART-PRINCIPAL => Squelette encart principal


Section FOOTER => Squelette footer réassurance


Section FOOTER-GRIS => Squelette footer Liste liens


Section TOGGLE => Squelette Toggle titre description


Section EDITO PRODUIT => Uniquement en édito en cas de produit + image simple



Pour toutes les autres sections, leur utilisation est libre et donc non soumise à un module précis, nous allons voir leur fonctionnement.



Les sections non affectées


Une section est un bloc qui contient un ou plusieurs modules.

Il existe donc différentes sections afin de mieux gérer les affichages des modules entre eux (en colonne, en ligne, avec marge, fond gris ...).


Voici en détail le comportement de chacune des section non affectées.


SECTION "ONE-LINE-DESKTOP"

la section ONE-LINE-DESKTOP a le comportement suivant :


=> Pas de marge pour la section, possibilité de faire du full screen


=> Le container prend toute la largeur du contenu et se centre dans la page.

Ce qui veut dire que c'est la largeur totale des modules qui définit la largeur du container. Le contenu est centrée.


Par exemple si la section contient deux modules qui a eux deux mesurent 500px.

Les modules vont se mettre côte à côte et se centrer dans la page.

Si au contraire la largeur totale du ou des modules fait 100% de la largeur de la page la section sera en full-screen.

https://media-cdn.printemps.com/image/91/9/3684919.png

ONE-LINE-DESKTOP

ONE-LINE-DESKTOP-WITH-MARGIN et ONE-LINE-DESKTOP-WITH-MARGIN-GREY

La section ONE-LINE-DESKTOP-WITH-MARGIN  a le comportement suivant :


=> La section fait 1660px maximum de large


=> Le container prend toute la largeur du contenu et se centre dans la page s'il est moins grand que 1660px


=> Fond gris full screen pour le -GREY


Par exemple si la section contient trois modules qui a eux trois mesurent 1660px.

Les modules vont se mettre côte à côte. Sur un écran de 1920px de large, il y aura donc une marge a droite et à gauche.


Dans le cas d'un écran plus petit que 1660px, le container prendra toute la largeur de la page (moins les marges auto du site) et la taille ou position des modules variera en fonction de leur nature. Ils peuvent par exemple se réduire ou aller a la ligne.


https://media-cdn.printemps.com/image/92/2/3684922.png

ONE-LINE-DESKTOP-WITH-MARGIN

La section ONE-LINE-WITH-MARGIN-SCROLL-MOBILE a le comportement suivant :


=> La section fait un scroll en mobile


Par exemple avec cette section un container de 3 blocs fera scroller le contenu en mobile



https://media-cdn.printemps.com/image/33/3/3685333.png

ONE-LINE-WITH-MARGIN-SCROLL-MOBILE

La section DESKTOP-WITH-MARGIN a le comportement suivant :


=> La section fait 1660px maximum de large


=> Le container prend toute la largeur du contenu et se centre dans la page s'il est moins grand que 1660px


=> Si la largeur des modules est plus grande que le container, les modules vont à la ligne en se centrant



Par exemple si la section contient trois modules qui a eux trois mesurent 1800px.

Les deux premiers modules vont se mettre côte à côte et le troisième ira a la ligne.




https://media-cdn.printemps.com/image/41/1/3685411.png

DESKTOP-WITH-MARGIN

La section ONE-LINE-DESKTOP-INVERSED-WITH-MARGIN a le comportement suivant :


=> Le container inverse la position des blocs en mobile



Par exemple si nous avons un bloc texte puis à droite une image en desk. (1 puis 2)

En mobile nous aurons l'image puis le texte (2 puis 1)



https://media-cdn.printemps.com/image/40/9/3685409.png

ONE-LINE-DESKTOP-INVERSED-WITH-MARGIN

MODULE EDITO


EDITO Image hero (header full picture)

Le duo BLANC et NOIR KOGANE par Giorgio Armani

Giorgio Armani dévoile BLANC KOGANE et NOIR KOGANE, un nouveau duo raffiné qui vient rejoindre la collection de parfums Haute Couture Armani/Privé.

Edito deux images

Edito Texte + image

Edito 1 produit

N.C.P. OLFACTIVES

Collier The Piece gold

226,00€

EDITO paragraphe

FRAÎCHE TULIPE

magazine two columns

Bienvenue sur Printemps.com, votre pays de connexion est : Belgique et votre langue est : Français.