Recherche swiftype impossible à enregistrer

[psygel]

Bonjour,
J'ai un problème concernant une recherche interne que je veux intégrer. J'ai bien suivi le tutoriel swiftype,  mais lorsque j'enregistre le code HTML, impossible d'enregistrer... La petite barre de progression arrive presque au bout mais ne finalise jamais.  
Le code HTML:

<script type="text/javascript">
 (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
 (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
 e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
 })(window,document,'script','http://s.swiftypecdn.com/install/v2/st.js','_st');

 _st('install','muByYM6vmATiQEk4oV7Z','2.0.0');
</script>

mon site: http://fabricationexpress.jimdo.com
S'il vous plaît, aidez-moi!!!  

[FredVig]

Essayez un autre navigateur (chrome, firefox).
ça devrait fonctionner. Je ne connaissais pas swyftype avant votre message. Je l'ai installé en quelques minutes sur mon site pour essayer. Je me demande quelle est la contrepartie…

[psygel]

D'accord, je suis en train de télécharger google chrome, j'étais déjà sous firefox.
Que voulez-vous dire par contrepartie?
MErci pour votre commentaire sur mon site et de votre réponse rapide

[psygel]

Non... Exactement le même problème... Le chargement ne finit jamais.

[FredVig]

Par contrepartie je veux dire… outil gratuit => comment se paient-ils ?

J'ai suivit le mode d'emploi simplement en acceptant les valeurs par défaut, et c'est monté de suite. Je ne sais que dire, il faudrait demander plutôt à swiftype…

Le widget implique de pouvoir scanner vos pages. si quelque chose bloque ce scan, ça peut coincer. Mais quoi?

[psygel]

Bien, merci beaucoup pour toutes vos réponses tant pis...

[Solie]

J'ai exactement le même problème que toi.
Ajoute ceci derrière ton code ;

<input type="text" class="st-default-search-input">

Alors que la barre de progression ne se finalise pas davantage... quand tu es à 99%, tu quittes la page, et tu reviens. Ta barre de recherche apparaîtra. La recherche fonctionne bien en plus.

Par contre, ça met le boxon dans tout le site. ça décale des éléments. Et sur iPad, les pages s'affichent automatiquement zoomées. C'est probablement à cause de la progression qui bloque avant la fin, ou du rajout pas correct. Mais sans celui-ci, la barre de recherche ne s'affichait pas du tout.

Je viens de passer trois heures là-dessus. Tu peux tester son fonctionnement sur la sidebar de mon site, avant que je ne l'enlève.

Bonne chance

[FredVig]

Le module de recherche fonctionne sur le site de psygel. bien joué ! (et merci pour les frelons

[Solie]

Je remarque les mêmes problèmes d'affichage à l'ouverture des pages de son site.

Fred, savez-vous si Javascript est incompatible avec iPad ?

[FredVig]

Les navigateurs de mobiles (il en existe des dizaines) désactivent parfois javascript en effet. Mais ce n'est pas une règle absolue.

[Solie]

Safari. Si des bugs d'affichage apparaissent, le module fonctionne. J'essaierai une installation différente.

[FredVig]

Safari est assez exotique sur ordinateur. Sur ipad il est davantage présent à cause d'Apple évidemment. il existe une fonction qui active ou désactive javascript dans safari. elle est peut-être activée sur votre ipad.

[Solie]

Javascript était bien activé ;-) Heureusement parce que sinon plus de galeries d'images, de rollover, de vidéos, de sons...

J'ai désactivé un instant pour voir. Là, plus de problèmes d'affichage sur le site de psygel. Sa barre de recherche avait disparu bien sûr.

C'est ce script swiftype qui affecte l'affichage (en mode portrait uniquement). Je n'ai pas trouvé de solution. Réduire le width? J'ai l'impression que ce code ne le permet pas.

A contrecœur, j'ai enlevé la recherche Swiftype de mon site hier soir. Il y a pas mal d'internautes qui surfent en tablettes...

[psygel]

Bonjour, merci beaucoup pour ta réponse Solie, je vais essayer de ce pas

[Solie]

Pour Swiftype, j'attendrai que nos designs soient responsifs.

