{"id":114917,"date":"2023-09-15T16:49:37","date_gmt":"2023-09-15T09:49:37","guid":{"rendered":"https:\/\/www.docosan.com\/blog\/?page_id=114917"},"modified":"2023-10-31T17:30:45","modified_gmt":"2023-10-31T10:30:45","slug":"en-cares-product-widget","status":"publish","type":"page","link":"https:\/\/www.docosan.com\/blog\/en-cares-product-widget\/","title":{"rendered":"EN Cares Product Widget"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        var productInfo = {};\n    \n        if(window.location.search) {\n        var id = window.location.search.split('?')[1];\n        if(id){\n            id = id.split('=')[1];\n        }\n            \/\/GET PRODUCT BY ID\n        \n        fetch(`https:\/\/api.docosan.com\/api\/cares_hook\/get-product-by-id?id=${id}`)\n        .then((response) => response.json())\n        .then((data) => {\n        \n          let name = \"\";\n          let description = \"\";\n          let url = \"\";\n        productInfo = data.data;\n        productInfo?.meta_data?.forEach(item => {\n          if(item.key === 'name_en'){\n            name = item.value;\n          }else if(item.key === 'description_en'){\n            description = item.value;\n          }else if(item.key === 'url_en'){\n            url = item.value;\n          }\n          \n        });\n\n\n        document.querySelector('.product-cares-img img').src=productInfo.images[0].src;\n        \n        document.querySelector('.product-cares-img-link').href=url + '?utm_source=blog&utm_medium=widget';\n            \n        document.querySelector('.product-cares-content-link').href=url + '?utm_source=blog&utm_medium=widget';\n            \n        document.querySelector('.product-cares-title').innerText = name;\n                    \n        document.querySelector('.product-cares-desc').innerHTML= description;\n    \n        document.querySelector('.woocommerce-Price-currencySymbol').innerText=productInfo.price;\n      });\n    \n    \n    \n        \n         }\n      });   \n    <\/script>\n        <style>\n        .product-widget {\n            overflow: hidden;\n        }\n        .product-widget html{\n            margin: 0;\n            background-color: #fff;\n        }\n        body {\n            overflow: hidden;\n            margin: -24px 0 0 0 !important;\n        }\n        #wpadminbar {\n            display: none;\n        }\n        #fc_widget {\n            display: none;\n        }\n        .site-main {\n            padding: 0;\n        }\n        .product-widget .site-content {\n            padding: 0;\n        }\n        .product-widget .ast-container {\n            width: 100%;\n            padding: 0;\n        }\n        .entry-title {\n            display: none;\n        }\n        header {\n            display: none;\n        }\n        footer {\n            display: none;\n        }\n        .container {\n           margin: 0;\n           padding: 0;\n           border: none;\n           background: none;\n        }\n            .cares-related-products {\n                padding-bottom: 24px;\n                color: #333;\n            }\n            .product-cares {\n                display: flex;\n                justify-content: space-between;\n                height: 149px;\n                background-color: #fff;\n                padding: 10px;\n                margin-bottom: 15px;\n                width: 100%;\n                overflow: hidden;\n                border: 1px solid #b3bece;\n                border-radius: 5px;\n                \/* \tbox-shadow: 0px 0px 10px 0px rgb(0 0 0 \/ 50%); *\/\n            }\n            .product-cares a {\n                display: block;\n                margin-right: 10px;\n                cursor: pointer;\n                text-decoration: none !important;\n            }\n            .product-cares a img {\n                width: 130px;\n                margin-right: 16px;\n                box-shadow: inset 0px 0px 1px rgb(7 45 96 \/ 40%);\n            }\n            .product-cares-title {\n                text-align: left;\n                font-size: 16px;\n                color: #072D60;\n                font-weight: 600;\n                text-decoration: none;\n            }\n            .product-cares-content {\n                width: calc(100% - 80px);\n            }\n            .product-cares-desc ul {\n                display: none;\n            }\n            .product-cares-desc {\n                display: -webkit-box;\n                max-width: 100%;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                font-size: 13px;\n                text-align: left;\n                margin: 10px 0;\n                color: #000000;\n            }\n            .product-cares-desc p {\n                font-size: 13px;\n                text-decoration: none;\n                line-height: 1.6;\n                margin-bottom: 0;\n            }\n            .product-cares-price {\n                font-size: 12px;\n                display: flex;\n                width: 100%;\n                justify-content: space-between;\n                color: #000000;\n            }\n            .product-cares-price .amount {\n                font-size: 16px;\n                font-weight: bold;\n            }\n            .product-cares-price .icon-arrow-right svg {\n                font-size: 14px;\n                width: 14px;\n                color: #072D60;\n            }\n    \n        <\/style>\n    <div class=\"product-cares product-in-content d-flex\">\n        <div class=\"product-cares-img\">\n            <a class=\"product-cares-img-link\" target=\"_blank\" href=\"\" rel=\"noopener\">\n                <img decoding=\"async\" src=\"\" alt=\"Product image\">\n            <\/a>\n        <\/div>\n        <div class=\"product-cares-content\">\n            <a class=\"product-cares-content-link\" target=\"_blank\" href=\"https:\/\/cares.docosan.com\/san-pham\/zinc-10-agimexpharm\/?utm_source=blog&amp;utm_medium=seo\" rel=\"noopener\">\n                <div class=\"product-cares-title\">\n                    <\/div>\n                <div class=\"product-cares-desc\"><\/div>\n                <div class=\"product-cares-price\">\n                    <div>\n                           <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol bold\">\u20ab<\/span><\/bdi><\/span>\t\t\n                    <span><i class=\"fas fa-shopping-cart\" aria-hidden=\"true\"><\/i><\/span>\n                    <\/div>\n    \n                <span class=\"icon-arrow-right\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" class=\"svg-inline--fa fa-arrow-right \" role=\"img\" xmlns=\"http:\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg><\/span>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u20ab<\/p>\n","protected":false},"author":48,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-114917","page","type-page","status-publish","hentry"],"acf":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/www.docosan.com\/blog\/wp-json\/wp\/v2\/pages\/114917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.docosan.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.docosan.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.docosan.com\/blog\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/www.docosan.com\/blog\/wp-json\/wp\/v2\/comments?post=114917"}],"version-history":[{"count":0,"href":"https:\/\/www.docosan.com\/blog\/wp-json\/wp\/v2\/pages\/114917\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.docosan.com\/blog\/wp-json\/wp\/v2\/media?parent=114917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}