{"id":2865,"date":"2026-03-09T02:57:30","date_gmt":"2026-03-09T02:57:30","guid":{"rendered":"https:\/\/valslighting.hu\/?page_id=2865"},"modified":"2026-04-14T08:17:20","modified_gmt":"2026-04-14T08:17:20","slug":"resources-2","status":"publish","type":"page","link":"https:\/\/valslighting.hu\/en\/resources-2\/","title":{"rendered":"Resources"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2865\" class=\"elementor elementor-2865\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8c5223 e-flex e-con-boxed e-con e-parent\" data-id=\"a8c5223\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2199566 elementor-widget elementor-widget-heading\" data-id=\"2199566\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Brochures<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f84b593 e-grid e-con-full e-con e-parent\" data-id=\"f84b593\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-649292b e-con-full e-flex e-con e-child\" data-id=\"649292b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6369ca4 elementor-widget elementor-widget-shortcode\" data-id=\"6369ca4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"filter-sidebar\">\n                        \n                <div class=\"filter-group\" style=\"margin-bottom: 10px; border-bottom: 1px solid #f2f2f2;\">\n                    <div class=\"filter-header\" style=\"display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 10px 0;\">\n                        <h4 style=\"margin: 0; font-size: 15px; color: #1a1a7a; font-weight: 600;\">Brochure<\/h4>\n                        <span class=\"toggle-icon\" style=\"color: #999;\">+<\/span>\n                    <\/div>\n\n                    <div class=\"filter-content\" style=\"display: none; padding: 5px 0 15px 5px;\">\n                                                        <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"back-lighting-type\" style=\"margin-right: 8px;\">\n                                        Back lighting type                                    <\/label>\n                                <\/div>\n                                                            <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"cob-type\" style=\"margin-right: 8px;\">\n                                        COB type                                    <\/label>\n                                <\/div>\n                                                            <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"grazer-type\" style=\"margin-right: 8px;\">\n                                        Grazer type                                    <\/label>\n                                <\/div>\n                                                            <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"neon-type\" style=\"margin-right: 8px;\">\n                                        Neon type                                    <\/label>\n                                <\/div>\n                                                            <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"profile-type\" style=\"margin-right: 8px;\">\n                                        Profile type                                    <\/label>\n                                <\/div>\n                                                            <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"project-type\" style=\"margin-right: 8px;\">\n                                        Project type                                    <\/label>\n                                <\/div>\n                                                            <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"smd-type\" style=\"margin-right: 8px;\">\n                                        SMD type                                    <\/label>\n                                <\/div>\n                                                <\/div>\n                <\/div>\n\n                            \n                <div class=\"filter-group\" style=\"margin-bottom: 10px; border-bottom: 1px solid #f2f2f2;\">\n                    <div class=\"filter-header\" style=\"display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 10px 0;\">\n                        <h4 style=\"margin: 0; font-size: 15px; color: #1a1a7a; font-weight: 600;\">Catalog<\/h4>\n                        <span class=\"toggle-icon\" style=\"color: #999;\">+<\/span>\n                    <\/div>\n\n                    <div class=\"filter-content\" style=\"display: none; padding: 5px 0 15px 5px;\">\n                                                        <div class=\"filter-item\" style=\"margin-bottom: 6px;\">\n                                    <label style=\"cursor:pointer; font-size: 14px; color: #444; display: flex; align-items: center;\">\n                                        <input type=\"checkbox\" class=\"filter-checkbox\" value=\"products-catalog_vals-lighting\" style=\"margin-right: 8px;\">\n                                        Products Catalog_Vals Lighting                                    <\/label>\n                                <\/div>\n                                                <\/div>\n                <\/div>\n\n                <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        $('.filter-header').on('click', function() {\n            var $content = $(this).next('.filter-content');\n            var $icon = $(this).find('.toggle-icon');\n            \n            $content.slideToggle(200);\n            $icon.text($icon.text() == '+' ? '\u2212' : '+');\n        });\n\n        $(document).on('click', '.remove-tag', function() {\n            var val = $(this).parent().data('val');\n            var $targetCheckbox = $('.filter-checkbox[value=\"' + val + '\"]');\n            \n            if ($targetCheckbox.length) {\n                $targetCheckbox.prop('checked', false).trigger('change');\n            }\n        });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da91463 e-con-full e-flex e-con e-child\" data-id=\"da91463\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f93ac8 elementor-widget elementor-widget-html\" data-id=\"6f93ac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"active-tags-container\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d558b51 elementor-widget elementor-widget-html\" data-id=\"d558b51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"elementor-results-container\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-946db4d e-flex e-con-boxed e-con e-parent\" data-id=\"946db4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb52d5 elementor-widget elementor-widget-html\" data-id=\"9bb52d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\njQuery(document).ready(function($) {\r\n    function updateFilters() {\r\n        let selectedTerms = [];\r\n        let tagsHtml = '';\r\n\r\n        $('.filter-checkbox:checked').each(function() {\r\n            let label = $(this).parent().text().trim();\r\n            let val = $(this).val();\r\n            selectedTerms.push(val);\r\n            tagsHtml += `<span class=\"active-tag\" data-val=\"${val}\">${label} <i class=\"remove-tag\" style=\"cursor:pointer;margin-left:5px;\">\u00d7<\/i><\/span>`;\r\n        });\r\n\r\n        $('#active-tags-container').html(tagsHtml);\r\n\r\n        $.ajax({\r\n            url: '\/wp-admin\/admin-ajax.php',\r\n            type: 'GET',\r\n            data: {\r\n                action: 'filter_custom_files',\r\n                file_cat: selectedTerms,\r\n            },\r\n            beforeSend: function() {\r\n                \/\/ \u52a0\u8f7d\u5360\u4f4d\u7b26\uff0c\u907f\u514d\u89c6\u89c9\u5361\u987f\r\n                $('#elementor-results-container').css('opacity', '0.5');\r\n            },\r\n            success: function(res) {\r\n                $('#elementor-results-container').html(res).css('opacity', '1');\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ \u5173\u952e\uff1a\u76d1\u542c\u52fe\u9009\u6846\r\n    $('.filter-checkbox').on('change', updateFilters);\r\n\r\n    \/\/ \u5173\u952e\uff1a\u70b9\u51fb\u6807\u7b7e\u5220\u9664\u65f6\uff0c\u5fc5\u987b\u89e6\u53d1 change \u4e8b\u4ef6\u4ee5\u91cd\u65b0\u8c03\u7528 Ajax\r\n    $(document).on('click', '.remove-tag', function() {\r\n        let val = $(this).parent().data('val');\r\n        let $checkbox = $(`.filter-checkbox[value=\"${val}\"]`);\r\n        $checkbox.prop('checked', false);\r\n        $checkbox.trigger('change'); \/\/ \u5f3a\u5236\u89e6\u53d1 Ajax \u5237\u65b0\r\n    });\r\n\r\n    updateFilters();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Brochures<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2865","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/pages\/2865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/comments?post=2865"}],"version-history":[{"count":38,"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/pages\/2865\/revisions"}],"predecessor-version":[{"id":3411,"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/pages\/2865\/revisions\/3411"}],"wp:attachment":[{"href":"https:\/\/valslighting.hu\/en\/wp-json\/wp\/v2\/media?parent=2865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}