Site de commerce électronique de Mug Shot Coffee Company

Ceci est une soumission pour le Wix Studio Challenge .

Ce que j'ai construit

Conception d'une marque, d'une mise en page/d'un modèle de site et création d'un site Web mobile réactif pour une entreprise de livraison de café. Le site utilise une intégration tierce pour extraire les produits et les afficher. Des catégories ont été créées pour le filtrage et le tri. Le site présente des produits à vendre disponibles en différentes tailles. Le processus d'ajout au panier du site utilise les API Wix pour interroger le catalogue de produits et suggérer un produit dans les mêmes collections une fois que l'utilisateur a ajouté un produit à son panier. Le produit suggéré est affiché dans une lightbox.

Démo

Site Web (Mug Shot Coffee Company)

Parcours de développement

Configurez l'intégration pour extraire les produits de Dripshipper et afficher les produits.
J'ai utilisé les API Wix pour interroger les produits sur le site en fonction des identifiants de collection, afficher un produit dans une lightbox et poursuivre le paiement.

Utilisation du plugin Figma vers Wix, Dripshipper, wix-stores.v2, wix-window-frontend

Article précédent：Notes du développeur : configurez un pipeline CI/CD pour votre projet node js à l'aide d'Azure et de Github Actions Article suivant：Tests back-end

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

• Qu'est-ce qu'une NullPointerException et comment y remédier ?
  2024-10-22 09:46:29
• De novice à codeur : votre voyage commence par les principes fondamentaux du C
  2024-10-13 13:53:41
• Débloquer le développement Web avec PHP : guide du débutant
  2024-10-12 12:15:51
• Démystifier C : un chemin clair et simple pour les nouveaux programmeurs
  2024-10-11 22:47:31
• Libérez votre potentiel de codage : programmation C pour les débutants absolus
  2024-10-11 19:36:51
• Libérez votre programmeur intérieur : C pour les débutants absolus
  2024-10-11 15:50:41
• Automatisez votre vie avec C : scripts et outils pour les débutants
  2024-10-11 15:07:41
• PHP Made Easy : vos premiers pas dans le développement Web
  2024-10-11 14:21:21
• Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité
  2024-10-11 12:59:11
• La clé du codage : libérer la puissance de Python pour les débutants
  2024-10-11 12:17:31

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

0

3

2750

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

0

11

2867

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

0

1

2410

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...

Depuis 2024-04-18 23:52:34

0

1

2317

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

2387

Rubriques connexes

Plus>

• Comment accéder au lecteur D avec cmd
• Quels sont les outils de vérification de code statique ?
• Dernier classement des échanges de devises numériques
• La signification du titre en HTML
• Introduction à la signification de += en langage C
• Quels sont les logiciels bureautiques
• Que signifie pdf ?
• Solution d'erreur de paramètre 0x80070057