{"id":3740,"date":"2026-03-28T17:48:24","date_gmt":"2026-03-28T17:48:24","guid":{"rendered":"https:\/\/floraindonesia.com\/?page_id=3740"},"modified":"2026-03-28T18:24:00","modified_gmt":"2026-03-28T18:24:00","slug":"special-custom","status":"publish","type":"page","link":"https:\/\/floraindonesia.com\/en\/special-custom\/","title":{"rendered":"Special Custom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3740\" class=\"elementor elementor-3740\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d66e274 e-flex e-con-boxed e-con e-parent\" data-id=\"d66e274\" 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-93856ea elementor-widget elementor-widget-shortcode\" data-id=\"93856ea\" 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\">    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\n        :root { --flora-pink: #fdf2f0; --flora-dark-pink: #eeb9b2; --flora-accent: #d4a373; --text-dark: #4a4a4a; --danger: #d9534f; --white: #ffffff; }\n        \n        #flora-custom-order { \n            max-width: 900px; \n            margin: 20px auto; \n            padding: 25px; \n            background: var(--white); \n            border: 1px solid #eee; \n            font-family: 'Poppins', sans-serif; \n            color: var(--text-dark); \n        }\n\n        .area-caution { \n            background: #fff5f5; \n            border: 1.5px solid var(--danger); \n            color: var(--danger); \n            padding: 12px; \n            border-radius: 0 !important; \n            text-align: center; \n            margin-bottom: 25px; \n            font-weight: 700; \n            font-size: 0.85rem; \n            text-transform: uppercase; \n        }\n\n        .section-title { \n            font-size: 1rem; \n            margin: 25px 0 15px 0; \n            font-weight: 600; \n            display: flex; \n            align-items: center; \n            gap: 10px; \n            text-transform: uppercase; \n        }\n\n        .section-title::after { content: \"\"; flex: 1; height: 1px; background: var(--flora-pink); }\n        .radio-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\n        @media (min-width: 768px) { .radio-grid { grid-template-columns: repeat(3, 1fr); } #flora-custom-order { padding: 40px; } }\n\n        .custom-radio-label { \n            display: flex; \n            align-items: center; \n            position: relative; \n            padding: 12px 10px 12px 35px; \n            background: #fff; \n            border: 1.5px solid #eee; \n            border-radius: 0 !important; \n            cursor: pointer; \n            transition: 0.3s; \n            font-size: 0.8rem; \n            min-height: 45px; \n        }\n\n        .custom-radio-label:hover { border-color: var(--flora-dark-pink); }\n        .custom-radio-label input { position: absolute; opacity: 0; pointer-events: none; }\n\n        .checkmark { \n            position: absolute; \n            left: 10px; \n            height: 16px; \n            width: 16px; \n            background-color: #fff; \n            border: 2px solid #ddd; \n            border-radius: 0 !important; \n        }\n\n        .custom-radio-label input:checked ~ .checkmark { border-color: var(--flora-accent); background: var(--flora-accent); }\n        .custom-radio-label input:checked + span { font-weight: 600; color: var(--flora-accent); }\n\n        #custom-theme-input-wrap { margin-top: 10px; display: none; }\n        .flora-input { \n            width: 100%; \n            padding: 12px; \n            border: 1.5px solid var(--flora-dark-pink); \n            border-radius: 0 !important; \n            font-size: 0.9rem; \n            box-sizing: border-box; \n        }\n\n        .katalog-header { text-align: center; margin: 60px 0 30px 0; position: relative; }\n        .katalog-header h3 { background: #fff; display: inline-block; padding: 0 15px; position: relative; z-index: 2; color: var(--flora-accent); font-size: 0.9rem; font-weight: 700; }\n        .katalog-header::before { content: \"\"; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #eee; z-index: 1; }\n\n        #product-results { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }\n        .no-product-found { \n            grid-column: 1 \/ -1; \n            text-align: center; \n            padding: 40px 20px; \n            background: #fdfdfd; \n            border: 1px dashed #ccc; \n            border-radius: 0 !important; \n            color: #888; \n            font-size: 0.9rem; \n        }\n\n        .flora-card { \n            border: 1px solid #f2f2f2; \n            padding: 10px; \n            text-align: center; \n            background: #fff; \n            border-radius: 0 !important; \n            display: flex; \n            flex-direction: column; \n            justify-content: space-between; \n            transition: 0.3s;\n        }\n\n        .flora-card img { border-radius: 0 !important; width: 100%; aspect-ratio: 1\/1; object-fit: cover; margin-bottom: 8px; }\n        .price-tag { color: var(--flora-accent); font-weight: 700; font-size: 0.85rem; margin-bottom: 10px; }\n        \n        \/* Tombol Pesan Sharp Corner *\/\n        .btn-order { \n            background: var(--flora-accent); \n            color: white !important; \n            padding: 10px; \n            border-radius: 0 !important; \n            text-decoration: none; \n            font-size: 0.85rem; \n            font-weight: 600;\n            display: block; \n            text-transform: uppercase;\n            transition: background 0.3s;\n        }\n\n        .btn-order:hover { background: var(--flora-dark-pink); }\n    <\/style>\n\n    <div id=\"flora-custom-order\">\n        <div class=\"area-caution\">LAYANAN PESANAN KHUSUS HANYA TERSEDIA UNTUK WILAYAH SENTUL DAN BOGOR<\/div>\n        <h2 style=\"text-align: center; font-weight: 700; font-size: 1.4rem;\">Pemesanan Khusus<\/h2>\n        \n        <form id=\"flora-filter-form\">\n            <div class=\"section-title\">1. Pilih Jenis Acara<\/div>\n            <div class=\"radio-grid\">\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"birthday\" class=\"unclickable-radio\">\n                        <span>Ulang Tahun<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"bridal-shower\" class=\"unclickable-radio\">\n                        <span>Acara Pranikah<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"baby-run\" class=\"unclickable-radio\">\n                        <span>Kelahiran Bayi<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"graduation\" class=\"unclickable-radio\">\n                        <span>Kelulusan<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"anniversary\" class=\"unclickable-radio\">\n                        <span>Hari Jadi<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"grand-opening\" class=\"unclickable-radio\">\n                        <span>Pembukaan Bisnis<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"farewell\" class=\"unclickable-radio\">\n                        <span>Perpisahan<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"welcome-party\" class=\"unclickable-radio\">\n                        <span>Pesta Penyambutan<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"engagement\" class=\"unclickable-radio\">\n                        <span>Tunangan<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"event_type\" value=\"condolences\" class=\"unclickable-radio\">\n                        <span>Ucapan Belasungkawa<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                            <\/div>\n\n            <div class=\"section-title\">2. Pilih Tema Warna<\/div>\n            <div class=\"radio-grid\">\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"color_theme\" value=\"putih\" class=\"unclickable-radio theme-radio\">\n                        <span>Putih<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"color_theme\" value=\"merah-muda\" class=\"unclickable-radio theme-radio\">\n                        <span>Merah Muda<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"color_theme\" value=\"biru\" class=\"unclickable-radio theme-radio\">\n                        <span>Biru<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                                    <label class=\"custom-radio-label\">\n                        <input type=\"radio\" name=\"color_theme\" value=\"custom\" class=\"unclickable-radio theme-radio\">\n                        <span>Warna Lainnya<\/span><span class=\"checkmark\"><\/span>\n                    <\/label>\n                            <\/div>\n            <div id=\"custom-theme-input-wrap\">\n                <input type=\"text\" id=\"custom_color_field\" class=\"flora-input\" placeholder=\"Masukkan warna (contoh: Merah, Kuning, Ungu)...\">\n            <\/div>\n\n            <div class=\"section-title\">3. Tentukan Anggaran (Budget)<\/div>\n            <div class=\"radio-grid\">\n                <label class=\"custom-radio-label\"><input type=\"radio\" name=\"budget_range\" data-min=\"0\" data-max=\"500000\" class=\"unclickable-radio\"><span>< 500rb<\/span><span class=\"checkmark\"><\/span><\/label>\n                <label class=\"custom-radio-label\"><input type=\"radio\" name=\"budget_range\" data-min=\"500001\" data-max=\"2000000\" class=\"unclickable-radio\"><span>500rb - 2jt<\/span><span class=\"checkmark\"><\/span><\/label>\n                <label class=\"custom-radio-label\"><input type=\"radio\" name=\"budget_range\" data-min=\"2000001\" data-max=\"5000000\" class=\"unclickable-radio\"><span>2jt - 5jt<\/span><span class=\"checkmark\"><\/span><\/label>\n                <label class=\"custom-radio-label\"><input type=\"radio\" name=\"budget_range\" data-min=\"5000001\" data-max=\"99999999\" class=\"unclickable-radio\"><span>> 5jt<\/span><span class=\"checkmark\"><\/span><\/label>\n            <\/div>\n        <\/form>\n\n        <div class=\"katalog-header\"><h3>Rekomendasi Produk<\/h3><\/div>\n        <div id=\"product-results\"><p style=\"grid-column: 1\/-1; text-align: center; color: #ccc; padding: 20px;\">Silakan lengkapi pilihan Anda untuk melihat hasil...<\/p><\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        var typingTimer;\n        $('.unclickable-radio').on('click', function() {\n            var $radio = $(this);\n            if ($radio.data('waschecked')) {\n                $radio.prop('checked', false).data('waschecked', false);\n                if($radio.hasClass('theme-radio')) $('#custom-theme-input-wrap').slideUp();\n            } else {\n                $('input[name=\"' + $radio.attr('name') + '\"]').data('waschecked', false);\n                $radio.data('waschecked', true);\n                if($radio.hasClass('theme-radio') && $radio.val() === 'custom') $('#custom-theme-input-wrap').slideDown();\n                else if($radio.hasClass('theme-radio')) $('#custom-theme-input-wrap').slideUp();\n            }\n            runFloraFilter();\n        });\n\n        $('#custom_color_field').on('keyup', function() {\n            clearTimeout(typingTimer);\n            typingTimer = setTimeout(runFloraFilter, 800);\n        });\n\n        function runFloraFilter() {\n            var event = $('input[name=\"event_type\"]:checked').val() || '';\n            var color_radio = $('input[name=\"color_theme\"]:checked').val() || '';\n            var custom_color = $('#custom_color_field').val() || '';\n            var final_color = (color_radio === 'custom') ? custom_color : color_radio;\n            var budget_el = $('input[name=\"budget_range\"]:checked');\n            var min = budget_el.length ? budget_el.data('min') : 0;\n            var max = budget_el.length ? budget_el.data('max') : 99999999;\n\n            if(!event && !budget_el.length && !final_color) return;\n            $('#product-results').html('<p style=\"grid-column:1\/-1; text-align:center;\">Mencari bunga terbaik...<\/p>');\n            $.ajax({\n                url: 'https:\/\/floraindonesia.com\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: { action: 'flora_filter_products', event: event, color: final_color, min: min, max: max },\n                success: function(res) { $('#product-results').hide().html(res).fadeIn(); }\n            });\n        }\n    });\n    <\/script>\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\t\t<\/div>\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":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3740","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"floraflorist.id@gmail.com","author_link":"https:\/\/floraindonesia.com\/en\/author\/floraflorist-idgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/comments?post=3740"}],"version-history":[{"count":8,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3740\/revisions"}],"predecessor-version":[{"id":3748,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3740\/revisions\/3748"}],"wp:attachment":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/media?parent=3740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}