<div id="stock-widget-container" style="max-width:400px; width:100%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; border: 1px solid #e9ecef; border-radius: 12px; padding: 20px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">

 <div id="stock-widget-label" style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; font-size:15px; color:#495057;">
 </div>

 <div style="height:12px; background-color:#e9ecef; border-radius:6px; overflow:hidden;">
 <div id="stock-widget-bar" style="height:100%; border-radius:6px; transition: width 0.6s ease-out, background-color 0.6s ease-out;">
 </div>
 </div>

</div>

<script>
(function() {
 // --- POCZĄTEK KONFIGURACJI ---
 // Zmień poniższe wartości, aby ustawić poziom dostępności produktu.

 const stockConfig = {
 dostepnaIlosc: 22, // Ile sztuk jest obecnie dostępnych?
 calkowitaPojemnosc: 100, // Ile sztuk to 100%?
 
 // Progi procentowe dla kolorów
 niskiStan: 15, // Poniżej tej wartości pasek będzie czerwony
 sredniStan: 50 // Poniżej tej wartości pasek będzie pomarańczowy
 };

 // --- KONIEC KONFIGURACJI ---

 const label = document.getElementById('stock-widget-label');
 const bar = document.getElementById('stock-widget-bar');

 if (!label || !bar) return;

 // Obliczenia
 let ilosc = Math.max(0, stockConfig.dostepnaIlosc);
 let pojemnosc = Math.max(1, stockConfig.calkowitaPojemnosc);
 const percentage = Math.min(100, (ilosc / pojemnosc) * 100);

 // Ustalanie koloru i gradientu
 let barColor, barGradient;
 if (percentage <= stockConfig.niskiStan) {
 barColor = '#e53e3e'; // Czerwony
 barGradient = 'linear-gradient(90deg, #e53e3e, #c53030)';
 } else if (percentage <= stockConfig.sredniStan) {
 barColor = '#ed8936'; // Pomarańczowy
 barGradient = 'linear-gradient(90deg, #ed8936, #dd6b20)';
 } else {
 barColor = '#48bb78'; // Zielony
 barGradient = 'linear-gradient(90deg, #48bb78, #38a169)';
 }

 // Aktualizacja etykiety
 label.innerHTML = `
 Dostępność: ${ilosc} z ${pojemnosc} szt.
 ${Math.round(percentage)}%
 `;

 // Aktualizacja paska postępu
 bar.style.width = percentage + '%';
 bar.style.background = barGradient;

})();
</script>

Miejsce, w którym czas nabiera charakteru. Selekcjonujemy zegarki dla tych, którzy cenią precyzję, estetykę i ponadczasowy styl.

OV-2.png

onyx valut. 3.png

14_max.jpg

Onyx Valut

Bezpłatna dostawa od 150zł

Instagram

brand

Onyx Valut prezentuje Zegarek Męski PAUL LORENS PL20013B-6C1 + BOX - elegancki zegarek męski marki Paul Lorens, który zachwyca nie tylko designem, ale także funkcjonalnością. ✨ Wyjątkowy design:<ul><li>⌚ Elegancki i stylowy wygląd</li><li>🔷 Czarne tarcze z dodatkowymi wskaźnikami</li><li>🌟 Solidne wykonanie i precyzyjne detale</li></ul> 🎁 W komplecie:<ul><li>🎁 Ekskluzywne pudełko prezentowe</li><li>📜 Gwarancja producenta</li></ul> Zdobądź niezwykły zegarek, który podkreśli Twój wyjątkowy styl z Onyx Valut! 🕰️ 2 lata gwarancji + oryginalne pudełko

EAN	5900148051320
Brand	Paul Lorens

Zegarek Męski PAUL LORENS PL20013B-6C1 + BOX

Product Details

Description