Comment Créer une Barre d'Information avec Textes Dynamiques sur votre Shopify / Speed Ecom
HTML-код
- Опубликовано: 27 июл 2024
- ➜ Meilleur Thème Shopify SPEEDFLY : speed-ecom.eu/theme-speedfly/
➜ Essai gratuit Shopify (+ premier 1 mois à 1$) : shopify.pxf.io/ecom360
➜ Utiliser SEMrush pour trouver votre niche ultra-ciblée (14 jours gratuits) : bit.ly/semrush-speedecom
➜ Comment bien gérer sa comptabilité sur Shopify avec Bizyness : bit.ly/ytbizyness 🚀
Formation Gratuite : De Zéro à 1000 €/jour sur Shopify en moins 60 jours
👉 ecom360.ad-digitaliz.com/add/...
➜ Tous nos tutos Shopify sur le blog de Dgeo Dev : dgeodev.com/category/shopify/ (sur le blog faite une recherche avec le titre en question, vous retrouvez tous les tutos écris et code sur ce lien). 
Хобби
![MORTAL KOMBAT 1 - KOMBAT PACK 2 REVEAL TRAILER!! [REACTION]](http://i.ytimg.com/vi/Mi2M58zEQVc/mqdefault.jpg)
Merci merci merci !! heureusement que tes vidéos sont là
:)
Merci de donner de ton temps pour nous en apprendre un peu plus !
Avec plaisir :)
Super tuto Un Grand Merci!!!!
Ce type est au top ! 💯
Merci :)
Grand Grand Grand Merci.... c'est un trésor. Merci
Avec plaisir :)
Super vidéo 👍🏽
Super ça devient facile grâce à vous merci beaucoup !
Avec plaisir 😊
MERCI CEDRIC ET DGEO DSL JE T'AI SOULER AVEC SA ^^ MERCI
encore un super tuto
Merci :)
franchement vous êtes bon ou tu es bon dans ton métier, en tous cas continuer , its great
Merci c'est sympa ;)
ça déchire grave
Merci :)
Bonjour et merci pour la vidéo
Mon problème est que l'animation ne s'active pas. J'ai littéralement repris code pour code et copier là où il fallait. Seulement, il n'y a que "Sur notre site vous aurez" qui s'affiche, puis rien du tout, 0 animation ?
Je suis avec le thème Début
Merci de votre future réponse
Bonjour, hmm, il faudrait voir sur votre boutique pour comprendre ce qu'il en est, il est possible que vous avez un conflit avec un autre script ajouté sur le thème, etc. Ainsi, vous pouvez essayer de voir si le support de Shopify saurait vous aider (sachant qu'ils ont créé le thème Début).
exactement dans la même situation, c'est dommage j'attendais impatiement pour cette fonctionalité
@@annraidebazelaire9395 Tu a trouver la solution ?
@@gmaillu4873 Non l'animation ne s'active pas
hello hello! Merci pour ce tuto! :) J'aimerai savoir si il est possible d'avoir ce text dynamique mais à la place celui d'un slideshow?
Ca ne marche pas avec le theme "Début" :'(
Bonjour, pourtant l'exemple est sur le même thème... Assurez-vous d'avoir bien suivi la mise en place du code.
@@speedfly-shopifythemej'ai le meme probleme
@@speedfly-shopifytheme perso avec ce theme j’ai pas .js.liquid j’ai que .js et j’ai aucun .scss non plus :/
Je l’ai donc mis sur le .js basique et le theme.css mais ça ne marche pas ça n’affiche que le rectangle mais pas le texte dynamique
Salut ça fonctionne sur le thème warehouse shopify?
Super comme dab, perso je souhaiterais bien voir un menu hamburger only html/css, vous en pensez quoi ?
Bonjour,
Pour la Première parti je ne trouve plus le --> theme.css.liquid il n'y que le --> theme.css
Quand j'ai inscrit le codage de la parti CSS dans --> theme.css Le texte en couleurs ne s'affichent pas mais tout le reste oui à savoirs, la partie JS et la partie HTML. Shopify aurais t il fais une mise à jours pour changer le theme.css.liquid en --> theme.css ?
Bonjour, pas de mise à jour, ça varie simplement sur les thèmes mais c'est le même fichier.
Salut tu pourrais créé une vidéo sur comment faire des transitions du style translate X avec transition duration en Css sur du texte et l'intègrer a shopify stp
Salut, merci pour la vidéo mais j'ai cherché le lien pour les codes barres je les vois pas. Merci.
salut ! j’aimerais savoir pourquoi rien n’apparait à part « sur notre site vous aurez » je n’ai pas le texte en rouge dynamique… merci d’avance pour la réponse.
Bonjour, quelque chose n'a pas été correctement mis en place ou il y a un soucis de compatibilité avec le thème utilisé.
Salut, merci pour le tuto qui est comme toujours tres bien expliqué par contre j'ai rien qui s'affiche après sur notre site vous aurez
salut sa ne fonctionne pas pour moi j'ai le théme début et rien ne défile sur ma page d'acceuil il y'a juste le "sur notre site vous auez" ensuite l'animation ne se déclenche pas.
Bonjour, le tutoriel est pourtant sur le même thème, assurez-vous que les instructions sont suivis à la lettre ou essayer de solliciter l'aide du support de Shopify sachant que c'est un thème shopify.
@@speedfly-shopifytheme merci pour cette réponse rapide, pourtant j'ai fais exactement comme sur la vidéo j'ai tout respecté à la lettre. J'ai aussi un probleme avec l'ajoute des dates de livraisons desfois elle se déregles toute seule . j'ai retiré le "entre le " pour mettre une date précise et depuis j'ai l'impression que cette date reste fixe alors qu'elle devrait reculer dans le temps.
Bonjour moi j'ai la phrase dynamique tout fonctionne mais un peu trop bien eft c que le header dynmaqieu s'affiche dans mon menu deroulant comment faire
Bonjour, il faudrait voir avec le support du thème utilisé.
Bonjour! je regarde depuis 1 ans vos vidéos et j'apprécie énormément ce que vous faites. J'ai cependant un léger problème avec ma barre dynamique qui fonctionnais très bien depuis 1 mois, elle a arrêté de générée mes phrases.. J'aimerais savoir s'il cela est normale compte tenu d'une mise à jour shopify ou bien qu'il y a un problème au niveau du code puisque je l'ai refait encore et encore sans succès. Merci beaucoup et au plaisir!
Bonjour, merci pour votre retour :) C'est peu probable que ça soit lié à une mise à jour de Shopify. Cependant, si votre thème a changé depuis ou si vous avez ajouté des applications, un conflit/une incompatibilité quelque part est tout à fait possible. Si vous êtes sur le thème Speedfly, notre support pourra vous aider, sinon il faudrait contacter le support du thème que vous utilisez pour solliciter leur aide.
Salut super t’es vidéo merci!! Je voulais savoir comment faire pour créer un bouton flottant ajouter au panier sur la boutique merci
Avec plaisir ! hmm, difficile à répondre dans un commentaire, peut-être un tuto dans le futur.. :)
Merci pour ce tuto !
Je crois qu'il y a eu un changement au niveau du thème debut sous, les assets pour coller le premier code, le "theme.scss.liquid" n'est plus dans le thème. J'ai donc coller dans les assets sur ce qui ressemblait le plus à savoir : "theme.css". Malheureusement l'animation ne fonctionne pas. C'est le seul changement que j'ai remarqué par rapport au tuto sinon tout est pareil. Auriez-vous une idée d'où coller le premier code pour que ça fonctionne ?
Merci d'avance !
j'ai le meme probleme
a quand une vidéo pour optimiser la vitesse de son site ? :) CSS initile, Javascript et image ?
PS: j'adore tes tutos !
Bonjour et merci :) Une vidéo pour optimiser la vitesse est prévue, mais pas pour le futur très proche malheureusement.
Bonjour et merci pour cette vidéo, je viens d'essayer mais je n'ai aucune section "SCSS" dans mon code, j'ai que la section "Theme.css" hésitez pas a me ire comment m'y prendre merci d'avance
Bonjour, c'est le bon fichier. Si vous avez des difficultés, n'hésitez pas à vous renseigner auprès du support de votre thème.
Bonjour, super video. J'ai un probleme car le texte dynamique ( celui qui bouge ) s'affiche que sur la fiche de mon produit mais pas à l'accueil ou dans les autres pages du menu. J'ai suivi à la lettre le tuto mais je n'arrive pas a trouver le PB . MERCI POUR CE QUE TU FAIS
Bonjour. Je ne saurai vous aider sans avoir accès à votre thème, il faudrait voir où vous avez placé le code et s'il y a des détails spécifiques à prendre en compte pour votre thème. Le mieux serait de contacter le support du thème utilisé.
Merci pour ce tuto, tout fonctionne parfaitement ! Est-ce possible d'ajouter des icones SVG dans les différentes phrases dynamiques ?
Oui c'est possible
Bonjour, merci beaucoup pour ce tutoriel ! Je voudrais savoir s'il est possible de changer en fonction des langues ?
Bonjour, si vous voulez mettre le contenu dans une autre langue, c'est possible et c'est très simple, il suffit de modifier les textes dans le code. Si vous parlez du multi-langue, cela dépendra de votre application.
@@speedfly-shopifytheme Oui, excusez moi j'ai mal formulé ma question. Ce serait pour savoir si l'on arrive à l'avoir en plusieurs langues directement sur notre site. Par exemple si jamais je souhaite passer de la langue francaise à la langue allemande sur mon site, est ce qu'on arriverait également à voir les barres d'infos en allemand ?
@@mxcd23 Cela dépendrait de l'application utilisée, il faudrait qu'elle détecte et permette de traduire le contenu.
Bonjour, merci pour la video. Concernant ma barre dynamique, la phrase de debut est sur l'ensemble des pages de ma boutique, la phrase avec les variantes ne fonctionne qu'avec la page produit. Comment faire? Merci par avance pour votre aide
Salut, difficile à dire ce qui ne va pas sans voir le code, essaie de revoir l'article écrit et assure-toi que tout a été fait correctement, ça devrait fonctionner.
@HOSSAM LAKHAL j'ai également le même souci ...:(
@@speedfly-shopifytheme j'ai également le même souci
Bonjour moi je vois que la phrase fie c'est normal ?
j'ai oublier quoi
Bonjour. On ne pourra malheureusement dire ce que vous avez mal fait, essayez de revoir étape par étape si vous avez fait quelque chose de manière incorrecte. Sinon, essayez de solliciter l'avis du support du thème utilisé.
Bonjour, merci pour votre vidéo, est il possible de changer la typo de la barre d'information ? merci
Oui c'est possible en essayant de combiner avec ce tuto :) dgeodev.com/tuto-shopify-ajouter-police-typographie/
Un tout grand merci je suis tes vidéos depuis hier et c'est vraiment Top. J'ai un petit problème avec le texte en rouge lorsque l'application veut traduire il n'y a que la partie en noir qui se traduit. Peux-tu m'aider svp
Merci :) Par contre, il faudrait contacter le support de l'application de traduction.
Bonjour speed ecom j’ai adorer la vidéo mais j’aimerais savoir comment ont fait pour changer la couleur du gris au haut de la page?
Bonjour, il faut personnaliser les code couleurs rgb dans la partie CSS du code. Pour le cas spécifique, la case Background (pour l'arrière plan).
@@speedfly-shopifytheme merci
Salut, j'ai appliqué cette barre dynamique qui rend super bien donc merci beaucoup; seul petit problème, lorsque le déroulant du panier s'ouvre après un ajout au panier (thème début), la barre reste devant le déroulant et masque partiellement ce dernier, comment éviter ça ? Merci d'avance.
PS: Je n'ai pas trouvé le moyen d'enlever le déroulant du panier le cas échéant.
Bonjour, pour des demandes spécifiques, il faudrait contacter le support du thème, dans ce cas là, Shopify. Sachez également que vous avez droit à 60 minutes d'intervention gratuite d'un développeur Shopify pour chaque boutique.
ta trouver comment finalement ou toujours pas ?
@@marc6300 Oui j'ai enlevé le tiroir du panier, de toute façon je n'utilise plus le panier, installe skip to checkout
@@Bryan-online okay merci
Bonjour, merci pour cette vidéo ! Est ce qu'il est possible de mettre un lien lors du clic sur la barre ? Ou mettre un lien d'action comme un ajout au panier ou autre ? Encore merci
Salut, en théorie c'est possible, mais ça va au-delà du tutoriel en question. Tu pourrais solliciter une intervention technique sur-mesure d'un développeur (potentiellement profiter de l'intervention gratuite de 60 minutes de Shopify pour chaque boutique).
Support Speed Ecom Merci pour ta réponse👌🏼
BONJOUR CEDRIC BONJOUR DGEO. JE VOULAIS SAVOIR SAVEZ VOUS COMMENT ON PEUT FAIRE SUR NOTRE SHOP PAR EXEMPLE 1 ACHETER LE 2EME MOITIE PRIX OU 2 ACHETER 3EME OFFERTS? QUAND ON PLUSIEURS VARIANTES OU PRODUITS? POUR AUGMENTER SON TAUX DE CONVERSION?MERCI LES GARS ^^
Bonjour speed ecom, j’aimerais savoir s’il est possible que les phases se traduite automatiquement dans la barre en haut?
Bonjour. Cela dépend, si c'est pour une boutique multi-langues, il faut voir dans l'application de traduction, si c'est pour une boutique dans une autre langue, il suffit de mettre le contenu dans la langue choisie.
@@speedfly-shopifytheme Bonjour Speed ecom, Le traducteur traduit juste le début de la phase et non la partie qui bouge.
Merci ! Mais sur la version mobile ça ne marche pas :/
Bonjour, il est possible qu'il y a un conflit de script ou une incompatibilité avec votre thème alors.
pour vous, le code prêt apparaît, pour moi, un [pastacode qui n'a pas d'importance où je le mets ne fonctionne pas
Hello, c'était un soucis temporaire, c 'est résolu :)
Bonjour, continuez comme ça vous faite du très bon boulot. J'aurais aimé savoir si y avait moyen d'enlever le texte dynamique sur la page de mon blog ?
Bonjour. Merci beaucoup pour votre message ! De quel texte s'agit-il ? Bonne journée
@@speedfly-shopifytheme Alors je vais essayer de vous expliquer la situation .. J'ai suivis les étapes de cette vidéo et j'ai mis le message dynamique '' Sur ce site vous aurez '' ce pendant sur mon site j'ai une catégorie '' blog '' où je partage des articles sans rien vendre du coup je ne vois pas l'utilité de garder le message dynamique. Ma question est donc pourrait-on enlever le message sur une page spécifique ?
Est t'il possible de mettre les phrase dynamiques en gras ? car j'ai essayer de mettre et mais ça ne marche pas je dois pas les mettre ou il faut j'imagine...
Bonjour. Il faut le faire dans la partie css, en passant par le font weight normalement.
Salut j’ai bien pu mettre la barre defilante et la fixée, mais j’aimerais également fixée ma barre de menu !! De sorte que ma barre de menu se trouve juste en dessous de la barre défilante !Est-ce possible ??? Merci d’avance pour votre réponse 😅
Salut, c'est possible, mais il faut passer par le code bien-sûr :) Le mieux serait de solliciter l'intervention technique gratuite de Shopify (60 minutes d'intervention par boutique) :)
Support Speed Ecom merci beaucoup pour votre réactivité !!! +1 abo 💪🏼💪🏼
Bonjour, petit souci 504 gateway timeout sur votre site malheureusement
@@SPEEDECOMAGENCY au top merci
Salut, jai le theme début et je ne trouve pas dans ASSETS la version theme.css.liquid, je n'ai que theme.css et quand je mets le code à cet endroit , ca ne fonctionne pas, aurais tu une autre solution pour placer cette barre dynamique, merci pour ta réponse
@@SPEEDECOMAGENCY sur le site ça marque simplement " Sur notre site vous aurez " en haut à gauche, sans la barre. Merci pour ta réponse, je vais retenté
@@emacroute6537 salut j'ai le même problème que toi, as-tu trouvé une solution ?
le lien est mort ?
Bonjour, est ce que vous savez comment on met la barre en arrière plan svp?? Pour pas qu’elle se place devant le menu ?? Merciiii
Bonjour, ta question n'est pas tout à fait claire, comment voudrais-tu la mettre en arrière plan ?
Support Speed Ecom merci de m’avoir répondu !! Et bien lorsque j’ouvre le menu, la barre d’information ce place devant celui-ci et donc on arrive pas a voir le premier élément du menu qui se trouve tout en haut !! 😅😅
@@azertyuazertyu782 Hmm, difficile d'expliquer par un commentaire, le mieux serait de contacter le support de Shopify ou du thème que vous utiliser pour solliciter leur aide. Shopify offre notamment 60 minutes d'intervention gratuite d'un développeur.
J'ai essayé , tout fonctionne sauf le texte dynamique qui n'apparait pas, pourtant je suis sur le théme début , savez-vous pourquoi ?
Merci pour le commentaire et désolé pour la réponse tardive. Difficile à dire malheureusement sans avoir la boutique sous les yeux, le mieux étant de passer par le support du thème (ici Shopify donc).
Bonjour, cela marche sur le thème début ? (je crois que vous êtes dessus ! Mais pour moi rien ne défile, il y a seulement écrit "sur notre site vous aurez", puis ensuite rien, est ce normal ?
Bonjour, oui, cela marche sur Début, le tutoriel est réalisé sur ce thème. Si tu suis les instructions et t'assure que tout est bien fait, il ne devrait y avoir de soucis. Sinon tu peut solliciter l'aide d'un développeur Shopify gratuitement.
@@speedfly-shopifytheme peut être que le problème vient que je possède déjà une bannière que j'ai faite moi même ?
@@speedfly-shopifytheme bonjour, chez moi non plus ça ne s'affiche pas :( j'ai le même problème pourtant j'ai tout fait exactement pareil
Merci pour le tuto qui fonctionne parfaite. Mais j'aimerai savoir, comment faire pour choisir une couleur différente pour quelques mots dans chaque phrases dynamique. Par exemple "bonjour à tous" avec un bonjour rouge et le reste en blanc.
Bonjour, navré, ce n'est pas possible.
@@speedfly-shopifytheme D'accord merci quand même et super travail
tu peux faire une video pour montrer le temps de la promotion stp?
Un timer tu veux dire ? Il y a beaucoup d'applis qui font ça et c'est disponible dans le thème speedfly également.
Bonjour ! j'utilise le thème début, J'ai suivis a la lettre j'arrive a modifié les couleurs etc, par contre mon texte dynamique quant a lui s'affiche pas toujours et sur telephone jamais Serait tu me dire d'ou viens le problème j'ai suivi a la lettre pourtant :3 je n'ai pas d'appli sur le theme
Bonjour, navré, difficile à dire ce qui ne va pas sans avoir la boutique sous les yeux.
@@speedfly-shopifytheme pouvons nous nous entretenir en privée ? peut-etre quand vous montrant le code vous arriverai a trouver ?
@@viklee7653 Bonjour, uniquement si vous êtes sur le thème Speedfly malheureusement, sinon vous pouvez essayer de solliciter l'aide du support du thème utilisé.
@@speedfly-shopifytheme Très bien, je vais essayer tout de même de mon coté, Le theme speedfly sera pour mars . a bientot
Pareil pour moi, il n'y a aucune barre dynamique.. Je l'ai pourtant fait ya 1 semaine sur ma première boutique ça avait marché niquel . Pourquoi maintenant ça ne marche plus ???
j'ai theme.css liquide moi, au lieu de scss peut être pour ça ?
Bonjour, je ne saurai pas dire ce qui ne va pas sans regarder ce que vous avez fait. Je pense que le mieux est de contacter le support du thème que vous utiliser et solliciter leur aide potentiellement.
@@speedfly-shopifytheme Merci de votre réponse. Le problème étant que sur ma boutique, avec les dizaines de vidéos que j'ai regardé de vous, je n'avais pas eu un seul soucis. Pourtant j'ai bien refait les mêmes manip ^^. pas grave, je vais contacter le support comme vous me le conseiller
Y'a t-il une possibilité de ne n'avoir qu'une seule ligne. Je vois sur le code que c'est entre 3 et 6
Bonjour, vous pouvez essayer de mettre 1 dans le choix du nombre dans la partie dynamicWordNumber = 3; et voir si ça fonctionne.
@@speedfly-shopifytheme j'ai essayé avec 1 et 2 mais là il n'y a plus de message dynamique
@@newkitchenpop4383 D'accord, il faut obligatoirement mettre entre 3 et 6 alors, sinon, c'est plus simple de mettre simplement un texte unique dans la barre de header que tous les thèmes doivent avoir.
Salut. est ce compatible avec le thème Narrative ? parce que ça ne fonctionne pas
Salut, je ne vois pas pourquoi cela ne fonctionnerai pas sur Narrative. Tu as peut-être fait une erreur de manipulation quelque part.
@@speedfly-shopifytheme salut a toi.
J y ai pensé mais ton tuto est hyper simple yba rien de compliqué.
J'obtiens une headband grise avec le texte fixé certes mais absence totale de texte défilant....
Merci de ton retour
@@speedfly-shopifytheme J'ai compris ça fonctionne pas, dans le thème narrative il n'y a pas de dossier js.liquid.
Une suggestion ?
Merci à toi
je n'ai aucun des themes.scss.liquid,... g que theme.css c la même chose ??
Bonjour, c'est la même chose :)
@@speedfly-shopifytheme je sais pas si c'est moi j'ai fais pareil qu'indiqué mais ça m'affiche seulement "sur notre site vous aurez"
@@aaronaourane4208 il y a quelque chose qui est mal mise en place ou il y a un conflit de script dans le thème utilisé.
SALUT MERCI POUR LE TUTO DANS CE TUTO COMMENT JE PEUX PLACER LE TEXT AU MILIEU MERCI
Salut, le texte au milieu? c'est à dire ?le texte de la barre est déjà centré.
bonjour, c'est possible de faire moins de 3 textes ? j'en veux juste 1 moi
ah si je crois qu'il faut refaire une condition pour le cas" if(dynamicWordNumber == 1)" vu qu'il y a que pour 3,4,5 et 6
ouai enfait j'ai réussi c'était facile
@@magicheel7762 Parfait :)
Hello @SPEED ECOM aurais-tu la manipulation pour faire fonctionner ce code juste exceptionnel sur le thème Fastlane stp ? Car j'en ai vraiment TROP besoin et je ne trouve aucun autre tuto sur internet. Merci par avance pour ton retour. =)
Bonjour, le tutoriel devrait fonctionner sur fastlane également, as-tu essayé ?
@@speedfly-shopifytheme Hello, oui j'ai essayé en suivant le tuto à la lettre et au mieux je parviens à avoir une petite barre blanche en haut de page avec le texte fixe mais rien de plus ... =/ Cela fait bien 3h que je tente des choses mais rien à faire ^^' Est-ce que vous accepteriez de jeter un oeil si je vous procure un accès à ma boutique ?... Pleeeeaaaase =D
Ou m'aider tout simplement ... Je serais prêt à payer si je n'avais pas investi les 11 500€ qu'il me restait pour la création et le lancement prochain de cette marque ... Vraiment ...
@@mybeautysecrets8338 Salut, le mieux serait de contacter le support du thème en question afin de solliciter leur intervention, on ne peut malheureusement pas intervenir si tu n'es pas client speedecom.
@@speedfly-shopifytheme Oé j'ai capté, c'est oeil pour oeil dent pour dent. Mais comme je dis toujours tant mieux, ça fera toujours moins de richesses à partager. Mais ce qui est marrant c'est que c'est ça que vous recherchez tous, la richesse non ? Alors pourquoi le monde ne se contente-t-il que de miettes ? ... Question réthorique hein, je sais déjà ! =D X,D 👍