{"id":53980,"date":"2022-10-18T10:08:39","date_gmt":"2022-10-18T09:08:39","guid":{"rendered":"https:\/\/www.likes-kopen.nl\/bestellstatus-pruefen\/"},"modified":"2025-02-03T12:21:36","modified_gmt":"2025-02-03T11:21:36","slug":"bestellstatus-pruefen","status":"publish","type":"page","link":"https:\/\/www.likes-kopen.nl\/de\/bestellstatus-pruefen\/","title":{"rendered":"Bestellstatus pr\u00fcfen"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8220;1\/6&#8243;][\/vc_column][vc_column width=&#8220;2\/3&#8243;][vc_column_text]<\/p>\n<h2>\u00dcberpr\u00fcfe den Status deiner Bestellung hier<\/h2>\n<p>Gib deine Bestell-ID und die E-Mail-Adresse ein, mit der du bestellt hast.<\/p>\n<p>    <style>\n        \/* Form Styling *\/\n        .smm_order_status_form {\n            background-color: #f8f9fa;\n            border-radius: 16px;\n            border: none;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            padding: 30px;\n            margin-bottom: 30px;\n            max-width: 95%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .smm_order_status_form .form-field {\n            margin-bottom: 20px;\n        }\n        \n        .smm_order_status_form label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 600;\n            color: #333;\n            font-size: 14px;\n        }\n        \n        .smm_order_status_form input[type=\"text\"],\n        .smm_order_status_form input[type=\"email\"] {\n            width: 100%;\n            padding: 12px 16px;\n            border: 1px solid #e0e0e0;\n            border-radius: 8px;\n            box-sizing: border-box;\n            font-size: 14px;\n            transition: border-color 0.3s, box-shadow 0.3s;\n        }\n        \n        .smm_order_status_form input[type=\"text\"]:focus,\n        .smm_order_status_form input[type=\"email\"]:focus {\n            border-color: #6366f1;\n            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);\n            outline: none;\n        }\n        \n        .smm_order_status_form input[type=\"submit\"] {\n            background: linear-gradient(90deg, #6366f1, #8b5cf6);\n            color: #fff;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 8px;\n            cursor: pointer;\n            font-weight: 600;\n            text-transform: uppercase;\n            transition: all 0.3s;\n            font-size: 14px;\n            letter-spacing: 0.5px;\n            width: 100%;\n        }\n        \n        .smm_order_status_form input[type=\"submit\"]:hover {\n            background: linear-gradient(90deg, #4f46e5, #7c3aed);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\n        }\n        \n        .form-error-message {\n            background-color: #fee2e2;\n            color: #b91c1c;\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-top: 15px;\n            font-size: 14px;\n            display: flex;\n            align-items: center;\n        }\n        \n        .alert {\n            margin-top: 15px;\n            margin-bottom: 15px;\n            border-radius: 8px;\n            padding: 12px 16px;\n            font-size: 14px;\n        }\n        \n        \/* Progress Bar Styling *\/\n        .smm_order_status_form .progress-bar-wrapper {\n            text-align: center;\n        }\n        \n        .progress-bar {\n            display: inline-block;\n            margin: 30px auto 40px;\n            max-width: 95%;\n            width: 100%;\n        }\n        \n        .progress-bar .icon-container {\n            margin: 0 auto;\n            width: 87%;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        \n        .progress-bar .icon {\n            border: 3px solid #e0e0e0;\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            background-color: #fff;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .progress-bar .icon img {\n            width: 20px;\n            height: 20px;\n            padding: 0;\n        }\n        \n        .progress-bar .line {\n            background-color: #e0e0e0;\n            height: 3px;\n            flex-grow: 1;\n            transition: all 0.3s ease;\n        }\n        \n        .progress-bar .text-icon-container {\n            display: flex;\n            justify-content: space-between;\n            margin-top: 12px;\n            width: 100%;\n        }\n        \n        .progress-bar .text-icon {\n            color: #6b7280;\n            font-size: 13px;\n            font-weight: 600;\n            width: 25%;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n        \n        .progress-bar .success {\n            background-color: #6366f1;\n        }\n        \n        .progress-bar .active,\n        .progress-bar .success {\n            border-color: #6366f1;\n            color: #6366f1;\n        }\n        \n        \/* Table Styling *\/\n        .smm_order_status_form table {\n            background-color: #fff;\n            border-radius: 16px;\n            border: none;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            margin-top: 30px;\n            width: 100%;\n            border-collapse: separate;\n            border-spacing: 0;\n            overflow: hidden;\n        }\n        \n        .smm_order_status_form table th {\n            background-color: #f3f4f6;\n            color: #4b5563;\n            padding: 16px;\n            font-weight: 600;\n            text-align: left;\n            font-size: 14px;\n        }\n        \n        \/* Table Header Styling *\/\n        .smm_order_status_form table .table-header {\n            color: white;\n            padding: 20px;\n            font-weight: 600;\n            text-align: left;\n            border-bottom: none;\n            font-size: 16px;\n        }\n        \n        .smm_order_status_form table .attention-header {\n            background: linear-gradient(90deg, #ef4444, #f87171);\n        }\n        \n        .smm_order_status_form table .waiting-header {\n            background: linear-gradient(90deg, #3b82f6, #60a5fa);\n        }\n        \n        .smm_order_status_form table .slow-delivery-header {\n            background: linear-gradient(90deg, #8b5cf6, #a78bfa);\n        }\n        \n        .smm_order_status_form table .completed-header {\n            background: linear-gradient(90deg, #10b981, #34d399);\n        }\n        \n        .smm_order_status_form table .refunded-header {\n            background: linear-gradient(90deg, #6b7280, #9ca3af);\n        }\n        \n        .smm_order_status_form table tr:nth-child(even) {\n            background-color: #f9fafb;\n        }\n        \n        .smm_order_status_form table tr:nth-child(odd) {\n            background-color: #ffffff;\n        }\n        \n        .smm_order_status_form table td {\n            padding: 16px;\n            border-top: 1px solid #f3f4f6;\n            color: #4b5563;\n            font-size: 14px;\n            vertical-align: middle;\n        }\n        \n        .smm_order_status_form table tr:hover {\n            background-color: #f3f4f6;\n        }\n        \n        .smm_order_status_form table img {\n            max-width: 60px;\n            max-height: 60px;\n            width: auto;\n            height: auto;\n            border-radius: 8px;\n            object-fit: cover;\n        }\n        \n        .order-again-button {\n            background: linear-gradient(90deg, #6366f1, #8b5cf6) !important;\n            color: #fff !important;\n            border: none !important;\n            padding: 10px 16px !important;\n            border-radius: 8px !important;\n            cursor: pointer !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            text-decoration: none !important;\n            display: inline-block !important;\n            transition: all 0.3s !important;\n            font-size: 12px !important;\n            letter-spacing: 0.5px !important;\n            white-space: nowrap !important;\n        }\n        \n        .order-again-button:hover {\n            background: linear-gradient(90deg, #4f46e5, #7c3aed) !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3) !important;\n        }\n        \n        \/* Input field and confirm button for attention items *\/\n        .smm_order_status_form .link-input {\n            min-width: 250px;\n            width: 100%;\n            padding: 12px 16px;\n            border: 1px solid #e0e0e0;\n            border-radius: 8px;\n            margin-bottom: 8px;\n            height: 42px;\n            box-sizing: border-box;\n            background-color: #f9fafb;\n            font-size: 14px;\n            transition: border-color 0.3s, box-shadow 0.3s;\n        }\n        \n        .smm_order_status_form .link-input:focus {\n            border-color: #6366f1;\n            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);\n            outline: none;\n        }\n        \n        .smm_order_status_form .confirm-button {\n            background: linear-gradient(90deg, #ef4444, #f87171) !important;\n            color: #fff !important;\n            border: none !important;\n            padding: 10px 16px !important;\n            border-radius: 8px !important;\n            cursor: pointer !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            text-decoration: none !important;\n            display: block !important;\n            width: 100% !important;\n            text-align: center !important;\n            transition: all 0.3s !important;\n            font-size: 12px !important;\n            letter-spacing: 0.5px !important;\n        }\n        \n        .smm_order_status_form .confirm-button:hover {\n            background: linear-gradient(90deg, #dc2626, #ef4444) !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3) !important;\n        }\n        \n        \/* Responsive Design *\/\n        @media screen and (max-width: 782px) {\n            .smm_order_status_form {\n                padding: 20px;\n                border-radius: 12px;\n            }\n            \n            .smm_order_status_form table {\n                display: block;\n                overflow-x: auto;\n                border-radius: 12px;\n            }\n            \n            .progress-bar .text-icon {\n                font-size: 11px;\n            }\n            \n            .smm_order_status_form input[type=\"submit\"] {\n                padding: 10px 16px;\n            }\n            \n            .order-again-button {\n                padding: 8px 12px !important;\n                font-size: 11px !important;\n            }\n        }\n        \n        \/* Additional styling for form header *\/\n        .smm_order_status_form::before {\n            content: '';\n            display: block;\n            height: 4px;\n            background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);\n            border-radius: 4px;\n            margin-bottom: 20px;\n        }\n        \n        \/* Icon styling for labels and headers *\/\n        .form-field label::before {\n            content: '\ud83d\udccb ';\n            margin-right: 5px;\n        }\n        \n        .form-field:nth-child(2) label::before {\n            content: '\u2709\ufe0f ';\n        }\n        \n        .smm_order_status_form input[type=\"submit\"] {\n            position: relative;\n        }\n        \n        .smm_order_status_form input[type=\"submit\"]::before {\n            content: '\ud83d\udd0d';\n            margin-right: 8px;\n        }\n    <\/style>\n\t<form method=\"post\" class=\"smm_order_status_form\">\n\t\t\t\t<div class=\"form-field\">\n\t\t\t<label for=\"smm-order-id\">Bestellnummer:<\/label>\n\t\t\t<input type=\"text\" id=\"order\" name=\"order\" value=\"\" placeholder=\"1337 (Vorbild)\" \/>\n\t\t<\/div>\n\t\t<div class=\"form-field\">\n\t\t\t<label for=\"smm-order-email\">E-Mail:<\/label>\n\t\t\t<input type=\"email\" id=\"email\" name=\"email\" value=\"\" placeholder=\"max@example.com\" \/>\n\t\t<\/div>\n\t\t<div class=\"form-field\">\n\t\t\t<input type=\"hidden\" id=\"smm_order_status_nonce\" name=\"smm_order_status_nonce\" value=\"f5d566ac46\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/de\/wp-json\/wp\/v2\/pages\/53980\" \/>\t\t\t<input type=\"submit\" id=\"check_smm_order\" name=\"check_smm_order\" value=\"\ud83d\udd0d Jetzt kontrollieren\">\n\t\t<\/div>\n\t\t<div class=\"form-messages\"><\/div>\n\t<\/form>\n\t<script type=\"text\/javascript\">\n\t\tjQuery(document).ready(function ($) {\n\t\t\t$(document).on('submit', '.smm_order_status_form', function (event) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tvar $form = $(this);\n\t\n\t\t\t\tif ($form.find('#order').val() == '' || $form.find('#email').val() == '') {\n\t\t\t\t\t$form.find('.form-messages').html('<p class=\"form-error-message\" style=\"background-color: #f8d7da; color: #721c24; padding: 10px; border-radius: 5px; border: 1px solid #f5c6cb;\">\ud83d\udeab Bitte f\u00fcllen Sie alle Felder aus.<\/p>');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\n\t\t\t\t$form.addClass('processing').block({\n\t\t\t\t\tmessage: null,\n\t\t\t\t\toverlayCSS: {\n\t\t\t\t\t\tbackground: '#fff',\n\t\t\t\t\t\topacity: 0.6\n\t\t\t\t\t}\n\t\t\t\t});\n\t\n\t\t\t\tvar $order_number = $form.find('#order').val();\n\t\t\t\tvar $order_email = $form.find('#email').val();\n\t\t\t\tvar $security = $form.find('#smm_order_status_nonce').val();\n\t\n\t\t\t\t$.post('https:\/\/www.likes-kopen.nl\/wp-admin\/admin-ajax.php', {\n\t\t\t\t\t'action': 'get_user_smm_order_details',\n\t\t\t\t\t'order_id': $order_number,\n\t\t\t\t\t'email': $order_email,\n\t\t\t\t\t'security': $security\n\t\t\t\t}, function ($data) {\n\t\t\t\t\t$form.unblock();\n\t\t\t\t\tif ($data.status == 'error') {\n\t\t\t\t\t\t$form.find('.form-messages').html('<p class=\"form-error-message\">' + $data.message + '<\/p>');\n\t\t\t\t\t} else {\n\t\t\t\t\t\t$form.find('.form-messages').html('');\n\t\t\t\t\t\t$form.html($data.table);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\n\t\t\t\tvar formdata = $(this).serialize();\n\t\t\t\tconsole.log(formdata);\n\t\t\t});\n\t\t});\n\t<\/script>\n    [\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/6&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8220;1\/6&#8243;][\/vc_column][vc_column width=&#8220;2\/3&#8243;][vc_column_text] \u00dcberpr\u00fcfe den Status deiner Bestellung hier Gib deine Bestell-ID und die E-Mail-Adresse ein, mit der du bestellt hast. [\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/6&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1608,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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-53980","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/pages\/53980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/users\/1608"}],"replies":[{"embeddable":true,"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/comments?post=53980"}],"version-history":[{"count":3,"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/pages\/53980\/revisions"}],"predecessor-version":[{"id":840913,"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/pages\/53980\/revisions\/840913"}],"wp:attachment":[{"href":"https:\/\/www.likes-kopen.nl\/de\/wp-json\/wp\/v2\/media?parent=53980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}