No video
🛒Comment Créer un Carrousel Produits Shop👟 e-Commerce intégrant Whatsapp | HTML CSS & JS
Рет қаралды 24,380
2 жыл бұрын🔥Dans cette vidéo nous allons comment créer une page web avec un carrousel produits shop marketplace e-commerce intégrant whatsapp avec html css et javascript pour les débutants en développement web.
Dans cette vidéo passionnante, vous allez apprendre comment créer un carrousel de produits pour une boutique en ligne, en utilisant HTML, CSS et JavaScript. Mais ce n'est pas tout ! Nous irons encore plus loin en intégrant la fonctionnalité WhatsApp à votre carrousel, permettant ainsi aux utilisateurs d'interagir directement avec vous pour passer des commandes ou poser des questions.
Tout d'abord, nous allons vous guider à travers la mise en place de la structure HTML pour votre carrousel de produits. Vous apprendrez comment organiser les images, les titres, les descriptions et les prix de vos produits, de manière à les rendre attrayants et informatifs.
Ensuite, nous passerons à la partie CSS, où vous apprendrez à styliser votre carrousel et à le rendre visuellement attrayant. Nous aborderons des concepts tels que les animations, les transitions et les effets de survol pour améliorer l'expérience utilisateur.
Enfin, nous plongerons dans le JavaScript pour rendre votre carrousel interactif et intégrer la fonctionnalité WhatsApp. Vous apprendrez comment capturer les clics des utilisateurs sur les produits et déclencher l'ouverture d'une fenêtre WhatsApp pré-remplie avec les détails du produit sélectionné. Cela permettra aux utilisateurs de vous contacter directement pour obtenir plus d'informations ou effectuer des achats.
Tout au long de la vidéo, nous vous fournirons des conseils et des astuces pour optimiser la performance de votre carrousel, rendre l'expérience utilisateur fluide et améliorer l'aspect mobile-friendly de votre design.
Rejoignez-nous dès maintenant et apprenez comment créer un carrousel de produits e-commerce attrayant, tout en intégrant la fonctionnalité WhatsApp pour faciliter les interactions avec vos clients. Donnez à votre boutique en ligne une touche d'interactivité et de convivialité supplémentaire.
🔴Abonne toi en cliquant ici ⬇️:
kzfaq.info/love/6At...
-------------------------------------------------------------------------------------------------
🔥Comment Créer une Page Web de Service & Conseil en Automobile | HTML CSS JAVASCRIPT
• 🌍Comment Créer une Pag...
-------------------------------------------------------------------------------------------------
🔥Comment Créer une Page Web comme Spotify | Application de Musique avec Html Css & Javascript
• 🎵Comment Créer une Pag...
-------------------------------------------------------------------------------------------------
👍Cours HTML & CSS:
www.youtube.com/watch?v=CX65l...
-------------------------------------------------------------------------------------------------
Télécharger les images:
drive.google.com/drive/folder...
----------------------------------------------------------------------------------
✅Me suivre sur likendIn:
/ matthieu-mulumba
✅Me suivre sur Instagram:
/ matthieu_mulumba.k
✅Suivez-nous sur Facebook
/ etceducatiion
-------------------------------------------------------------------------------------------------
#html
#css
#js
#javascript
#ecommerce
#htmlmarketplacewebsite
#webshop
#siteecommercehtml
#boutonwhatsapp
#projetchtml
#uidesign
#javascript
#programmation
#débutant
#portfoliowebsite
#courshtmlcss
#créationpageweb
#conceptionpagewebhtmlcssjavascript
#applicationdemusiquehtmlcssjavascript
#tutohtmlcssjavascript
#tutorapidehtmlcssjavascript
#tutorielhtmlcssjavascript
#tutorielrapidehtmlcssjavascript
#tutowebdesign
#whatsappshop
#tutodeveloppementweb
#portfoliohtmlcss
#sitewebhtmlcssjavascript
#portfoliohtmlcssjavascript
#apprendrehtmletcss
#commentcréerunsitewebavechtmlcssetjavascript
#créerunsitewebhtmlcss
#creerunsitewebavechtmletcss
#creerunepagewebavechtmletcss
#créationsitewebhtml,cssjavascript
#htmlcssjavascript
#portfoliohtml
#projethtmlcssjavascript
#websitehtmlcssjavascript
#animationbordercss
#creationdesitewebavechtmletcss
#créerunsitewebhtmlcssjavascript
#htmlcss
#javascript
#courshtml
#portfoliowebsitehtmlcss
#coursjavascript
#courscss
#htmlcssportfolio
#htmlcsssite web
#javascriptpourleweb
#portfoliocsshtml
#projethtmlcss
#projetjavascript
#sitewebhtmlcss
506abonnés
@QuantiqueTV3105 Ай бұрын
Bonsoir Professeur Maxcode d'abord je vous remercie infiniment grâce vous je parviens à comprendre la pratique.
@etcschool2 Ай бұрын
Bonjour, merci pour le commentaire. Je suis en train de préparer des formations plus complètes. Restez connecté à la chaîne.
@edmondyouzan9114 Ай бұрын
Superbe formation Professeur
@etcschool2 Ай бұрын
Merci bien, n'hésitez donc pas de partager la chaîne.
@baleemille4720 Жыл бұрын
super
@talebhadramiabdesalameTaleb Жыл бұрын
👍👍👍
@nelsonmuvingi01 5 ай бұрын
Je viens tout juste de découvrir votre chaîne et je viens de m'abonner déjà
@etcschool2 5 ай бұрын
Merci et bienvenue sur la chaîne.
@djolaisloba5332 Жыл бұрын
Superrrrrrr merci beaucoup
@etcschool2 Жыл бұрын
De rien, merci pour votre soutien à la chaîne n'hésitez donc pas de partager.
@user-kk6gt2mi4i Жыл бұрын
Merci bien frère
@etcschool2 Жыл бұрын
N'hésitez pas de partager la chaîne. Merci pour votre soutien
@moussadaboukalkhalil1213 Жыл бұрын
chapeau bro t'es un goat
@etcschool2 Жыл бұрын
Merci et n'hésitez donc pas de partager la chaîne.
@daniel_1creatif Жыл бұрын
Vidéo très descriptive, félicitation. Cependant le slide ne fonctionne pas et il semblerait que le problème soit dans la partie #Lightslider.css, comment arranger cela ?
@etcschool2 Жыл бұрын
Merci à vous, n'hésitez donc pas de partager. Vous avez quoi comme erreur?
@gillesbriceatse3631 9 ай бұрын
bonjour excellent tuto il fonctionne bien avec moi cependant le logo whatsapp n'apparait pas quand je mets la page en ligne via un hebergeur gratuit github
@etcschool2 9 ай бұрын
Merci pour votre commentaire, normalement il devrait apparaître étant donné ce n'est qu'une image dans votre dossier source si elle est bien dedans. Assurez-vous qu'elle ne soit peut-être pas perdue lors de l'importation sur l'hébergeur.
@footprintholdings4443 Жыл бұрын
très belle vidéo mais tu a oublié des mettre les liens dans la description et le js ne marche pas
@etcschool2 Жыл бұрын
Merci à vous. Dans la description vous trouverez un lien drive pour télécharger tous les fichiers js.
@user-mh1oz9bm8t Жыл бұрын
@@etcschool2 mais on le trouve pas ..est ce possible de nous l'envoyer par commentaire
@etcschool2 Жыл бұрын
@@user-mh1oz9bm8t vous avez le lien drive où vous pouvez récupérer les fichiers js en bas de la description: drive.google.com/drive/folders/1drw2TGNNATZCwSavDzHuAzVfrRNCRSCk
@mare-jojo8216 4 ай бұрын
@@etcschool2 je n'arrive pas à accéder à ce lien
@RoslyCero 2 ай бұрын
Bonjour, je retrouve les fichiers JavaScript à la description.
@etcschool2 10 күн бұрын
Bonjour, vous avez un lien drive dans la description.
@QuantiqueTV3105 Ай бұрын
J'ai un projet sur trois secteurs : *1re secteur porte sur la page web d'un service 2ème secteur porte sur une page web de banque agricole 3ème secteur c'est sur e-commerce de la supérette de mon épouse dont j'ai déjà le logo.
@etcschool2 Ай бұрын
Des beaux projets, n'hésitez donc pas de partager tout ça, vous pouvez me contacter via mes réseaux: Instagram ou LinkedIn. Cordialement.
@user-mh1oz9bm8t Жыл бұрын
stp envoi le lien de la description
@etcschool2 Жыл бұрын
ça se trouve en bas de la vidéo dans la description.
@user-pc7vc1pk3y Жыл бұрын
Merci pour le video mais je ne trouve pas fichier html
@etcschool2 Жыл бұрын
Merci pour votre commentaire. En effet, le fichier html n'est pas disponible, en suivant la vidéo vous arrivez à reproduire la même chose car tout est expliqué.
@morganseriefilm-fv5sm 4 ай бұрын
Bonjour , le fichier JQuery présent une erreur... j'arrive pas a la résoudre s'il vous plait
@etcschool2 4 ай бұрын
Bonjour, vous avez quoi comme type d'erreur ?
@etcschool2 4 ай бұрын
Bonjour, vous avez quoi comme type d'erreur?
@morganseriefilm-fv5sm 4 ай бұрын
@@etcschool2 En fait tout le code Jquery est propre sauf qu'a la fin du code il y'a un petit trait rouge , je sais pas pourquoi ?
@amadoutidianediallo1018 9 ай бұрын
Très cool mais le script ne fonctionne pas. Et comment mettre tout ça en ligne
@etcschool2 9 ай бұрын
Bonjour le script JS? vous avez quoi comme résultat?
@user-lm5hh7iy4p Жыл бұрын
merci pour le taf effectuer ,neamoins le slide ne fonctione pas . merci
@etcschool2 Жыл бұрын
Merci pour votre commentaire, avez-vous correctement intégré le javascript?
@user-lm5hh7iy4p Жыл бұрын
@@etcschool2 oui tout en place mais rien
@etcschool2 Жыл бұрын
@@user-lm5hh7iy4p vous avez quoi comme résultat? envoyez-moi une capture sur mon insta ou linkendin
@abdourahmanediallo3563 2 жыл бұрын
peut on avoir le code ?
@etcschool2 2 жыл бұрын
Vous trouverez les codes js et autres dans la description de la vidéo. Merci pour votre soutien à la chaîne.
@ferdinandsipila5235 Жыл бұрын
le script ne marche sur pas veuillez expliquer svp
@etcschool2 Жыл бұрын
avez-vous bien renseigné les links sur l'entête HTML?
@user-qg3zk1ke1r 11 ай бұрын
j'ai fait exactement comme vous mais le script ne fonctionne pas que faire
@etcschool2 11 ай бұрын
Bonjour, si je comprends votre la conception html et css est ok c'est juste le script du carrousel qui ne marche pas?
@pavelmbami783 2 жыл бұрын
Le js n'est pas expliquer
@etcschool2 2 жыл бұрын
Merci pour votre commentaire, la partie js intègre les éléments jquery/lightslide et cela aurait pris beaucoup plus de temps à expliquer car il s'agit d'un tutoriel rapide.
@marquetushirttshurt9983 Жыл бұрын
script ca marche pas
@etcschool2 Жыл бұрын
Bonjour, le script js?
@marquetushirttshurt9983 Жыл бұрын
@@etcschool2 oui
@etcschool2 Жыл бұрын
@@marquetushirttshurt9983 Avez-vous connecté les autres fichiers jquery, lightslider.js et son css?
@marquetushirttshurt9983 Жыл бұрын
@@etcschool2 oui
@user-cc7yw2nb7d 11 ай бұрын
Trop rapide difficile de suivre
@etcschool2 11 ай бұрын
Bonjour, merci de votre remarque je vais en tenir compte dans les prochaines vidéos. Toutefois, je vous recommande de visionner une petite formation sur le html sur notre chaîne car cela vous donnera des bases kzfaq.info/get/bejne/eb5maM-BsbKqoIU.html
@ya2tous 7 ай бұрын
bonjour j’ai un problème dans le code j’ai 3 code erreur dans le fichier lightslider.css .lSSlideOuter .lSPager.lSGallery { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; .lSSlideWrapper .lSSlide { -webkit-transition: all 1s; comment régler le problème merci a vous très bon tuto
@etcschool2 7 ай бұрын
Bonjour, merci à vous : il semble y avoir des problèmes de syntaxe et de fermeture des accolades dans votre code CSS
@drissasamake7065 Ай бұрын
Super tuto. Merci beaucoup. Tous les link sont importées dans l'index mais le script Jquery ne marche pas. Voici le message : TypeError: $(...).onSliderLoad is not a function at HTMLDocument. (script.js:2:21) at mightThrow (Jquery.js:3762:29) at process (Jquery.js:3830:12)
@etcschool2 Ай бұрын
Bonjour, avez-vous mis tous les fichiers dans le même dossier?
@drissasamake7065 Ай бұрын
@@etcschool2 J'ai crée 2 sous répertoires : CSS pour les fichiers css et script pour les js.
Techy Guy
Рет қаралды 42 М.
FrenchCoder - Développement Web
Рет қаралды 37 М.
FrenchCoder - Développement Web
Рет қаралды 137 М.
From Scratch - Le développement Web de zéro
Рет қаралды 340 М.