annuler
Affichage des résultats de 
Rechercher plutôt 
Vouliez-vous dire : 

Masquer automatiquement variants en rupture de stock

Yohan35
Touriste
3 0 1

Bonjour,

 

J'aimerais que les variants soient masqués automatiquement quand les stock tombe à 0.

Je travaille avec le thème envy.
Quelqu'un a t-il une solution ?

Merci pour votre aide,

 

Yohan.

droplearn
Touriste
3 0 0

Bonjour

Si tu utilises l'application oberlo, tu peux le faire via les paramètres de l'application

0 J'aime
Fuznet
Shopify Expert
330 42 67

Bonjour,

Essayez de mettre ça à la fin de theme.js.liquid :

 

document.addEventListener('DOMContentLoaded', function() {
  const productJson = document.querySelectorAll('[id=ProductJson-<span class="dl">');
  if (productJson.length > 0) {
    for (let i = 0; i < productJson.length; i++) {
      const current = productJson[i];
      const sectionId = current.id.replace('ProductJson-', '');
      const section = document.querySelector('[data-section-id="' + sectionId + '"]');
      const product = JSON.parse(current.text);


      if (product.options.length === 1) {
        const unavailableVariants = [];


        for (let j = 0; j < product.variants.length; j++) {
          const variant = product.variants[j];


          if (!variant.available) {
            unavailableVariants.push(variant);
          }
        }


        if (unavailableVariants.length > 0) {
          const mutationCallback = function() {
            const variantOptions = section.querySelectorAll('.single-option-selector option');


            if (variantOptions.length > 0) {
              for (let k = 0; k < unavailableVariants.length; k++) {
                const unavailableVariant = unavailableVariants[k];


                for (let l = 0; l < variantOptions.length; l++) {
                  const option = variantOptions[l];


                  if (unavailableVariant.title === option.value) {
                    option.remove();
                  }
                }
              }


              if (typeof observer === 'object' && typeof observer.disconnect === 'function') {
                observer.disconnect();
              }
            }
          }


          const observer = new MutationObserver(mutationCallback);
          const addToCartForm = document.querySelector('form[action*="/cart/add"]');


          mutationCallback();


          if (window.MutationObserver && addToCartForm.length) {
            const config = { childList: true, subtree: true };


            if (typeof observer === 'object' && typeof observer.disconnect === 'function') {
              observer.disconnect();
            }


            observer.observe(addToCartForm, config);
          }
        }
      }
    }
  }
});
0 J'aime
Yohan35
Touriste
3 0 1
Bonjour,

Je n'ai pas theme.js.liquid, mais juste theme.je dans assets. Et
malheureusement cela ne fonctionne pas ...
0 J'aime
Yohan35
Touriste
3 0 1
Bonjour,
Cela ne fonctionne que pour les produits achetés en drop shipping ?

##- Veuillez saisir votre réponse au-dessus de cette ligne -##
0 J'aime