{"id":10717,"date":"2021-05-20T10:22:01","date_gmt":"2021-05-20T10:22:01","guid":{"rendered":"https:\/\/arnoush.am\/cart\/"},"modified":"2026-04-16T21:00:39","modified_gmt":"2026-04-16T17:00:39","slug":"cart-4","status":"publish","type":"page","link":"https:\/\/arnoush.am\/?page_id=10717","title":{"rendered":"Cart"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10717\" class=\"elementor elementor-10717\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f431e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8f431e8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41e25f8\" data-id=\"41e25f8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3ff73d elementor-widget elementor-widget-shortcode\" data-id=\"f3ff73d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.acart-root{ --bg:#FFF8EE; --fg:#245336; --ink:#173926; --gold:#CBA792; --card:#fff; --shadow:0 14px 42px rgba(0,0,0,.08) }\n.acart-root, .acart-root *{ box-sizing:border-box }\n.acart-full{ width:100vw; margin-left:calc(50% - 50vw) }\n.acart-wrap{ max-width:1100px; margin-inline:auto; padding:clamp(18px,3vw,24px) }\n\n\/* Title row *\/\n.acart-title{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 14px 0 }\n.acart-title h2{ font-family:Didot,\"Bodoni MT\",\"Times New Roman\",serif; color:var(--fg); font-size:28px; margin:0; letter-spacing:.3px }\n.acart-actions-top{ display:flex; gap:8px; flex-wrap:wrap }\n.acart-chip{ background:#ffffff; border:1px solid #00000012; border-radius:999px; padding:10px 14px; font-weight:800; color:#245336; text-decoration:none; display:inline-flex; align-items:center; gap:6px; box-shadow:var(--shadow) }\n.acart-chip.danger{ border-color:#b23b3b33; color:#b23b3b }\n\n\/* Layout *\/\n.acart-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(14px,2.4vw,22px) }\n@media (max-width:940px){ .acart-grid{ grid-template-columns:1fr } }\n\n.acart-card{ background:var(--card); border:1px solid #00000012; border-radius:20px; box-shadow:var(--shadow); overflow:hidden; position:relative }\n.acart-card .head{ padding:14px 16px; border-bottom:1px solid #00000010; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; background:#fff; z-index:1 }\n.acart-card .head h3{ font-family:Didot,\"Bodoni MT\",\"Times New Roman\",serif; color:var(--fg); font-size:20px; margin:0 }\n.acart-card .body{ padding:16px }\n\n\/* Items *\/\n.acart-items{ display:grid; gap:10px }\n.acart-item{ display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; border:1px solid #00000010; border-radius:14px; padding:10px; background:#fff }\n.acart-thumb{ width:84px; aspect-ratio:1\/1; display:grid; place-items:center; background:linear-gradient(180deg,#f1eee7,#fff); border-radius:12px; overflow:hidden }\n.acart-thumb img{ max-width:86%; height:auto; display:block; filter:drop-shadow(0 18px 26px rgba(0,0,0,.12)) }\n\n.acart-info{ display:grid; gap:6px }\n.acart-name{ font-weight:900; color:var(--fg); text-decoration:none }\n.acart-meta{ font:600 12px\/1.2 Inter,system-ui; opacity:.8 }\n.acart-badges{ display:flex; gap:6px; flex-wrap:wrap }\n.acart-pill{ font:700 11px\/1.1 Inter,system-ui; padding:6px 8px; border-radius:999px; background:#00000010 }\n\n.acart-ops{ display:grid; gap:8px; justify-items:end }\n.acart-price{ font-weight:900; color:var(--fg) }\n.acart-qty{ display:flex; align-items:center; gap:8px }\n.acart-step{\n  width:30px; height:30px; border:1px solid #1e452b33; border-radius:9px;\n  background:#fff; color:#245336; font-weight:900; font-size:16px; line-height:1; cursor:pointer; transition:transform .1s ease;\n}\n.acart-step:active{ transform:scale(.92) }\n.acart-qinp{\n  width:48px; height:30px; text-align:center; border:1px solid #1e452b33;\n  border-radius:9px; font-weight:800; color:#245336; padding:0 4px;\n}\n.acart-remove{ color:#b23b3b; text-decoration:none; font-weight:800; border:1px solid #b23b3b33; padding:6px 8px; border-radius:10px; background:#fff; cursor:pointer }\n.acart-remove:hover{ background:#b23b3b10 }\n\n\/* Sidebar *\/\n.acart-side{ position:relative }\n.acart-sticky{ position:sticky; top:16px }\n.acart-totals table.shop_table{ width:100%; border-collapse:separate; border-spacing:0 }\n.acart-cta{ display:grid; gap:8px; margin-top:12px }\n.acart-cta .btn-xl{ padding:12px 14px; border-radius:14px; font-weight:900; text-align:center }\n.acart-note{ opacity:.75; font-weight:700; margin-top:6px }\n\n\/* Empty *\/\n.acart-empty{ text-align:center; padding:32px 16px }\n.acart-empty h3{ font-family:Didot,\"Bodoni MT\",\"Times New Roman\",serif; color:var(--fg); margin:0 0 8px }\n.acart-empty p{ opacity:.8; margin:0 0 12px }\n\n\/* Toast *\/\n.acart-toast{ position:fixed; left:50%; bottom:80px; transform:translateX(-50%); background:#173926; color:#FFF8EE; padding:10px 14px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.18); font-weight:800; z-index:9999; opacity:0; transition:opacity .2s }\n\n\/* Loader Overlay *\/\n.acart-loader{\n  position:absolute; inset:0; background:rgba(255,255,255,.7); backdrop-filter:saturate(1.2) blur(2px);\n  display:grid; place-items:center; opacity:0; pointer-events:none; transition:.2s; z-index:5\n}\n.acart-loader.show{ opacity:1; pointer-events:auto }\n.acart-spinner{\n  width:32px; height:32px; border-radius:50%;\n  border:3px solid #24533633; border-top-color:#245336; animation:spin 0.9s linear infinite;\n}\n@keyframes spin{ to{ transform:rotate(360deg) } }\n\n\/* Skeleton shimmer (optional) *\/\n.acart-skel{ display:grid; gap:10px }\n.acart-skel .row{ height:88px; border-radius:14px; background:linear-gradient(90deg,#eee,#f5f5f5,#eee); background-size:200% 100%; animation:shm 1.2s linear infinite }\n@keyframes shm{ to{ background-position:-200% 0 } }\n<\/style><div class=\"acart-root\" id=\"arnoush-cart\">  <section class=\"acart-full\"><div class=\"acart-wrap\">    <div class=\"acart-title\">      <h2>Shopping cart<\/h2>      <div class=\"acart-actions-top\">        <a class=\"acart-chip\" href=\"https:\/\/arnoush.am\/?page_id=6\">\ud83d\udecd\ufe0f Continue shopping<\/a>        <a class=\"acart-chip danger\" href=\"https:\/\/arnoush.am\/?page_id=10717&#038;arn_clear_cart=1&#038;_wpnonce=f297ac2216\">\ud83d\uddd1\ufe0f Clear cart<\/a>      <\/div>    <\/div>    <div class=\"acart-grid\">      <div class=\"acart-card\" id=\"acart-card-items\">        <div class=\"head\"><h3>Items<\/h3><\/div>        <div class=\"body\" id=\"acart-items\">          <div class=\"acart-empty\"><h3>Your cart is empty<\/h3><p>Let\u2019s fill it with natural goodness.<\/p><a class=\"acart-btn\" href=\"https:\/\/arnoush.am\/?page_id=6\">Go to shop<\/a><\/div>        <\/div>        <div class=\"acart-loader\" id=\"acart-loader-items\"><div class=\"acart-spinner\"><\/div><\/div>      <\/div>      <aside class=\"acart-side\">        <div class=\"acart-sticky\">          <div class=\"acart-card\" id=\"acart-card-totals\">            <div class=\"head\"><h3>Order summary<\/h3><\/div>            <div class=\"body acart-totals\" id=\"acart-totals\"><div class=\"cart_totals \">\n\n\t\n\t<h2>Cart totals<\/h2>\n\n\t<table cellspacing=\"0\" class=\"shop_table shop_table_responsive\">\n\n\t\t<tr class=\"cart-subtotal\">\n\t\t\t<th>Subtotal<\/th>\n\t\t\t<td data-title=\"Subtotal\"><span class=\"woocommerce-Price-amount amount\"><bdi>0&nbsp;<span class=\"woocommerce-Price-currencySymbol\">AMD<\/span><\/bdi><\/span><\/td>\n\t\t<\/tr>\n\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t<tr class=\"order-total\">\n\t\t\t<th>Total<\/th>\n\t\t\t<td data-title=\"Total\"><strong><span class=\"woocommerce-Price-amount amount\"><bdi>0&nbsp;<span class=\"woocommerce-Price-currencySymbol\">AMD<\/span><\/bdi><\/span><\/strong> <\/td>\n\t\t<\/tr>\n\n\t\t\n\t<\/table>\n\n\t<div class=\"wc-proceed-to-checkout\">\n\t\t\n<a href=\"https:\/\/arnoush.am\/?page_id=11848\" class=\"checkout-button button alt wc-forward\">\n\tProceed to checkout<\/a>\n\t<\/div>\n\n\t\n<\/div>\n              <div class=\"acart-cta\">                <a class=\"btn-xl acart-btn\" href=\"https:\/\/arnoush.am\/?page_id=11848\">Go to checkout<\/a>                <a class=\"btn-xl acart-btn secondary\" href=\"https:\/\/arnoush.am\/?page_id=6\">Continue shopping<\/a>              <\/div>              <div class=\"acart-note\">\ud83c\udf3f Natural products \u2022 \ud83c\udde6\ud83c\uddf2 Made in Armenia<\/div>            <\/div>            <div class=\"acart-loader\" id=\"acart-loader-totals\"><div class=\"acart-spinner\"><\/div><\/div>          <\/div>        <\/div>      <\/aside>    <\/div>  <\/div><\/section><\/div><script>\n(function(){\n  var itemsWrap   = document.getElementById('acart-items');\n  var totalsWrap  = document.getElementById('acart-totals');\n  var loadItems   = document.getElementById('acart-loader-items');\n  var loadTotals  = document.getElementById('acart-loader-totals');\n\n  function showLoader(card){ card && card.classList.add('show'); }\n  function hideLoader(card){ card && card.classList.remove('show'); }\n\n  function toast(msg){\n    var t=document.createElement('div');\n    t.className='acart-toast'; t.textContent=msg||'Updating...';\n    document.body.appendChild(t);\n    requestAnimationFrame(function(){ t.style.opacity=1; });\n    setTimeout(function(){ t.style.opacity=0; setTimeout(function(){ t.remove(); },220); },1400);\n  }\n\n  function ajax(url, data){\n    return new Promise(function(resolve){\n      var x=new XMLHttpRequest();\n      x.open('POST', url, true);\n      x.setRequestHeader('Content-Type','application\/x-www-form-urlencoded; charset=UTF-8');\n      x.onreadystatechange=function(){\n        if(x.readyState===4){\n          try{ resolve(JSON.parse(x.responseText)); }catch(e){ resolve(null); }\n        }\n      };\n      x.send(Object.keys(data).map(function(k){return encodeURIComponent(k)+'='+encodeURIComponent(data[k]);}).join('&'));\n    });\n  }\n\n  function wcAjax(endpoint){\n    if (window.wc_cart_fragments_params && wc_cart_fragments_params.wc_ajax_url){\n      return wc_cart_fragments_params.wc_ajax_url.replace('%%endpoint%%', endpoint);\n    }\n    return (window.location.origin + '\/?wc-ajax=' + endpoint);\n  }\n\n  function totalsCTAHTML(){\n    var checkoutURL = \"https:\\\/\\\/arnoush.am\\\/?page_id=11848\";\n    var shopURL     = \"https:\\\/\\\/arnoush.am\\\/?page_id=6\";\n    return '<div class=\"acart-cta\">'\n         +   '<a class=\"btn-xl acart-btn\" href=\"'+checkoutURL+'\">Go to checkout<\/a>'\n         +   '<a class=\"btn-xl acart-btn secondary\" href=\"'+shopURL+'\">Continue shopping<\/a>'\n         + '<\/div>'\n         + '<div class=\"acart-note\">\ud83c\udf3f Natural products \u2022 \ud83c\udde6\ud83c\uddf2 Made in Armenia<\/div>';\n  }\n\n  \/\/ \u0628\u0627\u06cc\u0646\u062f\u0631 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0648 \u0648\u0631\u0648\u062f\u06cc\u200c\u0647\u0627\n  function bindDynamic(){\n    if (!itemsWrap) return;\n\n    itemsWrap.querySelectorAll('.acart-item').forEach(function(row){\n      var key   = row.getAttribute('data-key');\n      var input = row.querySelector('.acart-qinp');\n      var minus = row.querySelector('.acart-step[data-delta=\"-1\"]');\n      var plus  = row.querySelector('.acart-step[data-delta=\"1\"]');\n      var rm    = row.querySelector('.acart-remove');\n\n      function clamp(v){\n        v = parseInt(v, 10);\n        if (isNaN(v)) v = 1;\n        return Math.max(1, Math.min(99, v));\n      }\n      function getQty(){ return clamp(input ? input.value : 1); }\n      function setQty(v){ if (input) input.value = clamp(v); }\n\n      var busy = false;\n      function updateQty(q){\n        if (busy) return; busy = true;\n        showLoader(loadItems); showLoader(loadTotals);\n        ajax(wcAjax('arn_cart_update'), { key:key, qty: clamp(q) }).then(function(res){\n          if(!res || !res.success) return;\n          if (itemsWrap && res.data.items_html)   itemsWrap.innerHTML = res.data.items_html;\n          if (totalsWrap && res.data.totals_html) totalsWrap.innerHTML = res.data.totals_html + totalsCTAHTML();\n          if (window.jQuery){\n            jQuery(document.body).trigger('wc_fragment_refresh');\n            jQuery(document.body).trigger('updated_cart_totals');\n          }\n          toast('Cart updated');\n        }).finally(function(){ busy=false; hideLoader(loadItems); hideLoader(loadTotals); bindDynamic(); });\n      }\n\n      minus && minus.addEventListener('click', function(){\n        setQty(getQty() - 1);\n        updateQty(getQty());\n      });\n\n      plus && plus.addEventListener('click', function(){\n        setQty(getQty() + 1);\n        updateQty(getQty());\n      });\n\n      \/\/ \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0633\u062a\u06cc \u0639\u062f\u062f\n      input && input.addEventListener('change', function(){\n        setQty(input.value);\n        updateQty(getQty());\n      });\n\n      \/\/ \u062d\u0630\u0641 \u0622\u06cc\u062a\u0645\n      rm && rm.addEventListener('click', function(){\n        if (busy) return; busy = true;\n        showLoader(loadItems); showLoader(loadTotals);\n        ajax(wcAjax('arn_cart_remove'), { key:key }).then(function(res){\n          if(!res || !res.success) return;\n          if (itemsWrap && res.data.items_html)   itemsWrap.innerHTML = res.data.items_html;\n          if (totalsWrap && res.data.totals_html) totalsWrap.innerHTML = res.data.totals_html + totalsCTAHTML();\n          if (window.jQuery){\n            jQuery(document.body).trigger('wc_fragment_refresh');\n            jQuery(document.body).trigger('updated_cart_totals');\n          }\n          toast('Item removed');\n        }).finally(function(){ busy=false; hideLoader(loadItems); hideLoader(loadTotals); bindDynamic(); });\n      });\n    });\n  }\n\n  \/\/ \u0628\u0627\u0631 \u0627\u0648\u0644\n  bindDynamic();\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10717","page","type-page","status-publish","hentry"],"lang":"en","translations":{"en":10717},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/arnoush.am\/index.php?rest_route=\/wp\/v2\/pages\/10717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arnoush.am\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arnoush.am\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arnoush.am\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arnoush.am\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10717"}],"version-history":[{"count":19,"href":"https:\/\/arnoush.am\/index.php?rest_route=\/wp\/v2\/pages\/10717\/revisions"}],"predecessor-version":[{"id":12366,"href":"https:\/\/arnoush.am\/index.php?rest_route=\/wp\/v2\/pages\/10717\/revisions\/12366"}],"wp:attachment":[{"href":"https:\/\/arnoush.am\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}