Je souhaite ajouter une fonction Wishlist sur ma boutique, thème Taste.
Je voulais savoir comment faire sans application juste avec du code.
J’arrive à faire via du code un logo dans le header, qu’il soit cliquable et tout ce qui va bien mais je ne sais pas comment relier cette fonction à une page wishlist. Je souhaiterai aussi que cette page ai toute les fonctionnalités d’une wishlist à savoir afficher les produits et leur prix, une possibilité d’enlever un article dans cette page.
Je souhaiterai aussi que la fonction wishlist soit active sur tous mes articles. Grosso modo qu’il y ai un petit cœur sur chaque produit.
Chaque élément je pense pouvoir me débrouiller pour les faire indépendamment mais alors pour tout relier et faire en sorte que ca fonction la je sèche.
Hi! You can do this with custom code - store wishlisted product IDs in the browser’s localStorage, then have your wishlist page loop through those IDs and pull in each product’s title, image, and price via Shopify’s AJAX API. The heart icon just adds/removes an ID from that list. The tricky part is persistence across devices/logins, which needs customer metafields, not just localStorage. If you’d rather skip building and maintaining that, apps like Wishlist Monk do this out of the box - heart icon, wishlist page, and login sync - right in the theme editor, no code needed. But your custom route works fine too if you prefer to keep it code-only.
Bonjour ! Vous pouvez réaliser cela grâce à du code personnalisé : il suffit de stocker les identifiants des produits ajoutés à la liste de souhaits dans le localStorage du navigateur, puis de faire en sorte que la page de la liste de souhaits parcourt ces identifiants pour récupérer le titre, l’image et le prix de chaque produit via l’API AJAX de Shopify. L’icône en forme de cœur sert simplement à ajouter ou retirer un identifiant de cette liste. La difficulté réside dans la persistance des données entre différents appareils ou sessions de connexion ; cela nécessite l’utilisation de « metafields » (champs personnalisés) associés au client, et non uniquement du localStorage. Si vous préférez éviter de développer et de maintenir cette fonctionnalité vous-même, des applications comme Wishlist Monk proposent une solution clé en main - incluant l’icône en forme de cœur, la page de liste de souhaits et la synchronisation des données de connexion - directement dans l’éditeur de thème, sans aucune ligne de code. Toutefois, votre approche personnalisée fonctionne très bien aussi si vous préférez une solution basée uniquement sur le code.