Maison > interface Web > js tutoriel > Site de commerce électronique de Mug Shot Coffee Company

Site de commerce électronique de Mug Shot Coffee Company

WBOY
Libérer: 2024-07-17 08:04:10
original
354 Les gens l'ont consulté

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)
Image description

Image description

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