Comment Créer une Animation CSS sur Shopify / SPEED ECOM
HTML-код
- Опубликовано: 7 сен 2024
- 🆕 OFFRE SPÉCIALE : Essayez GRATUITEMENT Ecom Sphere pendant 7 jours !
➜ Accès exclusif : go.speed-ecom....
Ressources essentielles pour réussir votre e-commerce et dropshipping :
✅ Essai gratuit Shopify (1er mois à 1$) : shopify.pxf.io...
✅ SPEEDFLY - Thème Shopify haute performance : speed-ecom.eu/...
✅ SEMrush - Outil de recherche de niche e-commerce (14 jours gratuits) : bit.ly/semrush...
✅ Bizyness - Gestion comptable simplifiée pour Shopify : bit.ly/ytbizyness
📚 Tutoriels Shopify gratuits : dgeodev.com/ca...
Trouvez des guides détaillés et des astuces pour optimiser votre boutique en ligne.
Ecom Sphere vous offre :
✅ Formations e-commerce exclusives par des experts
✅ Communauté d'entrepreneurs dynamique
✅ Événements live et masterclass réguliers
✅ Templates professionnels pour votre boutique
✅ Support prioritaire personnalisé
✅ Licence mensuelle Speedfly offerte (valeur 197€/mois)
✅ Mises à jour constantes et nouvelles ressources
Ne ratez pas cette opportunité unique de transformer votre e-commerce. Rejoignez Ecom Sphere maintenant !
#ecommerce #shopify #dropshipping
excellent tuto ! magnifique, ça donne vraiment envie de bidouiller tout ça, merci beaucoup, je prendrai le temps de bricoler tout ça un de ces jours. merci beaucoup
Merci :)
Mec t'es un pro! :)
Je ne commente jamais en temps normal, mais là ça fait plaisir!!
Merci pour ce tuto super bien expliqué.
On s'amuse bien une fois le principe compris. Ça donne envie de bidouiller... ;)
Prends soin de toi
Peace ;)
Hehe, merci :)
C'est super que tu reprend les tuto pendant ce confinement merci beaucoup au top 👌🏽
Merci ! Il faut bien en tirer quelque chose de positif de cette situation :)
toujours au top continue !
Merci :)
Merci pour le tuto!
Avec plaisir :)
merci pour vos videos elles sont top je suis débutante et je m'en suis sorti grâce a vos publication .
Merci :)
Bonjour,
Tout d'abord, un gros merci pour la vulgarisation du codage sur RUclips.
J'aimerais me servir de ce tuto pour créer un effet "apparition vers le haut" pour les badges de confiance pied-de-page.
Le truc est que j'ai crée mes badges de confiance selon votre tuto: "Comment Ajouter des Badges de Confiance sur le Footer sur votre boutique Shopify ?" donc je ne retrouve pas l'emplacement.
Merci d'avance pour votre retour et excellent travail.
Je m'auto-réponds.
J'ai trouvé la solution.
MERCI !!
Avec plaisir :)
Super comme d'habitude merci l'artiste 😉
Avec plaisir :)
bonjour merci tout d'abord pour vos vidéos , j'ai juste une question, lorsque vous sélectionner tout le script comment vous faite pour mettre en maj stabulation, et aussi lorsque on veut coller le script est ce primordiale d'avoir la balise juste en haut qui dit (content_for_header)
Merci pour vos videos.
Hello, depuis la nouvelle mise à jour de shopify le maj + tab ne fonctionne plus :( pour le script peu importe l'endroit tant qu'il reste a l'intéreieur de la balise ....
Je suis désolé mais je ne trouve pas le site de base pour copier les code
Hello, il suffit d'aller ici ou d'utiliser le moteur de recherche : dgeodev.com/category/shopify/
quand jinspecte lélement les seuls section que je trouve sont des section template ou bien section.section comment faire ?
Merci et bonne continuation
Avec plaisir :)
Super vidéo comme d'habitude ! Tu pourrais faire un tuto pour mettre un compteur de temps sur shopify ?
Merci :) c'est à considérer, il y a tout de même pas mal d'applications, même gratuites, qui permettent d'en avoir facilement.
bonjour comment fais la marge tabulation comme toi je ne sais pas aligner les codes une fois terminer
Bonjour, il faut appuyer sur MAJ + TAB, sachez tout de même que ce n'est pas un détail important, le code fonctionnera dans tous les cas, c'est juste pour le rangement visuel :)
@@speedfly-shopifytheme merci beaucoup et de tes vidéos , j’ai mis certaines codes que tu m’a donné elle a bien marché mais jusqu’à sur ma boutique mais après elle a disparu je ne sais pas pourquoi
Est-ce que tu pourrais nous montrer comment tu fait pour faire « sur notre site vous aurez la livraison » en animation. J’ai cherché sur ta chaîne mais introuvable.
Merci d’avance !
Ps : tes vidéos sont super !
@@speedfly-shopifytheme parfait merci beaucoup !
Bonsoir comment on fais marges d’alignement ?
Bonjour, c'est une question à laquelle on ne pourrait donner une réponse simple par commentaire :) Vous pouvez contacter le support client du thème que vous utilisez pour demander une aide spécifique.
Bonjour, je suis entrain de créer ma boutique shopify, je suis dans le délai des 14 jours d'essai gratuits. Est-ce normal que je n'arrive pas à voir les thèmes liquides, etc? je vois juste la barre latéral gauche.
Bonjour, la période d'essaie de limite pas votre accès au code du thème. Si vous avez un problème à ce niveau là, pensez à contacter le support du thème utilisé ou celui de Shopify.
Merci pour ce super tuto ! Si jamais j'ai deux "feature row" à la suite et que je veux en faire aller une vers la gauche et une vers la droite c'est possible??
Bonjour, vous pouvez spécifier la section séparément par le code d'identifiant.
Salut sympa ta vidéo ! Comment tu fais ta mise en forme sur Windows 10 ? Parce que j'avais réussi y a quelques temps à le faire puis j'ai oublié, je fais Majuscule et la flèche qui pointe vers le haut, la touche juste en dessous de celle-ci mais ça ne donne rien. Merci !
Salut je pense bien avoir identifié la section car j'ai testé avec un mot qui apparaît bien, mais quand je met ça au code ça ne fait pas d'effet..
ibb.co/pbn9MnY
Bonjour, es-tu sur le thème Speedfly ? si oui, tu peux nous faire un message au support, on regardera ce qu'il en est. Dans le cas contraire, on ne peut malheureusement aider car c'est différent d'un cas à l'autre et on doit regarder ce qu'il en est directement sur la boutique parfois.
Salut Dgeo ! Sur le premier exemple en fonfu est ce que c'est possible de m'être juste sur les écriture de l'image ?
Bonjour, si le contenu en question a une classe, c'est possible d'ajouter l'effet normalement.
@@speedfly-shopifytheme oui merci j'ai trouver la classe. C'est possible de faire d'autre effet du genre le texte qui apparaît petit et grossi jusqu'à arriver à sa taille normal ?
@@maxenceleclere6858 L'ensemble des effets sont listés dans le tutoriel
Salut je n'arrive pas a enregistre // Erreur: {{content_for_header}} manquant dans la section d'en-tête du modèle merci de t'on d'aide
Excuse moi je suis débile mdr Problème résolu
@@sofianeyelmani3555 D'accord :)
pouvez vous nous indiquer comment créer un carrousel des images de produits sur shopify avec le code et merci d'avance pour l’énorme travaille que vous faites
Merci, la plupart des thèmes ont déjà cette fonctionnalité, mais si ça sera utile, on va considérer... :)
Super come dab! Comment tu met le texte qui défile en header? Merci
Hello, tu peux suivre le tutoriel suivant : dgeodev.com/tuto-barre-dinformation-avec-textes-dynamiques-sur-shopify/
@@speedfly-shopifytheme Merci ! 👍👍
hello bonjour j'ai pas su faire les animations faut il un theme special ?
Bonjour POGO mano,
Avez vous bien ajouter le code à la fermeture de la balise aide.
Non il ne faut pas forcément un thème spécial vous pouvez constater que sur le tutoriel Dgeo utilise le thème "début".
Bonne journée,
L'équipe SpeedEcom
@@SPEEDECOMAGENCY JE VAIS REGARDER DE SUITE MERCI DE TA REPONSE
j ai fait copier coller les code normalement il devrait pas avoir d'erreur
CC SPEED COM TU AVAIS RAISON POUR LES FERMETURES C OK MERCI POUR TOUT FONCTIONNE À MERVEILLE
Intéressant mais à chaque Maj de notre thème il va falloir répéter l'opération...?!
Hello, oui, tu vas devoir refaire toutes les modifications/ajouts de codes, etc. Quand tu remets une nouvelle version d'un thème, les codes ne sont pas forcément importés automatiquement.
Bonjour, ce tuto marche t-il avec le thème Boundless ?
Bonjour, ça devrait marcher, mais c'est à essayer, je conseille de copier/dupliquer le thème avant de tester.
Salut, superbe vidéo! J'ai suivi le tuto de A à Z j'ai le theme Debut et rien ne change aurais tu une idée d'ou cela pourrait venir?
ps: je n'ai fait que du copier coller donc pas d'erreur de syntaxe
@@MrWrestlingBelgique Hello, difficile à dire vraiment, un quelconque petit erreur de manipulation peut causer problème et cela peut varier d'un cas à l'autre.
@@speedfly-shopifytheme Je viens de remarquer que je n'ai même pas le Hero.liquid... alors que je n'ai jamais fait de manipulation de fichier. Un conseil?
Je me demande si c'est possible de mettre ce code sur la page produit pour avoir ces animations!
Bonjour, si tu maîtrise bien le code, tu peux l'adapter à la page de produit également.
@@speedfly-shopifytheme merci pour ta réponse rapide! je pensais à un simple copier/collé :D!
Je vais y passé un peu de temps, je crois que ça ferai une jolie page produit!
Merci encore pour toutes tes vidéos, je suis devenu accro depuis hier!
you rock man!
Superbe vidéo comme toujours, mais je fais de A à Z ce que vous dites mais cela me fait ça zupimages.net/viewer.php?id=20/23/ytvz.png, un bande blanche s'affiche et je ne sais pas comment la retirer, mais l'animation ce fait ce qui est bien ^^, ah oui je suis sur le thème venture.
Bonjour, sans intervenir personnellement, je ne pourrai voir ce qu'il en est et corriger ça, par contre, tu as le droit avec Shopify à 60min d'intervention gratuite d'un dév et je te conseille d'en profiter :)
@@speedfly-shopifytheme ah je ne savais pas merci pour l'astuce, je vais en profiter alors.
@@speedfly-shopifytheme
Comment avoir accès à ce service ?
@@sofianeyelmani3555 il faut voir avec le support de shopify.
que veut dire css speed ecom ??
Salut, alors le CSS est une partie du code qui permet de gérer l'aspect visuel du thème en quelque sorte.
ça va trop vite je suis désolé je suis débutant et franchement c'est pas intuitif du tout ! j'ai laissé tombé ça m'a fait fuir. Il faut se mettre à la place des gens qui débute, si vous voulez avoir plus de client, je suis désolé d'être cru comme ça mais si j'avais vu cette tuto et la manière dont c'est expliqué j'aurais franchement passé ma route. Cela coule de source pour vous mais il faut savoir se mettre à la place des autres. Nous ne sommes pas tous des développeurs. Autant le SAV est extraordinaire je dois dire, ce qui penche la balance en votre faveur car c'est très important
@@SPEEDECOMAGENCY désolé mais les fonctions gauche vers la droite, etc j'ai jamais su le faire aller enfin je ne suis plus autant enthousiaste que quand je l'ai eu si on veut faire des anims y a rien qui va
@@deval5000 Il peut venir vous le faire directement chez vous mais ce sera 4500€ la presta.
Sérieusement, comment ce tuto pourrais être plus simple que ça ???
FAUT EXPLIQUER MIEUX POUR QUE ON APPREND
J'ai simplifié au mieux :)
PAS BIEN TOUS COMPRIS
Il faut simplement suivre lentement les étapes car J'ai simplifié au mieux :)
Merci :)
Avec plaisir :)