← Tous les exemples

JavaScript Productivité admin.shopify.com

Surligner stock faible et épuisé

Lit la colonne de stock et marque les produits faibles en jaune et épuisés en rouge pour réapprovisionner plus vite.

Code à copier

(function () {
  var LOW = 5;
  function scan() {
    try {
      var rows = document.querySelectorAll('.Polaris-IndexTable__TableRow, table[class*="Polaris"] tbody tr');
      rows.forEach(function (row) {
        if (row.dataset.jzStock) return;
        var t = (row.textContent || '').toLowerCase();
        var out = /out of stock|0 in stock|unavailable/.test(t);
        var low = false;
        var lm = t.match(/(\d+)\s*in stock/);
        if (lm && parseInt(lm[1], 10) <= LOW) low = true;
        if (out) {
          row.style.boxShadow = 'inset 4px 0 0 #c4341e';
          row.style.background = 'rgba(196,52,30,0.12)';
        } else if (low) {
          row.style.boxShadow = 'inset 4px 0 0 #b98900';
          row.style.background = 'rgba(255,196,0,0.14)';
        }
        row.dataset.jzStock = '1';
      });
    } catch (e) {}
  }
  scan();
  new MutationObserver(scan).observe(document.body, { childList: true, subtree: true });
})();

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage