R 300 - R 500

134 products
  • Outline star
    Outline star
    Outline star
    Outline star
    Outline star
    Filled star
    Filled star
    Filled star
    Filled star
    Filled star
    (1)
    R 459.00
    R 459.00
  • R 360.00
    R 360.00
  • R 315.00
    R 315.00
  • R 329.00
    R 329.00
  • R 329.00
    R 329.00
  • R 329.00
    R 329.00
  • R 329.00
    R 329.00
  • R 329.00
    R 329.00
  • R 329.00
    R 329.00
  • R 459.00
    R 459.00
  • R 429.99
    R 429.99
  • R 359.00
    R 359.00
  • R 494.00
    R 494.00
  • R 410.00
    R 410.00
  • R 495.00
    R 495.00
  • R 365.00
    R 365.00
  • R 389.00
    R 389.00
  • R 349.00
    R 349.00
  • R 449.00
    R 449.00
  • R 319.00
    R 319.00
  • R 479.00
    R 479.00
  • R 339.00
    R 339.00
  • R 345.00
    R 345.00
  • R 489.00
    R 489.00
  • R 349.00
    R 349.00
  • R 459.00
    R 459.00
  • R 439.00
    R 439.00
  • R 350.00
    R 350.00
  • R 389.00
    R 389.00
  • R 599.00
    R 398.00
  • R 389.00
    R 389.00
  • R 410.00
    R 410.00
const button = event.target.closest('.custom-product-add-to-cart'); if (!button) return; event.preventDefault(); const variantId = button.dataset.variantId; if (!variantId) { console.error('No variant ID found.'); return; } if (button.disabled) return; const originalText = button.textContent; button.disabled = true; button.textContent = 'Adding...'; fetch(window.Shopify.routes.root + 'cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ items: [ { id: Number(variantId), quantity: 1 } ] }) }) .then(function(response) { return response.json().then(function(data) { if (!response.ok) { throw new Error( data.description || 'Could not add product to cart.' ); } return data; }); }) .then(function(data) { button.textContent = 'Added ✓'; return fetch(window.Shopify.routes.root + 'cart.js'); }) .then(function(response) { return response.json(); }) .then(function(cart) { const cartCount = document.querySelector('#CartCount span'); if (cartCount) { cartCount.textContent = cart.item_count; } const cartDrawer = document.querySelector('cart-drawer'); if (cartDrawer && typeof cartDrawer.open === 'function') { cartDrawer.open(); } setTimeout(function() { button.disabled = false; button.textContent = originalText; }, 1500); }) .catch(function(error) { console.error('Add to cart error:', error); button.disabled = false; button.textContent = 'Error - try again'; setTimeout(function() { button.textContent = originalText; }, 2000); });