Panier de biens

# 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 :
popup-panier-0

Hover (bouton):
popup-panier-1

Quand il y a déjà des biens enregistrés.
popup-panier-2

– 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.
panier-vide1
– 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-vide-ajout-bien


# Panier rempli

Après l’ajout d’un bien.
panier-plein-bien-ajouté
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.
panier-plein


# Envoi du panier

Formulaire contact form que j’ai préparé.


Entrez ici votre adresse email pour recevoir la liste :

J'accepte les conditions d'utilisation du panier de biens.