Recherche Extension : Formulaire de contact sur une google map

[dolnar]

Bonsoir à tous et à toutes,

Je recherche une extension de type formulaire positionnée au dessus d'une Google Map. La Google Map serait légèrement transparente pour laisser le formulaire visible en premier plan. Lorsque je cliquerai sur la Google Map en second plan elle s’ouvrira en grand dans un onglet pour laisser entrevoir la position de la société. Sauriez-vous quelle extension correspond le mieux à cette description.

Amicalement,
Dolnar

[dolnar]

Re : Recherche Extension : Formulaire de contact sur une google map

Salut, personne pour m'orienter?

[lomart]

Re : Recherche Extension : Formulaire de contact sur une google map

Salut, personne pour m'orienter?

Bonsoir,

Pour être franc, je n'ai pas compris la question.
Surtout la relation entre la carte et le formulaire.
Décrivez le besoin final plutôt que votre idée sur le moyen d'y arriver.

[dolnar]

Re : Recherche Extension : Formulaire de contact sur une google map

Je recherche un composant ou module qui permet d'avoir un formulaire de contact sur une google map. Si vous regarde la démo :

http://loopingdemo.eu/pointcom/contact

Je voudrais une google map sous le formulaire. Voir l'illustration ci-dessous :

[dolnar]

Re : Recherche Extension : Formulaire de contact sur une google map

Et lorsque l'on clique sur la google map en arrière plan, je dois avoir la Google Map qui s’affiche dans un nouvel onglet ou dans une popup indiquant le lieu de l'entreprise. Sauriez-vous s'il y a un composant ou un module qui offre ce style de formulaire?

[chabi01]

Re : Recherche Extension : Formulaire de contact sur une google map

Bonjour,
Je ne sais pas si un composant existe pour faire cela. Je m'explique.

Tu peux mettre ta carte en fond (sous forme d'image) et ton formulaire par dessus (des div imbriqués) et tu fais un lien sur l'image vers ton popup/
Par contre, en terme de "lisibilité", tu risques d'avoir des soucis : si la personne clique malencontreusement sur le fond, elle va se faire "sortir" du formulaire...

Pourquoi ne pas préférer une carte avec le formulaire dessous chargé à l'aide de 2 modules différents ? Ou encore un bouton menant vers la carte ?

Cordialement,

[lomart]

Re : Recherche Extension : Formulaire de contact sur une google map

Surtout la relation entre la carte et le formulaire.
Décrivez le besoin final plutôt que votre idée sur le moyen d'y arriver.

Je n'ai toujours pas la réponse à mes 2 questions

Voir du coté de gmapfp : http://www.gmapfp.org/fr/

[dolnar]

Re : Recherche Extension : Formulaire de contact sur une google map

Je n'ai toujours pas la réponse à mes 2 questions

La carte(Google Map) doit servir à situer l'entreprise géographiquement.
Le formulaire nous servira à recevoir les attentes ou les demandes des clients.

[lomart]

Re : Recherche Extension : Formulaire de contact sur une google map

La carte(Google Map) doit servir à situer l'entreprise géographiquement.
Le formulaire nous servira à recevoir les attentes ou les demandes des clients.

Donc, je traduis le besoin comme :
1/ localiser une entreprise sur une carte
2/ lui envoyer un email avec la demande du client

Donc +1 avec Chaibi01, même si la solution est moins graphique, mais je pense qu'elle sera plus facilement compréhensible par les visiteurs

gmapfp doit permettre cela ainsi que la plupart des extensions de gestion de cartes telles que https://extensions.joomla.org/extens...-store-locator

[manu93fr]

Re : Recherche Extension : Formulaire de contact sur une google map

+1 avec les autres
avoir un fond "cliquable" qui redirige vers une modale ou tout autre page va perturber tes visiteurs.

Par contre, de memoire, les templates Joomspirit affiche une carte Google Map en fond (une vrai carte, pas juste une image) et le formulaire de contact par dessus en transparence

exemple:

http://www.template-joomspirit.com/template-joomla/template-full-screen-9/index.php?option=com_contact&view=contact&id=1&Itemid=113

[dolnar]

Re : Recherche Extension : Formulaire de contact sur une google map

J'ai finalement opté pour une page web contenant un formulaire de contact en dessous de la Google Map. Mais mon souci est que la google map empêche le défilement vers le bas lorsque le pointeur de la souris est au dessus de celle-ci. Elle effectue un zoom. J'ai alors figé la google map, mais je ne peux plus faire de zoom avec les boutons + et - se trouvant en bas à droite de la google map.J'ai figé la google map en utilisant le code venant de ce site web : http://codepen.io/status201/pen/wKowKz

Je n'arrive pas à avoir le même comportement. Sauriez-vous comment faire? J'utilise le template Helix3

Amicalement,
Dolnar

[chabi01]

Re : Recherche Extension : Formulaire de contact sur une google map

Si tu regardes le source de cette page, la carte est configuré en "no scrolling" :

<iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJBduFO5RywQ4RzayAmB34wIA&key=AIzaSyBwVXoLXlnKUPUvLecLlPqZI4zx1FYoY1A" width="600" height="450" style="border: 0;" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe>

La carte n'est d'ailleurs pas du tout cliquable : ce pourrait être une image fixe...
Pour ton souci de carte sous le formulaire, je crois que je t'en ai déjà parlé au départ....

Cordialement,

[lomart]

Re : Recherche Extension : Formulaire de contact sur une google map

J'ai finalement opté pour une page web contenant un formulaire de contact en dessous de la Google Map.

Je croyais que le cahier des charges était que le visiteur choisisse une entreprise sur la carte pour lui envoyer un message. Mais peut-être n'ai je rien compris!
Si c'était bien le but, pourquoi réinventer l'eau chaude alors que des composants existent. voir mon post précédent

[chabi01]

Re : Recherche Extension : Formulaire de contact sur une google map

Ou une simple image en background dans un div... tous les choix sont présents

[lefabdu51]

Re : Recherche Extension : Formulaire de contact sur une google map

Une vue compactée , ca va être pratique du tout.
Les clients vont avoir du mal a savoir ce qu ils font.

au plus simple:
chrnoforms +plugin de contenu de type google maps tel que celui ci

https://extensions.joomla.org/extension/embed-google-map

tu installe, publies.
dans chronoforms tu insere 2 conteneurs de type div dans l'onglet desgin de l'interface.

tu insere un code comme celui ci dessous :
{google_map}address{/google_map}
via un custom code dans le premier div.

Ensuite tu crées ton formulaire dans la seconde div.

Enfin tu ajoutes une action show html dans l'onglet setup et l'evenement onload.

Pour superposer les deux, tu joues du css et sur la propriété z-index des deux conteurs div