{"id":1060,"date":"2023-03-28T22:30:26","date_gmt":"2023-03-28T15:30:26","guid":{"rendered":"http:\/\/localhost\/soclinic\/?page_id=1060"},"modified":"2025-06-24T18:23:55","modified_gmt":"2025-06-24T11:23:55","slug":"review","status":"publish","type":"page","link":"https:\/\/www.soclinicthailand.com\/en\/review\/","title":{"rendered":"\u0e23\u0e35\u0e27\u0e34\u0e27"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1060\" class=\"elementor elementor-1060\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d9d612c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d9d612c\" data-element_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-ef8fa65\" data-id=\"ef8fa65\" 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-4976ec6 elementor-widget elementor-widget-shortcode\" data-id=\"4976ec6\" 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<article class=\"\">\r\n    <section class=\"main_banner hide-on-mobile\">\r\n        <div class=\"swiper-main_banner swiper\" dir=\"ltr\">\r\n            <div class=\"swiper-wrapper\">\r\n                                <div class=\"swiper-slide swiper-slide--one\">\r\n                    <div class=\"hide-no-mobile\">\r\n                        <img decoding=\"async\" class=\"w_full\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/uploads\/2025\/06\/review_banner.png\"\r\n                            alt=\"\">\r\n                    <\/div>\r\n                <\/div>\r\n                                <!-- <div class=\"swiper-slide swiper-slide--one\">\r\n                    <div>\r\n                        <img decoding=\"async\" class=\"w_full\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/themes\/generatepress_child\/assets\/banner\/home_banner.png\"\r\n                            alt=\"\">\r\n                    <\/div>\r\n                <\/div> -->\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Add Pagination -->\r\n        <div class=\"swiper-pagination main_banner_pagination\"><\/div>\r\n        <script>\r\n            var swiper_pc = new Swiper(\".swiper-main_banner\", {\r\n                slidesPerView: \"1\",\r\n                spaceBetween: 0,\r\n                speed: 500,\r\n                pagination: {\r\n                    clickable: true,\r\n                    el: \".main_banner_pagination\"\r\n                },\r\n            });\r\n        <\/script>\r\n    <\/section>\r\n    <section class=\"main_banner hide-on-pc\">\r\n        <div class=\"swiper-main_banner swiper\" dir=\"ltr\">\r\n            <div class=\"swiper-wrapper\">\r\n                                <div class=\"swiper-slide swiper-slide--one\">\r\n                    <div>\r\n                        <img decoding=\"async\" class=\"w_full\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/uploads\/2025\/06\/service_banner_m-1.png\"\r\n                            alt=\"\">\r\n                    <\/div>\r\n                <\/div>\r\n                                <!-- <div class=\"swiper-slide swiper-slide--one\">\r\n                    <div>\r\n                        <img decoding=\"async\" class=\"w_full\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/themes\/generatepress_child\/assets\/banner\/home_banner-m.png\"\r\n                            alt=\"\">\r\n                    <\/div>\r\n                <\/div> -->\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Add Pagination -->\r\n        <div class=\"swiper-pagination main_banner_pagination\"><\/div>\r\n        <script>\r\n            var swiper_mobile = new Swiper(\".swiper-main_banner\", {\r\n                slidesPerView: \"1\",\r\n                spaceBetween: 0,\r\n                speed: 500,\r\n                pagination: {\r\n                    clickable: true,\r\n                    el: \".main_banner_pagination\"\r\n                },\r\n            });\r\n        <\/script>\r\n    <\/section>\r\n    <section class=\"review_title\">\r\n        <div class=\"w-80-center\">\r\n            <div class=\"review_title_header\">\r\n                <center>\r\n                    <h2 class=\"font-48px fw-400 text-d\"><span class=\"fw-700\">Review |<\/span> \u0e23\u0e35\u0e27\u0e34\u0e27<\/h2>\r\n                <\/center>\r\n                <div class=\"review_title_main\">\r\n                    <div class=\"line\"><\/div>\r\n                    <div class=\"review_title_main_text\">\r\n                        <p class=\"font-96px fw-300 text-d\"><span class=\"fw-700\">So Clinic <\/span>\u0e42\u0e0b\u0e27\u0e4c \u0e04\u0e25\u0e34\u0e19\u0e34\u0e01<\/p>\r\n                    <\/div>\r\n                    <div class=\"line\"><\/div>\r\n                <\/div>\r\n                <center>\r\n                    <p class=\"font-32px fw-400 text-d\">\u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48\u0e44\u0e27\u0e49\u0e43\u0e08\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e31\u0e48\u0e19 \u0e27\u0e32\u0e07\u0e43\u0e08\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e14\u0e39\u0e41\u0e25\u0e04\u0e38\u0e13<\/p>\r\n                <\/center>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"w-80-center\">\r\n            <div class=\"tags_review\" id=\"tagsLists\">\r\n                <div class=\"loading\">\r\n                    <div class=\"obj\"><\/div>\r\n                    <div class=\"obj\"><\/div>\r\n                    <div class=\"obj\"><\/div>\r\n                    <div class=\"obj\"><\/div>\r\n                    <div class=\"obj\"><\/div>\r\n                    <div class=\"obj\"><\/div>\r\n                    <div class=\"obj\"><\/div>\r\n                    <div class=\"obj\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"review_grid\" id=\"pictureList\">\r\n            \r\n            <\/div>\r\n            <div class=\"promotion-pageination pt-1 d-flex justify-content-center align-items-center mb-5\">\r\n                <center>\r\n                    <nav aria-label=\"Page navigation example\">\r\n                        <ul class=\"pagination pagination-number justify-content-center\" id=\"paginateList\">\r\n                        \r\n                        <\/ul>\r\n                    <\/nav>\r\n                <\/center>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"w-80-center\">\r\n            <div class=\"social_link\">\r\n                <center>\r\n                    <h2 class=\"font-48px fw-300 text-d\">\r\n                        <span class=\"fw-700\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1f\u0e23\u0e35<\/span> \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\r\n                    <\/h2>\r\n                <\/center>\r\n                <div class=\"social_link_grid\">\r\n                    <a href=\"https:\/\/www.facebook.com\/soclinic.center\" target=\"_blank\" class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/themes\/generatepress_child\/assets\/icon\/fb.svg\" alt=\"\">\r\n                    <\/a>\r\n                    <a href=\"https:\/\/www.instagram.com\/so_clinic\/\" target=\"_blank\" class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/themes\/generatepress_child\/assets\/icon\/ig.svg\" alt=\"\">\r\n                    <\/a>\r\n                    <a href=\"https:\/\/lin.ee\/wOYHvvG\" target=\"_blank\" class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/themes\/generatepress_child\/assets\/icon\/li.svg\" alt=\"\">\r\n                    <\/a>\r\n                    <a href=\"tel:091-925-6966\" target=\"_blank\" class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.soclinicthailand.com\/wp-content\/themes\/generatepress_child\/assets\/icon\/tel.svg\" alt=\"\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/article>\r\n\r\n<script>\r\n    var c_id = null;\r\n    var t_id = null;\r\n    var old_active_cid = -1;\r\n    var first_load = 1;\r\n    var old_sub_active_cid = -1;\r\n\r\n    \/\/ * base_url \/\/\r\n    var getUrl = window.location.host !== 'localhost' ? window.location.host : 'localhost\/soclinic';\r\n    var base_url = window.location.protocol + \"\/\/\" + getUrl;\r\n    \/\/ console.log(base_url);\r\n    \/\/ * base_url \/\/\r\n\r\n    jQuery(document).ready(function ($) {\r\n        callProductList(null, 1, null,null);\r\n    });\r\n\r\n\r\n    jQuery(document).ready(function ($) {\r\n        \r\n        \/\/ AJAX request\r\n        $.ajax({\r\n            url: `${base_url}\/wp-json\/wp\/v2\/tags?&orderby=id`,\r\n            type: 'GET',\r\n            success: function (response) {\r\n                \r\n                \/\/ Handle the response here\r\n                console.log('API response: TAGS', response);\r\n\r\n                var loopDiv = document.getElementById('tagsLists');\r\n                var elementInstance = '';\r\n                \r\n                var parentList = [];\r\n                \r\n\r\n                \/\/Loop For Div UI\r\n                response.map(item => {\r\n\r\n                    const tagsId = item.id;\r\n                    const tagsSlug = item.slug;\r\n                    const tagstName = item.name || 'Unknown Category';\r\n\r\n                    \/\/? HTML \u0e02\u0e2d\u0e07 Parent Category\r\n                    const parentHTML = `\r\n                        <div class=\"tags_review_bt\" onclick=\"callProductList(${tagsId} , 1 ,${item.id})\" id=\"p_${tagsId}\">\r\n                            <p class=\"font-20px fw-300\">${tagstName}<\/p>\r\n                        <\/div>\r\n                    `;\r\n\r\n                    \/\/? \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e44\u0e1b\u0e43\u0e19\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23 elementInstance\r\n                    elementInstance += parentHTML;\r\n                });\r\n                \/\/ console.log('parentList',parentList);\r\n                \/\/todo: add last category\/\/\r\n                let all_cat = `\r\n                <div class=\"tags_review_bt active\" onclick=\"callProductList(null , 1 ,null,null)\" id=\"p_all\">\r\n                    <p class=\"font-20px fw-300\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/p>\r\n                <\/div>\r\n                `\r\n                loopDiv.innerHTML = all_cat += elementInstance;\r\n                \/\/ * You can manipulate DOM or process the data here\r\n            },\r\n            error: function (xhr, status, error) {\r\n                \/\/ Handle errors\r\n                console.error('AJAX Error:', status, error);\r\n            },\r\n        });\r\n    });\r\n\r\n    function callProductList(cid, page = 1 , tid, cname) {\r\n        c_id = cid !== null ? cid : null;\r\n        t_id = tid !== null ? tid : null;\r\n        c_name = cname !== null ? cname : '\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14';\r\n\r\n        if(first_load < 1){\r\n            let checkClass = cid !== null ? document.getElementById(`p_${cid}`).classList.contains('sub-parent') : false;\r\n            if(!checkClass){\r\n\r\n                if(old_sub_active_cid !== null && old_sub_active_cid >= 0){\r\n                    document.getElementById(`p_${old_sub_active_cid}`).classList.remove(\"active\");\r\n                    \r\n                }\r\n\r\n                if(old_active_cid !== null && old_active_cid >= 0){\r\n                    document.getElementById(`p_${old_active_cid}`).classList.remove(\"active\");\r\n                    \r\n                }else{\r\n                    document.getElementById(`p_all`).classList.remove(\"active\")\r\n\r\n                }\r\n                old_active_cid = cid;\r\n\r\n                if(cid !== null){\r\n                    document.getElementById(`p_${cid}`).classList.add(\"active\")\r\n                }else{\r\n                    document.getElementById(`p_all`).classList.add(\"active\")\r\n                    \r\n                }\r\n            }else{\r\n                \r\n                if(old_sub_active_cid !== null && old_sub_active_cid >= 0){\r\n                    document.getElementById(`p_${old_sub_active_cid}`).classList.remove(\"active\");\r\n                    \r\n                }\r\n                old_sub_active_cid = cid;\r\n\r\n                if(cid !== null){\r\n                    document.getElementById(`p_${cid}`).classList.add(\"active\")\r\n                    \r\n                }\r\n\r\n            }\r\n        }else{\r\n            first_load = 0\r\n        }\r\n        \/\/ todo: \u0e16\u0e49\u0e32 tid  \u0e44\u0e21\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a null \u0e43\u0e2b\u0e49 t_id = tid \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32 tid = \u0e04\u0e48\u0e32\u0e27\u0e48\u0e32\u0e07 \u0e43\u0e2b\u0e49 t_id = null\r\n        \/\/ todo: !==\u0e44\u0e21\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a || ? = \u0e16\u0e49\u0e32 || : = \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32 \/\/\r\n        jQuery(document).ready(function ($) {\r\n            \/\/ AJAX request\r\n            $.ajax({\r\n                url: `${base_url}\/wp-json\/wp\/v2\/review_page?per_page=9&page=${page}${c_id !== null ? `&tags=${c_id}` : ''}&orderby=id&order=desc&_embed`,\r\n                type: 'GET',\r\n                success: function (response, textStatus, jqXHR) {\r\n                    \/\/ Handle the response here\r\n                    \/\/ console.log('API product_list:  POST', response);\r\n\r\n                    var totalPage = jqXHR.getResponseHeader('x-wp-totalpages');\r\n                    \/\/ console.log('totalPage', totalPage);\r\n\r\n                    var paginateList = document.getElementById('paginateList');\r\n\r\n                    var loopDiv = document.getElementById('pictureList');\r\n                    var elementInstance = '';\r\n\r\n                    response.map((item) => {\r\n\r\n                        let htmlText = `\r\n                            <img decoding=\"async\" src=\"${item._embedded['wp:featuredmedia'] ? item._embedded['wp:featuredmedia']['0'].source_url : 'https:\/\/www.soclinicthailand.com\/wp-content\/themes\/generatepress_child\/assets\/mock\/product_img.png'}\" alt=\"\">\r\n                        `;\r\n                        elementInstance += htmlText\r\n\r\n                    });                    \r\n                    loopDiv.innerHTML = elementInstance;\r\n\r\n                    var paginateInstance = '';\r\n                    \/\/ You can manipulate DOM or process the data here\r\n\r\n                    if(page > 1){\r\n                        paginateInstance += `\r\n                            <li class=\"pagenate_li current\" onclick=\"callProductList(${cid !== null ? cid : null},${page - 1},${ c_id !== null ? c_id : null},${ cname !== null ? cname : null})\">\r\n                                <div class=\"paginate page-numbers\">${'<'}<\/div>\r\n                            <\/li>\r\n                        `;\r\n                    }\r\n\r\n                    if(totalPage > 3){\r\n                        for (let i = page; i <= page + 2; i++){\r\n                            if(i <= totalPage){\r\n                                paginateInstance += `\r\n                                    <li class=\"pagenate_li\"  onclick=\"callProductList(${cid !== null ? cid : null},${i},${ c_id !== null ? c_id : null},${ cname !== null ? cname : null})\">\r\n                                        <div class=\"paginate page-numbers ${page == i ? 'current' : ''}\">${i}<\/div>\r\n                                    <\/li>\r\n                                `;\r\n                            }\r\n                        }\r\n                    }else{\r\n                        for (let i = 1; i <= totalPage; i++){\r\n                            paginateInstance += `\r\n                                <li class=\"pagenate_li\"  onclick=\"callProductList(${cid !== null ? cid : null},${i},${ c_id !== null ? c_id : null},${ cname !== null ? cname : null})\">\r\n                                    <div class=\"paginate page-numbers ${page == i ? 'current' : ''}\">${i}<\/div>\r\n                                <\/li>\r\n                            `;\r\n                        }\r\n                    }\r\n\r\n                    if(totalPage > 3){\r\n                        paginateInstance += `\r\n                            <li class=\"pagenate_li current\" onclick=\"callProductList(${cid !== null ? cid : null},${page + 1},${ c_id !== null ? c_id : null},${ cname !== null ? cname : null})\">\r\n                                <div class=\"paginate page-numbers\">... Next<\/div>\r\n                            <\/li>\r\n                        `;\r\n                    }\r\n\r\n                paginateList.innerHTML = paginateInstance;\r\n\r\n                },\r\n                error: function (xhr, status, error) {\r\n                    \/\/ Handle errors\r\n                    console.error('AJAX Error:', status, error);\r\n                },\r\n            });\r\n        });\r\n    };\r\n\r\n<\/script>\r\n\r\n<article class=\"hide-on-pc\">\r\n<\/article>\t\t<div class=\"elementor-shortcode\"><\/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>","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-1060","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.soclinicthailand.com\/en\/wp-json\/wp\/v2\/pages\/1060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.soclinicthailand.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.soclinicthailand.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.soclinicthailand.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.soclinicthailand.com\/en\/wp-json\/wp\/v2\/comments?post=1060"}],"version-history":[{"count":0,"href":"https:\/\/www.soclinicthailand.com\/en\/wp-json\/wp\/v2\/pages\/1060\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.soclinicthailand.com\/en\/wp-json\/wp\/v2\/media?parent=1060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}