{"id":951,"date":"2020-08-04T08:21:37","date_gmt":"2020-08-04T08:21:37","guid":{"rendered":"https:\/\/demo.crocoblock.com\/zolden\/?page_id=951"},"modified":"2026-04-17T01:53:07","modified_gmt":"2026-04-16T23:53:07","slug":"wishlist","status":"publish","type":"page","link":"https:\/\/davydenkobeauty.com\/en\/wishlist\/","title":{"rendered":"\u0422\u043e\u0432\u0430\u0440\u0438, \u044f\u043a\u0456 \u0441\u043f\u043e\u0434\u043e\u0431\u0430\u043b\u0438\u0441\u044f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"951\" class=\"elementor elementor-951\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dece00a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dece00a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-107d485\" data-id=\"107d485\" data-element_type=\"column\" data-e-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-a680a6d elementor-widget elementor-widget-heading\" data-id=\"a680a6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\u0422\u043e\u0432\u0430\u0440\u0438, \u044f\u043a\u0456 \u0441\u043f\u043e\u0434\u043e\u0431\u0430\u043b\u0438\u0441\u044f<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-651b5ab elementor-widget elementor-widget-shortcode\" data-id=\"651b5ab\" data-element_type=\"widget\" data-e-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\">\n    <style>\n    .pts-wl {\n        font-family: 'Mazzard', sans-serif;\n        --wl-brown: #3E2716;\n        --wl-bg: #EBE4DC;\n    }\n\n    \/* \u041f\u0443\u0441\u0442\u0438\u0439 \u0441\u0442\u0430\u043d *\/\n    .pts-wl-empty {\n        text-align: center;\n        padding: 60px 20px;\n        display: none;\n    }\n    .pts-wl-empty.is-visible { display: block; }\n    .pts-wl-empty-icon {\n        margin: 0 auto 16px;\n        color: #ccc;\n    }\n    .pts-wl-empty-text {\n        font-size: 18px;\n        font-weight: 500;\n        color: #999;\n        margin: 0 0 8px;\n    }\n    .pts-wl-empty-sub {\n        font-size: 14px;\n        color: #bbb;\n        margin: 0 0 24px;\n    }\n    .pts-wl-empty-btn {\n        display: inline-block;\n        background: #0c0c0c;\n        color: #fff;\n        padding: 12px 32px;\n        border-radius: 50px;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        transition: background .2s;\n    }\n    .pts-wl-empty-btn:hover { background: #333; color: #fff; }\n\n    \/* \u041b\u043e\u0430\u0434\u0435\u0440 *\/\n    .pts-wl-loader {\n        text-align: center;\n        padding: 40px 0;\n    }\n    .pts-wl-spinner {\n        width: 32px; height: 32px;\n        border: 3px solid rgba(62,39,22,.15);\n        border-top-color: var(--wl-brown);\n        border-radius: 50%;\n        animation: pts-wl-spin .7s linear infinite;\n        margin: 0 auto;\n    }\n    @keyframes pts-wl-spin { to { transform: rotate(360deg); } }\n\n    \/* \u0421\u0456\u0442\u043a\u0430 *\/\n    .pts-wl-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 16px;\n    }\n\n    \/* \u041a\u0430\u0440\u0442\u043a\u0430 *\/\n    .pts-wl-card {\n        background: var(--wl-bg);\n        border-radius: 8px;\n        padding: 14px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        transition: transform .25s, box-shadow .25s, opacity .3s;\n    }\n    .pts-wl-card:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 6px 20px rgba(62,39,22,.10);\n    }\n    .pts-wl-card.is-removing {\n        opacity: 0;\n        transform: scale(0.9);\n        pointer-events: none;\n    }\n\n    \/* \u0411\u0435\u0439\u0434\u0436 *\/\n    .pts-wl-badge {\n        position: absolute;\n        top: 12px; left: 12px; z-index: 3;\n        background: var(--wl-brown); color: #EBE4DC;\n        font-size: 10px; font-weight: 700;\n        padding: 3px 7px; border-radius: 4px;\n    }\n\n    \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u0432\u0438\u0434\u0430\u043b\u0435\u043d\u043d\u044f *\/\n    .pts-wl-remove {\n        position: absolute;\n        top: 14px; right: 14px; z-index: 3;\n        background: rgba(255,255,255,.6);\n        width: 36px; height: 36px;\n        border-radius: 50%; border: none;\n        display: flex; align-items: center; justify-content: center;\n        cursor: pointer; color: var(--wl-brown);\n        transition: background .2s, transform .15s;\n        padding: 0;\n    }\n    .pts-wl-remove:hover {\n        background: rgba(255,255,255,.9);\n        transform: scale(1.1);\n    }\n    .pts-wl-remove svg {\n        fill: var(--wl-brown);\n        stroke: var(--wl-brown);\n    }\n\n    \/* \u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f *\/\n    .pts-wl-img {\n        display: block;\n        width: calc(100% + 28px);\n        margin: 0 -14px 12px -14px;\n        aspect-ratio: 1 \/ 1;\n        overflow: hidden;\n    }\n    .pts-wl-img img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n    \/* \u041d\u0430\u0437\u0432\u0430 *\/\n    .pts-wl-name {\n        font-size: 16px; font-weight: 500;\n        color: var(--wl-brown);\n        margin: 0; line-height: 1.35;\n        border-top: 1px solid rgba(62,39,22,.25);\n        border-bottom: 1px solid rgba(62,39,22,.25);\n        padding: 10px 0;\n        display: block;\n        white-space: normal; word-wrap: break-word;\n        min-height: calc(16px * 1.35 * 2 + 20px);\n    }\n    .pts-wl-name a { color: var(--wl-brown); text-decoration: none; }\n    .pts-wl-name a:hover { opacity: .7; }\n\n    \/* \u0426\u0456\u043d\u0430 *\/\n    .pts-wl-price-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 8px; padding: 8px 0 12px;\n        flex-wrap: wrap;\n    }\n    .pts-wl-price {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: baseline;\n        gap: 6px;\n    }\n    .pts-wl-price > .woocommerce-Price-amount,\n    .pts-wl-price > span > .woocommerce-Price-amount { font-size: 14px; color: #000 !important; font-weight: 600; }\n    .pts-wl-price del { order: 1; text-decoration: line-through !important; }\n    .pts-wl-price del .woocommerce-Price-amount { font-size: 12px; color: #999 !important; font-weight: 400; }\n    .pts-wl-price ins { order: 2; text-decoration: none !important; }\n    .pts-wl-price ins .woocommerce-Price-amount { font-size: 14px; font-weight: 700; color: #000 !important; }\n\n    \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u043a\u043e\u0448\u0438\u043a\u0430 *\/\n    .pts-wl-atc {\n        display: flex;\n        align-items: center; justify-content: center;\n        gap: 8px; width: 100%;\n        padding: 12px 0;\n        border: 1px solid rgba(62,39,22,.25);\n        border-radius: 50px;\n        background: transparent;\n        color: var(--wl-brown);\n        font-family: 'Mazzard', sans-serif;\n        font-size: 14px; font-weight: 500;\n        text-decoration: none; cursor: pointer;\n        transition: background .2s, border-color .2s;\n        margin-top: auto;\n        box-sizing: border-box;\n    }\n    .pts-wl-atc:hover { background: rgba(62,39,22,.06); border-color: var(--wl-brown); color: var(--wl-brown); }\n    .pts-wl-atc.loading { opacity: .5; pointer-events: none; }\n    .pts-wl-atc.pts-wl-atc--added { font-weight: 600; border-color: var(--wl-brown); }\n    .pts-wl-atc.pts-wl-atc--disabled { color: #999; border-color: rgba(62,39,22,.15); cursor: default; }\n    .pts-wl-atc.pts-wl-atc--disabled:hover { background: transparent; }\n\n    .pts-wl-card .added_to_cart,\n    .pts-wl-card a.added_to_cart,\n    .pts-wl-card .wc-forward { display: none !important; }\n\n    \/* \u041d\u0435\u043c\u0430\u0454 \u0432 \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456 *\/\n    .pts-wl-oos {\n        font-size: 13px; font-weight: 500; color: #999;\n        padding: 8px 0 12px;\n    }\n\n    \/* \u2550\u2550\u2550 \u0410\u0414\u0410\u041f\u0422\u0418\u0412 \u2550\u2550\u2550 *\/\n    @media (max-width: 900px) {\n        .pts-wl-grid { grid-template-columns: repeat(3, 1fr); }\n    }\n    @media (max-width: 600px) {\n        .pts-wl-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n        .pts-wl-card { padding: 8px; border-radius: 6px; }\n        .pts-wl-img {\n            width: calc(100% + 16px);\n            margin-left: -8px; margin-right: -8px; margin-bottom: 8px;\n        }\n        .pts-wl-name { font-size: 10px; padding: 6px 0; min-height: calc(10px * 1.35 * 2 + 12px); }\n        .pts-wl-price-row { padding: 6px 0 8px; gap: 4px; }\n        .pts-wl-price .woocommerce-Price-amount,\n        .pts-wl-price > span > .woocommerce-Price-amount,\n        .pts-wl-price ins .woocommerce-Price-amount { font-size: 12px; }\n        .pts-wl-price del .woocommerce-Price-amount { font-size: 10px; }\n        .pts-wl-atc { font-size: 12px; padding: 10px 0; gap: 6px; }\n        .pts-wl-atc svg { width: 14px; height: 14px; }\n        .pts-wl-oos { font-size: 10px; padding: 6px 0 8px; }\n        .pts-wl-badge { font-size: 9px; padding: 2px 5px; top: 6px; left: 6px; }\n        .pts-wl-remove { top: 6px; right: 6px; width: 30px; height: 30px; }\n        .pts-wl-empty-text { font-size: 16px; }\n        .pts-wl-empty-sub { font-size: 13px; }\n    }\n    <\/style>\n\n    <div class=\"pts-wl\" id=\"pts-wl\">\n\n        <div class=\"pts-wl-loader\" id=\"pts-wl-loader\">\n            <div class=\"pts-wl-spinner\"><\/div>\n        <\/div>\n\n        <div class=\"pts-wl-empty\" id=\"pts-wl-empty\">\n            <div class=\"pts-wl-empty-icon\">\n                <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\n                    <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                <\/svg>\n            <\/div>\n            <p class=\"pts-wl-empty-text\">\u0412\u0430\u0448 \u0441\u043f\u0438\u0441\u043e\u043a \u0431\u0430\u0436\u0430\u043d\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456\u0439<\/p>\n            <p class=\"pts-wl-empty-sub\">\u0414\u043e\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u043e\u0432\u0430\u0440\u0438 \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u044e\u0447\u0438 \u043d\u0430 \u0441\u0435\u0440\u0446\u0435<\/p>\n            <a href=\"https:\/\/davydenkobeauty.com\/en\/shop\/\" class=\"pts-wl-empty-btn\">\n                \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0434\u043e \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0443\n            <\/a>\n        <\/div>\n\n        <div class=\"pts-wl-grid\" id=\"pts-wl-grid\"><\/div>\n\n    <\/div>\n\n    <script data-no-optimize=\"1\" data-no-minify=\"1\" data-cfasync=\"false\">\n    (function(){\n        'use strict';\n\n        var SVG_HEART = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#3E2716\" stroke=\"#3E2716\" stroke-width=\"1.5\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>';\n        var SVG_CART = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>';\n        var SVG_CHECK = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\n\n        function getWL() {\n            try {\n                var m = document.cookie.match('(?:^|; )pts_wishlist=([^;]*)');\n                return m ? JSON.parse(decodeURIComponent(m[1])) : [];\n            } catch(e) { return []; }\n        }\n        function saveWL(list) {\n            var d = new Date(); d.setFullYear(d.getFullYear() + 1);\n            document.cookie = 'pts_wishlist=' + encodeURIComponent(JSON.stringify(list))\n                + ';path=\/;expires=' + d.toUTCString() + ';SameSite=Lax';\n        }\n\n        function renderCard(p) {\n            var html = '<div class=\"pts-wl-card\" data-wl-id=\"' + p.id + '\">';\n\n            if (p.badge) {\n                html += '<span class=\"pts-wl-badge\">' + p.badge + '<\/span>';\n            }\n\n            html += '<button class=\"pts-wl-remove\" data-id=\"' + p.id + '\" type=\"button\" aria-label=\"\u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438 \u0437 \u0431\u0430\u0436\u0430\u043d\u044c\">'\n                + SVG_HEART + '<\/button>';\n\n            html += '<a href=\"' + p.url + '\" class=\"pts-wl-img\">' + p.image + '<\/a>';\n            html += '<div class=\"pts-wl-name\"><a href=\"' + p.url + '\">' + p.name + '<\/a><\/div>';\n\n            if (p.in_stock) {\n                html += '<div class=\"pts-wl-price-row\"><div class=\"pts-wl-price\">' + p.price_html + '<\/div><\/div>';\n\n                if (p.is_simple) {\n                    html += '<a href=\"' + p.atc_url + '\" class=\"pts-wl-atc add_to_cart_button ajax_add_to_cart\" data-product_id=\"' + p.id + '\" data-quantity=\"1\">'\n                        + SVG_CART + ' \u0414\u043e\u0434\u0430\u0442\u0438 \u0432 \u043a\u043e\u0448\u0438\u043a<\/a>';\n                } else {\n                    html += '<a href=\"' + p.url + '\" class=\"pts-wl-atc\">' + SVG_CART + ' \u0412\u0438\u0431\u0440\u0430\u0442\u0438 \u0432\u0430\u0440\u0456\u0430\u043d\u0442<\/a>';\n                }\n            } else {\n                html += '<div class=\"pts-wl-oos\">\u0421\u043a\u043e\u0440\u043e \u0432 \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456<\/div>';\n                html += '<a href=\"' + p.url + '\" class=\"pts-wl-atc pts-wl-atc--disabled\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435<\/a>';\n            }\n\n            html += '<\/div>';\n            return html;\n        }\n\n\n        document.addEventListener('DOMContentLoaded', function() {\n            var grid   = document.getElementById('pts-wl-grid');\n            var loader = document.getElementById('pts-wl-loader');\n            var empty  = document.getElementById('pts-wl-empty');\n\n            if (!grid) return;\n\n            var ids = getWL();\n\n            if (!ids.length) {\n                loader.style.display = 'none';\n                empty.classList.add('is-visible');\n                return;\n            }\n\n            var ajaxUrl = 'https:\/\/davydenkobeauty.com\/wp-admin\/admin-ajax.php';\n            var nonce   = 'e3f574132a';\n\n            var formData = new FormData();\n            formData.append('action', 'pts_wl_load');\n            formData.append('nonce', nonce);\n            formData.append('ids', JSON.stringify(ids));\n\n            fetch(ajaxUrl, { method: 'POST', body: formData, credentials: 'same-origin' })\n                .then(function(r) { return r.json(); })\n                .then(function(data) {\n                    loader.style.display = 'none';\n\n                    if (!data.success || !data.data.products.length) {\n                        empty.classList.add('is-visible');\n                        return;\n                    }\n\n                    var html = '';\n                    for (var i = 0; i < data.data.products.length; i++) {\n                        html += renderCard(data.data.products[i]);\n                    }\n                    grid.innerHTML = html;\n                    bindRemove();\n                    bindATC();\n                })\n                .catch(function() {\n                    loader.style.display = 'none';\n                    empty.classList.add('is-visible');\n                });\n\n\n            function bindRemove() {\n                grid.addEventListener('click', function(e) {\n                    var btn = e.target.closest('.pts-wl-remove');\n                    if (!btn) return;\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    var pid = parseInt(btn.getAttribute('data-id'));\n\n                    var wl = getWL();\n                    var idx = wl.indexOf(pid);\n                    if (idx > -1) wl.splice(idx, 1);\n                    saveWL(wl);\n\n                    \/* \u041c\u0438\u0442\u0442\u0454\u0432\u043e \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u044f\u0454\u043c\u043e \u0456\u043a\u043e\u043d\u043a\u0443 \u0432 \u0445\u0435\u0434\u0435\u0440\u0456 *\/\n                    document.dispatchEvent(new Event('pts-wishlist-changed'));\n\n                    var card = btn.closest('.pts-wl-card');\n                    if (card) {\n                        card.classList.add('is-removing');\n                        setTimeout(function() {\n                            card.remove();\n                            if (!grid.children.length) {\n                                empty.classList.add('is-visible');\n                            }\n                        }, 300);\n                    }\n                });\n            }\n\n            function bindATC() {\n                if (typeof jQuery === 'undefined') return;\n                jQuery(document.body).on('added_to_cart', function(evt, frg, hash, $btn) {\n                    if ($btn && $btn.hasClass('pts-wl-atc')) {\n                        $btn.addClass('pts-wl-atc--added').html(\n                            SVG_CHECK + ' \u0412 \u043a\u043e\u0448\u0438\u043a\u0443'\n                        );\n                    }\n                });\n            }\n\n        });\n    })();\n    <\/script>\n\n    <\/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":"<p>\u0422\u043e\u0432\u0430\u0440\u0438, \u044f\u043a\u0456 \u0441\u043f\u043e\u0434\u043e\u0431\u0430\u043b\u0438\u0441\u044f<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-951","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/pages\/951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/comments?post=951"}],"version-history":[{"count":15,"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/pages\/951\/revisions"}],"predecessor-version":[{"id":16012,"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/pages\/951\/revisions\/16012"}],"wp:attachment":[{"href":"https:\/\/davydenkobeauty.com\/en\/wp-json\/wp\/v2\/media?parent=951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}