{"id":84641,"date":"2025-10-03T10:27:09","date_gmt":"2025-10-03T14:27:09","guid":{"rendered":"https:\/\/www.gospelpublishers.com\/usa\/?page_id=84641"},"modified":"2026-03-30T15:49:42","modified_gmt":"2026-03-30T19:49:42","slug":"quick-order","status":"publish","type":"page","link":"https:\/\/www.gospelpublishers.com\/usa\/quick-order\/","title":{"rendered":"Quick Order"},"content":{"rendered":"\n\n<style id=\"gp-quick-order-force-display\">\n    [x-cloak] {\n        display: none !important;\n    }\n\n    .gp-quick-order-wrapper .gp-quick-order-actions,\n    div.gp-quick-order-wrapper .gp-quick-order-actions,\n    body .gp-quick-order-wrapper .gp-quick-order-actions {\n        display: flex !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        gap: 15px !important;\n        justify-content: center !important;\n        margin: 30px 0 !important;\n        padding: 0 !important;\n        clear: both !important;\n        position: relative !important;\n        z-index: 999 !important;\n        min-height: 50px !important;\n        height: auto !important;\n        width: auto !important;\n        max-width: none !important;\n        overflow: visible !important;\n        clip: unset !important;\n        clip-path: none !important;\n        transform: none !important;\n        text-indent: 0 !important;\n        font-size: inherit !important;\n    }\n\n    .gp-quick-order-wrapper .gp-quick-order-actions button,\n    div.gp-quick-order-wrapper .gp-quick-order-actions button,\n    body .gp-quick-order-wrapper .gp-quick-order-actions button,\n    .gp-quick-order-wrapper .btn-add-to-cart,\n    .gp-quick-order-wrapper .btn-print,\n    .gp-quick-order-wrapper .btn-clear-list,\n    div.gp-quick-order-wrapper .btn-add-to-cart,\n    div.gp-quick-order-wrapper .btn-print,\n    div.gp-quick-order-wrapper .btn-clear-list,\n    body .gp-quick-order-wrapper .btn-add-to-cart,\n    body .gp-quick-order-wrapper .btn-print,\n    body .gp-quick-order-wrapper .btn-clear-list {\n        display: inline-block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        position: relative !important;\n        z-index: 1000 !important;\n        height: auto !important;\n        width: auto !important;\n        min-height: 44px !important;\n        max-width: none !important;\n        clip: unset !important;\n        clip-path: none !important;\n        overflow: visible !important;\n        text-indent: 0 !important;\n        line-height: normal !important;\n        white-space: normal !important;\n        transform: none !important;\n        padding: 12px 24px !important;\n        border: none !important;\n        font-family: 'Lato', sans-serif !important;\n        font-size: 14px !important;\n        cursor: pointer !important;\n        transition: all 0.3s ease !important;\n    }\n\n    .gp-quick-order-wrapper .btn-add-to-cart,\n    div.gp-quick-order-wrapper .btn-add-to-cart,\n    body .gp-quick-order-wrapper .btn-add-to-cart {\n        background: #7ba39f !important;\n        color: #ffffff !important;\n    }\n\n    .gp-quick-order-wrapper .btn-add-to-cart:hover,\n    div.gp-quick-order-wrapper .btn-add-to-cart:hover,\n    body .gp-quick-order-wrapper .btn-add-to-cart:hover {\n        background: #6a928e !important;\n    }\n\n    .gp-quick-order-wrapper .btn-clear-list,\n    div.gp-quick-order-wrapper .btn-clear-list,\n    body .gp-quick-order-wrapper .btn-clear-list {\n        background: #444444 !important;\n        color: #ffffff !important;\n    }\n\n    .gp-quick-order-wrapper .btn-clear-list:hover,\n    div.gp-quick-order-wrapper .btn-clear-list:hover,\n    body .gp-quick-order-wrapper .btn-clear-list:hover {\n        background: #333333 !important;\n    }\n\n    .gp-quick-order-wrapper .btn-print,\n    div.gp-quick-order-wrapper .btn-print,\n    body .gp-quick-order-wrapper .btn-print {\n        background: #ffffff !important;\n        color: #000000 !important;\n        border: 1px solid #000000 !important;\n    }\n\n    .gp-quick-order-wrapper .btn-print:hover,\n    div.gp-quick-order-wrapper .btn-print:hover,\n    body .gp-quick-order-wrapper .btn-print:hover {\n        background: #eeeeee !important;\n    }\n\n<\/style>\n\n<div class=\"gp-quick-order-wrapper\" data-form-type=\"bulk\" data-mode=\"regular\" x-data=\"quickOrderBulk\">\n    <div class=\"gp-quick-order-header\">\n    <h2 class=\"gp-quick-order-title\">Quick Order<\/h2>\n    <p class=\"gp-quick-order-description\">\n        Enter product SKUs or names in the fields below. Product details will appear automatically.    <\/p>\n<\/div>\n\n<!-- Bulk Entry Section -->\n<div class=\"gp-quick-order-bulk-section\">\n    <div class=\"gp-quick-order-bulk-table\">\n        <table class=\"gp-quick-order-table bulk-entry-table\">\n            <thead>\n                <tr>\n                    <th class=\"col-delete\"><\/th>\n                    <th class=\"col-input\">Item No. \/ SKU<\/th>\n                    <th class=\"col-details\">Product Details<\/th>\n                    <th class=\"col-quantity\">Quantity<\/th>\n                    <th class=\"col-subtotal\">Subtotal<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody class=\"gp-quick-order-bulk-body\">\n                <template x-for=\"(row, index) in rows\" :key=\"index\">\n                    <tr class=\"bulk-entry-row\" :data-row-index=\"index + 1\">\n                        <td class=\"col-delete\">\n                            <button\n                                type=\"button\"\n                                class=\"btn-delete-row\"\n                                @click=\"deleteRow(index)\"\n                                :aria-label=\"'Delete row'\"\n                                title=\"Delete row\">\n                                \u00d7\n                            <\/button>\n                        <\/td>\n                        <td class=\"col-input\">\n                            <div class=\"bulk-input-wrapper\">\n                                <div class=\"bulk-selected-badge\" x-show=\"row.product\">\n                                    <span class=\"bulk-selected-name\" x-text=\"row.product?.name\"><\/span>\n                                    <span class=\"bulk-selected-sku\" x-text=\"row.product?.sku ? '(' + row.product.sku + ')' : ''\"><\/span>\n                                    <button type=\"button\" class=\"bulk-selected-clear\" @click.stop=\"clearRow(index)\" aria-label=\"Clear selection\">&times;<\/button>\n                                <\/div>\n                                <input\n                                    type=\"text\"\n                                    class=\"bulk-product-input\"\n                                    :class=\"{ 'not-found': row.notFound }\"\n                                    :placeholder=\"'Enter SKU or product name...'\"\n                                    x-model=\"row.searchTerm\"\n                                    x-show=\"!row.product\"\n                                    @input=\"handleSearchInput($event, index)\"\n                                    @keydown.arrow-down.prevent=\"navigateResults(index, 1)\"\n                                    @keydown.arrow-up.prevent=\"navigateResults(index, -1)\"\n                                    @keydown.enter.prevent=\"selectFromResults(index)\"\n                                    @keydown.escape=\"closeResults(index)\"\n                                    @focus=\"row.showResults = row.searchResults.length > 0\"\n                                    @blur=\"handleSearchBlur(index)\"\n                                    :data-row=\"index + 1\" \/>\n                            <\/div>\n                            <!-- Search Results Dropdown -->\n                            <div\n                                class=\"bulk-autocomplete-results\"\n                                x-show=\"row.showResults && row.searchResults.length > 0\"\n                                x-cloak\n                                @click.away=\"closeResults(index)\">\n                                <template x-for=\"(result, resultIndex) in row.searchResults\" :key=\"resultIndex\">\n                                    <div\n                                        class=\"bulk-autocomplete-item\"\n                                        :class=\"{ 'selected': resultIndex === row.selectedIndex }\"\n                                        @click=\"selectProduct(index, result)\"\n                                        @mouseenter=\"row.selectedIndex = resultIndex\">\n                                        <div class=\"bulk-item-info\">\n                                            <strong x-text=\"result.name\"><\/strong>\n                                            <span class=\"bulk-item-sku\" x-text=\"'SKU: ' + (result.sku || 'N\/A')\"><\/span>\n                                            <span class=\"bulk-item-price\" x-text=\"formatPrice(result.price)\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/template>\n                            <\/div>\n                        <\/td>\n                        <td class=\"col-details\">\n                            <div class=\"product-details-wrapper\" x-show=\"row.product\" style=\"display:none;\">\n                                <h4 class=\"product-name\" x-text=\"row.product?.name\"><\/h4>\n                                <p class=\"product-sku\" x-text=\"'SKU: ' + (row.product?.sku || 'N\/A')\"><\/p>\n                                <p class=\"product-price\" x-text=\"formatPrice(row.product?.price)\"><\/p>\n                            <\/div>\n                        <\/td>\n                        <td class=\"col-quantity\">\n                            <div class=\"gp-quick-order-archive-quantity-wrapper\">\n                                <label :for=\"'bulk-quantity-' + (index + 1)\" class=\"screen-reader-text\">Quantity<\/label>\n                                <input\n                                    type=\"number\"\n                                    :id=\"'bulk-quantity-' + (index + 1)\"\n                                    class=\"bulk-quantity-input gp-quick-order-archive-quantity-input\"\n                                    min=\"1\"\n                                    x-model.number=\"row.quantity\"\n                                    :disabled=\"!row.product\"\n                                    @input=\"updateSubtotal(index)\"\n                                    :data-row=\"index + 1\" \/>\n                                <div class=\"gp-quick-order-quantity-buttons\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"gp-quick-order-quantity-increment\"\n                                        :aria-label=\"'Increase quantity'\"\n                                        :disabled=\"!row.product\"\n                                        @click=\"row.quantity++; updateSubtotal(index)\"\n                                        tabindex=\"-1\">+<\/button>\n                                    <button\n                                        type=\"button\"\n                                        class=\"gp-quick-order-quantity-decrement\"\n                                        :aria-label=\"'Decrease quantity'\"\n                                        :disabled=\"!row.product || row.quantity <= 1\"\n                                        @click=\"row.quantity > 1 && (row.quantity--, updateSubtotal(index))\"\n                                        tabindex=\"-1\">-<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"col-subtotal\">\n                            <span class=\"row-subtotal\" x-text=\"formatPrice(row.subtotal)\"><\/span>\n                        <\/td>\n                    <\/tr>\n                <\/template>\n            <\/tbody>\n            <tfoot>\n                <tr>\n                    <td><\/td>\n                    <td colspan=\"3\" class=\"text-right\"><strong>Total:<\/strong><\/td>\n                    <td class=\"gp-quick-order-total\"><strong x-text=\"formatPrice(total)\">$0.00<\/strong><\/td>\n                <\/tr>\n            <\/tfoot>\n        <\/table>\n    <\/div>\n<\/div>\n\n<!-- Action Buttons -->\n<div class=\"gp-quick-order-actions\">\n    <button type=\"button\" class=\"btn-add-to-cart btn-primary\" @click=\"addAllToCart()\">\n        Add All to Cart    <\/button>\n    <button type=\"button\" class=\"btn-clear-list\" @click=\"clearAll()\">\n        Clear All    <\/button>\n<\/div>\n\n<!-- Messages -->\n<div class=\"gp-quick-order-messages\" x-show=\"message.text\" x-cloak>\n    <div class=\"gp-quick-order-message\" :class=\"message.type\" x-text=\"message.text\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6735,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-84641","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/pages\/84641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/users\/6735"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/comments?post=84641"}],"version-history":[{"count":4,"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/pages\/84641\/revisions"}],"predecessor-version":[{"id":87819,"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/pages\/84641\/revisions\/87819"}],"wp:attachment":[{"href":"https:\/\/www.gospelpublishers.com\/usa\/wp-json\/wp\/v2\/media?parent=84641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}