Le support Swiftype a effectué quelques tests sur mon site cette semaine. Ils m'ont d'abord demandé de replacer la recherche dans la sidebar, puis en dehors sur une seule page. Cette page et d'autres du site sans Swiftype, étaient autant affectées sur les très petits écrans. Ca ne touche pas seulement les iPads.

Chez toi psygel, c'est surtout la page questions /réponses qui n'aime pas Swiftype.

En vérifiant le langage de mes pages, ils n'ont relevé aucune erreur suite à l'imput. Ils penchent pour un problème de responsivité des templates Jimdo sur petit écran. Ils m'ont conseillé de transmettre au support Jimdo...

Voici sa réponse:
"Bonjour (...) Je peux transmettre votre message à nos développeurs mais très honnêtement, je ne pense pas qu'ils se pencheront sur ce problème relatif à une application externe. Ce problème, je pense, a pour origine le fait que nos designs ne sont pas responsifs et les éléments se chevauchent lorsque la taille de l'écran devient trop petite.
Il doit être possible, par l'intégration de code, de parvenir a un résultat satisfaisant, mais n'étant pas formé pour cela je ne pourrai malheureusement pas vous donner un code le permettant.
Je reste présent si besoin (...)".

Je me suis résignée à essayer le pas très joli Google search ! Enfin, c'est la barre de recherche qui est moche. Le reste est customisable dans l'esprit du site. Google search semble plus léger, et n'affecte aucune page. Il doit être possible de rendre la barre de recherche moins imposante et de remplacer le mot rechercher par OK puisque Filmsdelover a pu personnaliser la sienne.

[psygel]

Merci beaucoup encore une fois Solie, mais j'avais essayé google search et j'avais eu également un problème... Lorsque j'effectuais une recherche, il ne trouvait absolument rien... Je vais mettre le code que tu m'a transmit, merci

[psygel]

Parfait, merci Solie

[FredVig]

Solie, si le soucis peut être résolu par du code, peux-tu placer ton module swiftype sur une page cachée de ton site et nous décrire le problème (copie d'écran). Je peux essayer de chercher.
Ce sera certainement plus simple que de chercher à modifier le design du module gougeule

[Solie]

Oh, c'est sympa d'essayer ! Je vais le remettre
Que je place le module sur une seule page, ou directement sur la sidebar, ça touche quand même les éléments de certaines pages.

Alors je peux placer le module Swiftype à ta convenance. Tu préfères que je le place sur une seule page ?

[Solie]

Voilà Fred ! Le module a retrouvé la sidebar, et quelques captures de pages sont ici.

[FredVig]

Et ben, c'est très très bizarre !
je vais regarder ça…

[FredVig]

Il me semble que…
Ce design jimdo comprend des dispositions de responsivités. (voir tous les @media)
Elles entrent en conflit avec l'une des propriétés du module. Difficile pour moi de voir laquelle avec mes émulateurs, car je n'observe pas de différence de réaction avec ou sans le code inclus dans la sidebar : Les modules se chevauchent lorsque la fenêtre est trop étroite, les prévisu de vidéo ne se re-dimentionnent pas, les titres ne changent pas de taille?
As-tu essayé d'inclure le code dans un module colonne jimdo ?
Je pense qu'il faudrait revoir les dimensions des imports vidéo de façon à ce qu'ils s'adaptent à leur contenant.
En particulier dans la sidebar, la première à gauche.

[Solie]

Bien vu pour l'intégration des vidéos ! Leur intégration par le module vidéo de Jimdo n'est pas à conseiller.

J'ai pour le moment réintégré les deux vidéos de la sidebar par code iframe en 100% width & height. A présent, la vidéo sur la gauche s'adapte à la taille d'un petit écran sans empiéter grossièrement sur le module SoundCloud. Par précaution, je réintégrerai toutes les vidéos du site de cette manière.

Effectivement, la taille de la police des titres ne semble pas toujours s'adapter à l'écran... Enfin, c'est aléatoire. Tu verras que depuis la page d'accueil, ça s'adapte très bien. C'est vraiment bizarre.

L'évolution, les captures et les détails se trouvent ici.

Oui, l'espace libre à gauche du contact était initialement prévu pour la barre de recherche Swiftype. Cette dernière était trop large pour la colonne. Elle écrasait l'icône smarphone ;-)

PS: Si tu veux faire un test colonne, je peux placer le module à cet endroit.

[Contenu sponsorisé]