# Informations générales
– Placer tous les fichiers relatifs à la fonctionnalité dans le dossier “/plugin-panier/” à la racine du site.
– Au départ, le Panier ne s’affiche que sur les pages :
https://www.agence-immobiliere-miami.com/rechercher-un-bien/*
https://www.agence-immobiliere-miami.com/idx/*
– Quand le panier a au moins un bien enregistré, l’afficher sur toutes les pages.
– L’idéal serait de faire un joli petit css special pour tout le “plugin”, avec des noms uniques pour les div et les éléments (éviter de faire tout bugger LOL).
# Barre flottante bas de page
Sans mouvement, aligné sur le bas de la page
Format : Environ 600×50 jusqu’à 800×50
Normal :
Hover (bouton):
Quand il y a déjà des biens enregistrés.
– Couleurs : bg-color:#F5F5F5; text-color:#8B9292; border:1px#8B9293.
– Bouton : normal:#EC894D; hover:#df5400.
– Police : Utiliser la police “Roboto” du thème.
– Nb de biens enregistrés : text-color:#df5400 (en gras);
# Panier Vide
(Pour la hauteur du bloc ici, nous verrons en fonction de comment nous arriverons à intégrer tout ça avec le formulaire…)
Dans le cas ou l’utilisateur n’est pas sur une page de bien.
– Pour l’émoticon (guide FA & code ci-dessous) :
Guide d’utilisation du FontAwesome
<i class="fa fa-frown-o fa-4x"></i>
Dans le cas ou l’utilisateur est sur une page de bien.
# Panier rempli
Après l’ajout d’un bien.
Une fois le panier validé.
– Maximum 8 biens enregistrés.
– Afficher comme sur l’image.
– Limiter le nombre de caractères pour que ça rentre en finissant par “…”.
– Hormis “Masquer le panier”, la partie de droite s’intègre avec le shortcode du plugin Contactform7.
# Envoi du panier
Formulaire contact form que j’ai préparé.