{"id":1869871,"date":"2026-03-24T14:14:37","date_gmt":"2026-03-24T06:14:37","guid":{"rendered":"https:\/\/yangsheep.com.tw\/checkout-optimizer\/"},"modified":"2026-05-13T18:48:39","modified_gmt":"2026-05-13T10:48:39","slug":"checkout-optimizer","status":"publish","type":"page","link":"https:\/\/yangsheep.com.tw\/en\/checkout-optimizer\/","title":{"rendered":"WooCommerce Taiwan Checkout Enhancement"},"content":{"rendered":"<style id=\"ysco-hero-title-v5\">\n\/* Hero title - Shopline style: Inter + two-color spans *\/\n.ysco-hero-title {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Noto Sans TC', sans-serif !important;\n  font-size: clamp(2rem, 4vw, 2.8rem) !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  margin-top: 0 !important;\n  margin-bottom: 24px !important;\n  color: transparent !important;\n  background: none !important;\n  letter-spacing: 0 !important;\n  overflow: visible !important;\n}\n\/* Chinese span (first child): white gradient *\/\n.ysco-hero-title span:first-child {\n  background: linear-gradient(180deg, #ffffff 0%, #94a3b8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  color: transparent !important;\n  display: inline-block;\n  padding-bottom: 0.15em !important;\n}\n\/* Line break span *\/\n.ysco-hero-title span:nth-child(2) {\n  background: none !important;\n  color: transparent !important;\n  -webkit-text-fill-color: transparent !important;\n}\n\/* English span (last child): primary blue *\/\n.ysco-hero-title span:last-child {\n  color: var(--yscl-primary, #3B82F6) !important;\n  -webkit-text-fill-color: var(--yscl-primary, #3B82F6) !important;\n  background: none !important;\n  display: inline-block;\n  padding-bottom: 0.1em !important;\n}\n\/* Hero layout: left text 46%, right mock shrinks *\/\n.ysco-hero-text {\n  flex: 0 0 46% !important;\n}\n.ysco-hero-visual {\n  flex: 0 0 54% !important;\n  max-width: 54% !important;\n}\n@media (max-width: 1024px) {\n  .ysco-hero-text, .ysco-hero-visual {\n    flex: 0 0 100% !important;\n    max-width: 100% !important;\n  }\n}\n<\/style>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,400&#038;family=Orbitron:wght@400;500;600;700;800;900&#038;family=Outfit:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n\n\n<!-- gs-stylemanager -->\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-page gsbp-21131988 alignfull\">\n<section class=\"wp-section alignfull ysco-hero alignfull\">\n<div class=\"wp-content-wrap\">\n<div class=\"ysco-hero-inner\">\n<div class=\"ysco-hero-text\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<span class=\"ysco-hero-badge\">WooCommerce Checkout Optimization Plugin<\/span>\n\n\n\n<h2 class=\"ysco-hero-title\">\n<span>Checkout enhancement<\/span>\n\n\n\n<span><br><\/span>\n\n\n\n<span>Checkout Optimizer<\/span>\n<\/h2>\n\n\n\n<p class=\"ysco-hero-desc\">A WooCommerce checkout page enhancement plugin built specifically for Taiwan's e-commerce. It redesigns the checkout page and includes built-in Taiwanese fields, a logistics card selector, order tracking, and more.<\/p>\n\n\n\n<div class=\"ysco-hero-btns gsbp-731acd27\">\n<a class=\"ysco-btn-primary\" href=\"https:\/\/yangsheep.com.tw\/wp-json\/ys-hub\/v1\/download?slug=yangsheep-checkout-optimizer\" rel=\" nofollow\">\n<svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-30f49a01\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n\n\n\n<span>Download now<\/span>\n<\/a>\n\n\n\n<a class=\"ysco-btn-ghost\" href=\"#features\">\n<span>View feature<\/span>\n<\/a>\n<\/div>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-hero-visual gsbp-746ae5de\">\n<div class=\"ysco-mock-checkout\">\n<div class=\"ysco-mock-form\">\n<div class=\"ysco-mock-title\">Payer Information<\/div>\n\n\n\n<div class=\"ysco-mock-label\">Name<\/div>\n\n\n\n<div class=\"ysco-mock-field\"><\/div>\n\n\n\n<div class=\"ysco-mock-field-half\">\n<div class=\"gsbp-5bf098e3\">\n<div class=\"ysco-mock-label\">Telephone<\/div>\n\n\n\n<div class=\"ysco-mock-field\"><\/div>\n<\/div>\n\n\n\n<div class=\"gsbp-40d61a64\">\n<div class=\"ysco-mock-label\">Email<\/div>\n\n\n\n<div class=\"ysco-mock-field\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-label\">County \/ Township<\/div>\n\n\n\n<div class=\"ysco-mock-field-half\">\n<div class=\"ysco-mock-field\"><\/div>\n\n\n\n<div class=\"ysco-mock-field\"><\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-ship-card\">\n<div class=\"ysco-mock-ship-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\n<\/div>\n\n\n\n<div class=\"ysco-mock-ship-text\">\n<span>7-11 convenience store pickup<\/span>\n\n\n\n<span>Shipping fee $60<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-sidebar\">\n<div class=\"ysco-mock-title\">Order Summary<\/div>\n\n\n\n<div class=\"ysco-mock-sidebar-item\">\n<span>Merchandise Subtotal<\/span>\n\n\n\n<span>$1,280<\/span>\n<\/div>\n\n\n\n<div class=\"ysco-mock-sidebar-item\">\n<span>Shipping fee<\/span>\n\n\n\n<span>$60<\/span>\n<\/div>\n\n\n\n<div class=\"ysco-mock-sidebar-total\">\n<span>Total<\/span>\n\n\n\n<span>$1,340<\/span>\n<\/div>\n\n\n\n<div class=\"ysco-mock-btn\">Proceed to Payment<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"wp-section ysco-section gsbp-05f89b09 alignfull\" id=\"features\">\n<div class=\"wp-content-wrap\">\n<div class=\"ysco-section-header\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<h2>Core Functionality<\/h2>\n\n\n\n<p>Redefine the WooCommerce checkout experience to boost conversion rates and user satisfaction.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-grid4 gsbp-60991b2a\">\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\n<\/div>\n\n\n\n<h3>Checkout page re-layout<\/h3>\n\n\n\n<p>Flex dual-column layout, form 80%+ sidebar 20%, clear checkout process guidance.<\/p>\n<\/div>\n\n\n\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n<\/div>\n\n\n\n<h3>Empty fields in Taiwan<\/h3>\n\n\n\n<p>Name field, TWzipcode city\/township selection, mobile phone verification, aligning with Taiwanese consumer habits.<\/p>\n<\/div>\n\n\n\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\n<\/div>\n\n\n\n<h3>Logistics Card Selector<\/h3>\n\n\n\n<p>Logistics options are separated from order details, with card-style radio selections and real-time AJAX updates.<\/p>\n<\/div>\n\n\n\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n<\/div>\n\n\n\n<h3>Checkout sidebar<\/h3>\n\n\n\n<p>Fixed display of order summary, shipping costs, and shopping cart contents on desktop, scrolls with the page.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"wp-section ysco-section gsbp-55f7fde5 alignfull\">\n<div class=\"wp-content-wrap\">\n<div class=\"ysco-section-header\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<h2>Advanced Features<\/h2>\n\n\n\n<p>Further optimized details for a smoother checkout process.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-grid2 gsbp-04a8823c\">\n<div class=\"ysco-adv-card\">\n<div class=\"ysco-adv-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n<\/div>\n\n\n\n<div>\n<h3>TWzipcode Integration<\/h3>\n\n\n\n<p>Taiwan Address Selector with automatic postal code, supporting billing and shipping addresses.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-adv-card\">\n<div class=\"ysco-adv-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n<\/div>\n\n\n\n<div>\n<h3>Phone number verification<\/h3>\n\n\n\n<p>09 prefix, 10-digit format validation, real-time front-end prompt + back-end double check.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-adv-card\">\n<div class=\"ysco-adv-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\n<\/div>\n\n\n\n<div>\n<h3>Order Note Switch<\/h3>\n\n\n\n<p>Users must check \"I need to fill in order remarks\" to reveal the remarks field, reducing visual clutter.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-adv-card\">\n<div class=\"ysco-adv-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\n<\/div>\n\n\n\n<div>\n<h3>Virtual Product Detection<\/h3>\n\n\n\n<p>When the shopping cart is detected to contain only virtual items, hide the logistics selection and recipient fields.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"wp-section ysco-section gsbp-3634fd1f alignfull\">\n<div class=\"wp-content-wrap\">\n<div class=\"ysco-section-header\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<h2>Order page logistics status tracking<\/h2>\n\n\n\n<p>On my account's order page, display the real-time logistics status progress.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-track-layout gsbp-246b8302\">\n<div class=\"ysco-track-mock\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<h4 style=\"margin-bottom:16px;\">Logistics information<\/h4>\n\n\n\n<div class=\"ysco-track-info\">\n<div class=\"ysco-meta-row\">\n<span class=\"ysco-meta-label\">Waybill number<\/span>\n\n\n\n<span class=\"ysco-meta-value\">PAY2026031200001<\/span>\n<\/div>\n\n\n\n<div class=\"ysco-meta-row\">\n<span class=\"ysco-meta-label\">Logistics provider<\/span>\n\n\n\n<span class=\"ysco-meta-value\">7-11 convenience store pickup<\/span>\n<\/div>\n\n\n\n<div class=\"ysco-meta-row\">\n<span class=\"ysco-meta-label\">Pickup location<\/span>\n\n\n\n<span class=\"ysco-meta-value\">Xinyi Store (998765)<\/span>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-timeline\">\n<div class=\"ysco-tl-step ysco-tl-done\">\n<div class=\"ysco-tl-dot\"><\/div>\n\n\n\n<div class=\"ysco-tl-text\">Established<\/div>\n\n\n\n<div class=\"ysco-tl-time\">03\/12 10:30<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-tl-step ysco-tl-done\">\n<div class=\"ysco-tl-dot\"><\/div>\n\n\n\n<div class=\"ysco-tl-text\">Shipped<\/div>\n\n\n\n<div class=\"ysco-tl-time\">03\/12 15:20<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-tl-step ysco-tl-done\">\n<div class=\"ysco-tl-dot\"><\/div>\n\n\n\n<div class=\"ysco-tl-text\">In transit<\/div>\n\n\n\n<div class=\"ysco-tl-time\">03\/13 08:45<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-tl-step ysco-tl-current\">\n<div class=\"ysco-tl-dot\"><\/div>\n\n\n\n<div class=\"ysco-tl-text\">Ready for pickup<\/div>\n\n\n\n<div class=\"ysco-tl-time\">03\/13 14:10<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-tl-step\">\n<div class=\"ysco-tl-dot\"><\/div>\n\n\n\n<div class=\"ysco-tl-text\">Pickup complete<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-track-cards gsbp-1f0ac8f1\">\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"><\/polyline><path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"><\/path><\/svg>\n<\/div>\n\n\n\n<h3>Progress bar status display<\/h3>\n\n\n\n<p>5-step progress bar, visually tracking from order placement to pickup completion.<\/p>\n<\/div>\n\n\n\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"><\/polyline><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"><\/path><\/svg>\n<\/div>\n\n\n\n<h3>One-click update of goods status<\/h3>\n\n\n\n<p>The front desk order page buttons allow for real-time querying of the latest logistics status.<\/p>\n<\/div>\n\n\n\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\n<\/div>\n\n\n\n<h3>Logistics tracking number copy<\/h3>\n\n\n\n<p>One-click copy of the shipping order number for convenient tracking of logistics progress.<\/p>\n<\/div>\n\n\n\n<div class=\"ysco-card\">\n<div class=\"ysco-card-icon\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\n<\/div>\n\n\n\n<h3>Backend manual delivery<\/h3>\n\n\n\n<p>Support adding multiple shipping information entries, automatically detecting and displaying shipping types.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"wp-section ysco-section gsbp-2a641e00 alignfull\">\n<div class=\"wp-content-wrap\">\n<div class=\"ysco-section-header\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<h2>Third-party logistics compatibility<\/h2>\n\n\n\n<p>Convenience store pickup function that supports mainstream Taiwanese logistics plugins.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-compat-layout gsbp-7afb61df\">\n<div class=\"ysco-compat-left\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<div class=\"ysco-provider-card\">\n<div class=\"ysco-provider-icon ysco-pi-blue\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\n<\/div>\n\n\n\n<div>\n<div class=\"ysco-provider-name\">YS PayNow Logistics<\/div>\n\n\n\n<div class=\"ysco-provider-desc\">7-Eleven \/ FamilyMart \/ Hi-Life \/ OK Mart<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-provider-card\">\n<div class=\"ysco-provider-icon ysco-pi-green\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n<\/div>\n\n\n\n<div>\n<div class=\"ysco-provider-name\">WPBR PayUni Logistics<\/div>\n\n\n\n<div class=\"ysco-provider-desc\">7-11 Ez-Shipping \/ Delivery - Black Cat Express<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-provider-card\">\n<div class=\"ysco-provider-icon ysco-pi-cyan\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"#06B6D4\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n<\/div>\n\n\n\n<div>\n<div class=\"ysco-provider-name\">RY Tools Green World Logistics<\/div>\n\n\n\n<div class=\"ysco-provider-desc\">Green World ECPay Convenience Store Pickup Compatible<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-compat-right gsbp-1079615b\">\n<div class=\"ysco-mock-ship-select\">\n<h4 style=\"margin-bottom:16px;\">Choose shipping method<\/h4>\n\n\n\n<div class=\"ysco-mock-ship-option ysco-active\">\n<div class=\"ysco-mock-radio\"><\/div>\n\n\n\n<svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-4a271ec6\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\n\n\n\n<div class=\"ysco-mock-ship-label\">7-11 convenience store pickup<\/div>\n\n\n\n<div class=\"ysco-mock-ship-price\">$60<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-ship-option\">\n<div class=\"ysco-mock-radio\"><\/div>\n\n\n\n<svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-5b386119\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\n\n\n\n<div class=\"ysco-mock-ship-label\">FamilyMart pickup<\/div>\n\n\n\n<div class=\"ysco-mock-ship-price\">$60<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-ship-option\">\n<div class=\"ysco-mock-radio\"><\/div>\n\n\n\n<svg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-0-97e0f8\"><path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n\n\n\n<div class=\"ysco-mock-ship-label\">Black Cat Express<\/div>\n\n\n\n<div class=\"ysco-mock-ship-price\">$120<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"wp-section ysco-section gsbp-63d12db1 alignfull\">\n<div class=\"wp-content-wrap\">\n<div class=\"ysco-section-header\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<h2>Backend Management<\/h2>\n\n\n\n<p>Complete backend settings panel, customizable appearance and feature toggles.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-admin-layout gsbp--930ad90\">\n<div class=\"ysco-admin-left\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<div class=\"ysco-admin-list\">\n<div class=\"ysco-admin-item\">\n<div class=\"ysco-admin-check\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n<\/div>\n\n\n\n<div>\n<h4>Button and logistics card color scheme<\/h4>\n\n\n\n<p>Customize the main color, hover color, and logistics card color to be consistent with brand visuals.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-admin-item\">\n<div class=\"ysco-admin-check\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n<\/div>\n\n\n\n<div>\n<h4>Function module switch<\/h4>\n\n\n\n<p>Taiwanization fields, order remarks, and my account visual elements can be independently enabled and disabled.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-admin-item\">\n<div class=\"ysco-admin-check\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n<\/div>\n\n\n\n<div>\n<h4>Sidebar background color and rounded corners<\/h4>\n\n\n\n<p>Customize sidebar background color, block border radius, and restore default colors with one click.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"ysco-admin-item\">\n<div class=\"ysco-admin-check\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n<\/div>\n\n\n\n<div>\n<h4>Configuration data migration<\/h4>\n\n\n\n<p>Custom table storage with one-click migration of old settings from wp_options.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"ysco-admin-right gsbp-79cb9fef\">\n<div class=\"ysco-mock-panel\">\n<div class=\"ysco-mock-panel-header\">E-commerce Toolbox \/ Checkout Enhancement Settings<\/div>\n\n\n\n<div class=\"ysco-mock-toggle\">\n<span class=\"ysco-mock-toggle-label\">Enable Taiwanization field<\/span>\n\n\n\n<div class=\"ysco-mock-switch ysco-on\"><\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-toggle\">\n<span class=\"ysco-mock-toggle-label\">Close Last Name<\/span>\n\n\n\n<div class=\"ysco-mock-switch ysco-on\"><\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-toggle\">\n<span class=\"ysco-mock-toggle-label\">Order Note Switch<\/span>\n\n\n\n<div class=\"ysco-mock-switch ysco-off\"><\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-color-row\">\n<span class=\"ysco-mock-color-label\">Button primary color<\/span>\n\n\n\n<div class=\"ysco-mock-color-swatch\" style=\"background:#3B82F6;\"><\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-color-row\">\n<span class=\"ysco-mock-color-label\">Button Hover<\/span>\n\n\n\n<div class=\"ysco-mock-color-swatch\" style=\"background:#2563EB;\"><\/div>\n<\/div>\n\n\n\n<div class=\"ysco-mock-color-row\">\n<span class=\"ysco-mock-color-label\">Sidebar background<\/span>\n\n\n\n<div class=\"ysco-mock-color-swatch\" style=\"background:#f8fafc;\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"wp-section ysco-cta gsbp-3cc57920 alignfull\">\n<div class=\"wp-content-wrap gsbp-5dd892b3\">\n<div class=\"gsbp-7eebac46\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<h2>Strengthen your checkout process immediately<\/h2>\n\n\n\n<p class=\"ysco-cta-highlight\">We also offer special payment flow plan applications, including Unified Payment \/ Shopline Payment, with a minimum credit card processing fee of 2.2%. Please feel free to contact us.<\/p>\n\n\n\n<div class=\"ysco-cta-btns\">\n<a class=\"ysco-btn-primary\" href=\"https:\/\/yangsheep.com.tw\/wp-json\/ys-hub\/v1\/download?slug=yangsheep-checkout-optimizer\" rel=\" nofollow\">\n<svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-455e45b8\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n\n\n\n<span>Download now<\/span>\n<\/a>\n\n\n\n<a class=\"ysco-btn-ghost\" href=\"https:\/\/yangsheep.com.tw\/en\/1872094\/\" target=\"_blank\" rel=\"noopener\">\n<svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-57686d8f\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n\n\n\n<span>Apply for cash flow<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":151,"featured_media":1870223,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gsbp-15423a69{display:none!important}.wp-section{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-right:var(--wp--spacing--side, min(3vw, 20px));padding-left:var(--wp--spacing--side, min(3vw, 20px));padding-top:var(--wp--spacing--top, 0px);padding-bottom:var(--wp--spacing--bottom, 0px);position:relative}.wp-content-wrap{max-width:1180px;width:100%}.ysco-page{font-family:'Inter',-apple-system,sans-serif;color:var(--yscl-text);line-height:1.6;background:var(--yscl-bg);background-image:linear-gradient(0deg,#060606 0,#020617 100%);--yscl-bg:#020617;--yscl-card:rgba(15,23,42,0.7);--yscl-border:rgba(148,163,184,0.15);--yscl-text:#f1f5f9;--yscl-muted:#94a3b8;--yscl-primary:#3B82F6;--yscl-primary10:rgba(59,130,246,0.1);--yscl-green:#22c55e;list-style:none}@media (max-width:640px){.ysco-page h2{font-size:28px}}.ysco-page h2,.ysco-page p{margin-top:0;margin-bottom:16px}.ysco-page h2{color:var(--yscl-text);font-size:36px;font-weight:700;line-height:1.2}.ysco-page h3,.ysco-page h4{color:var(--yscl-text);font-size:20px;font-weight:600;line-height:1.3;margin-top:0;margin-bottom:8px}.ysco-page h4{font-size:16px;line-height:1.4;margin-bottom:6px}.ysco-page p{color:var(--yscl-muted)}.ysco-page ul{list-style:none;margin:0;padding:0}.ysco-hero{padding-top:180px;padding-bottom:80px}@media (max-width:991.98px){.ysco-hero{padding-top:100px}}.ysco-hero-inner{display:flex;align-items:center;row-gap:60px;column-gap:60px}@media (max-width:991.98px){.ysco-hero-inner{flex-direction:column}}@media (max-width:1024px){.ysco-hero-inner{flex-direction:column;gap:40px}}@media (max-width:991.98px){.ysco-hero-text{display:flex;flex-direction:column;align-items:flex-start}}.ysco-hero-text{flex:0 0 42%}@media (max-width:1024px){.ysco-hero-text{flex:none;text-align:center}}.ysco-hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;color:var(--yscl-primary);background:var(--yscl-primary10);border:1px solid rgba(59,130,246,.2);margin-bottom:20px}.ysco-hero-title{font-family:'Orbitron',sans-serif;font-size:48px;font-weight:800;line-height:1.1;color:#f1f5f9;margin-top:0;margin-bottom:24px}@media (max-width:991.98px){.ysco-hero-title{text-align:left}}@media (max-width:1024px){.ysco-hero-title{font-size:36px}}@media (max-width:640px){.ysco-hero-title{font-size:28px}}.ysco-hero-desc{font-size:17px;color:var(--yscl-muted);margin-bottom:32px;line-height:1.7}@media (max-width:991.98px){.ysco-hero-desc{text-align:left}}.ysco-hero-btns{display:flex;row-gap:16px;column-gap:16px;flex-wrap:wrap}@media (max-width:575.98px){.ysco-hero-btns{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:center}}@media (max-width:1024px){.ysco-hero-btns{justify-content:center}}.ysco-btn-ghost,.ysco-btn-primary{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.ysco-btn-primary{background:var(--yscl-primary);color:#fff}.ysco-btn-ghost:hover a,.ysco-btn-primary:hover,.ysco-btn-primary:hover a{color:#fff}.ysco-btn-ghost{background:0 0;color:var(--yscl-text);border:1px solid var(--yscl-border);background-color:var(--wp--preset--color--palette-color-2, var(--theme-palette-color-2, #060606))}.ysco-btn-ghost:hover{color:#fff;background-color:#488bca}.ysco-hero-visual{min-width:0}@media (max-width:991.98px){.ysco-hero-visual{width:100%}}.ysco-hero-visual{flex:1}.ysco-mock-checkout{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:28px;display:flex;gap:20px}@media (max-width:640px){.ysco-mock-checkout{flex-direction:column}}.ysco-mock-field-half .ysco-mock-field,.ysco-mock-form{flex:1}.ysco-mock-sidebar{flex:0 0 180px}@media (max-width:640px){.ysco-mock-sidebar{flex:none}}.ysco-mock-field{background:rgba(148,163,184,.08);border:1px solid var(--yscl-border);border-radius:8px;height:36px;margin-bottom:10px}.ysco-mock-field-half{display:flex;gap:10px}.ysco-mock-label{font-size:11px;color:var(--yscl-muted);margin-bottom:4px}.ysco-mock-title{font-size:13px;font-weight:600;color:var(--yscl-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--yscl-border)}.ysco-mock-sidebar-item{display:flex;justify-content:space-between;font-size:11px;color:var(--yscl-muted);margin-bottom:6px}.ysco-mock-sidebar-total{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--yscl-text);margin-top:10px;padding-top:8px;border-top:1px solid var(--yscl-border)}.ysco-mock-btn{background:var(--yscl-primary);color:#fff;border-radius:8px;padding:8px;text-align:center;font-size:12px;font-weight:600;margin-top:12px}.ysco-mock-ship-card{background:var(--yscl-primary10);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:10px;margin-top:12px;display:flex;align-items:center;gap:8px}.ysco-mock-ship-icon{width:28px;height:28px;background:var(--yscl-primary);border-radius:6px;display:flex;align-items:center;justify-content:center}.ysco-mock-ship-icon svg{width:16px;height:16px;stroke:#fff}.ysco-mock-ship-text{font-size:11px;color:var(--yscl-text)}.ysco-mock-ship-text span{display:block;font-size:10px;color:var(--yscl-muted)}.ysco-section{padding-top:80px;padding-bottom:80px}@media (max-width:640px){.ysco-section{padding-top:60px;padding-bottom:60px}}.ysco-section-header{text-align:center;margin-bottom:56px}.ysco-section-header p{max-width:640px;margin-left:auto;margin-right:auto}.ysco-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width:1024px){.ysco-grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ysco-grid4{grid-template-columns:1fr}}.ysco-card{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:32px 24px;transition:border-color .3s}.ysco-card-icon{width:48px;height:48px;background:var(--yscl-primary10);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.ysco-adv-icon svg,.ysco-card-icon svg{width:24px;height:24px;stroke:var(--yscl-primary);stroke-width:1.5;fill:none}.ysco-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width:640px){.ysco-grid2{grid-template-columns:1fr}}.ysco-adv-card{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:28px;display:flex;align-items:flex-start;gap:20px}.ysco-adv-icon{width:44px;height:44px;min-width:44px;background:var(--yscl-primary10);border-radius:10px;display:flex;align-items:center;justify-content:center}.ysco-adv-icon svg{width:22px;height:22px}.ysco-track-layout{display:flex;gap:48px;align-items:flex-start}@media (max-width:1024px){.ysco-track-layout{flex-direction:column}}.ysco-track-mock{flex:0 0 48%;background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:28px}@media (max-width:1024px){.ysco-track-mock{flex:none;width:100%}}.ysco-track-info{display:flex;flex-direction:column;gap:20px}.ysco-track-cards{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width:640px){.ysco-track-cards{grid-template-columns:1fr}}.ysco-meta-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--yscl-border)}.ysco-meta-label{font-size:13px;color:var(--yscl-muted)}.ysco-meta-value{font-size:13px;font-weight:600;color:var(--yscl-text)}.ysco-timeline{margin-top:24px;position:relative;padding-left:28px}.ysco-timeline::before{content:'';position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--yscl-border)}.ysco-tl-step{position:relative;padding-bottom:20px}.ysco-tl-step:last-child{padding-bottom:0}.ysco-tl-step.ysco-tl-done .ysco-tl-dot{background:var(--yscl-green);border-color:var(--yscl-green)}.ysco-tl-step.ysco-tl-current .ysco-tl-dot{background:var(--yscl-primary);border-color:var(--yscl-primary);box-shadow:0 0 0 4px rgba(59,130,246,.2)}.ysco-tl-step.ysco-tl-done .ysco-tl-text{color:var(--yscl-text)}.ysco-tl-step.ysco-tl-current .ysco-tl-text{color:var(--yscl-primary);font-weight:600}.ysco-mock-switch::after,.ysco-tl-dot{position:absolute;top:2px;border-radius:50%}.ysco-tl-dot{left:-24px;width:12px;height:12px;border:2px solid var(--yscl-border);background:var(--yscl-bg)}.ysco-tl-text,.ysco-tl-time{font-size:13px;color:var(--yscl-muted)}.ysco-tl-time{font-size:11px;margin-top:2px}.ysco-compat-layout{display:flex;row-gap:48px;column-gap:48px;align-items:center}@media (max-width:991.98px){.ysco-compat-layout{width:100%}}@media (max-width:1024px){.ysco-compat-layout{flex-direction:column-reverse}}.ysco-compat-left{flex:0 0 42%}@media (max-width:1024px){.ysco-compat-left{flex:none;width:100%}}@media (max-width:991.98px){.ysco-compat-right{width:100%}}.ysco-compat-right{flex:1}.ysco-provider-card{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:12px;padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:16px}.ysco-provider-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.ysco-provider-icon.ysco-pi-blue{background:var(--yscl-primary10)}.ysco-provider-icon.ysco-pi-green{background:rgba(34,197,94,.1)}.ysco-provider-icon.ysco-pi-cyan{background:rgba(6,182,212,.1)}.ysco-provider-icon svg{width:20px;height:20px;stroke-width:1.5;fill:none}.ysco-provider-name{font-size:15px;font-weight:600;color:var(--yscl-text)}.ysco-provider-desc{font-size:13px;color:var(--yscl-muted)}.ysco-mock-ship-select{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:28px}@media (max-width:640px){.ysco-mock-ship-select{padding:20px}}.ysco-mock-ship-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--yscl-border);border-radius:10px;margin-bottom:12px;cursor:pointer;transition:all .3s}.ysco-mock-ship-option.ysco-active{border-color:rgba(59,130,246,.4);background:var(--yscl-primary10)}.ysco-mock-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--yscl-border);display:flex;align-items:center;justify-content:center}.ysco-active .ysco-mock-radio{border-color:var(--yscl-primary)}.ysco-active .ysco-mock-radio::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--yscl-primary)}.ysco-mock-ship-label{font-size:14px;font-weight:500;color:var(--yscl-text)}.ysco-mock-ship-price{margin-left:auto;font-size:13px;color:var(--yscl-muted)}.ysco-admin-layout{display:flex;gap:48px;align-items:center}@media (max-width:1024px){.ysco-admin-layout{flex-direction:column}}.ysco-admin-left{flex:0 0 42%}@media (max-width:1024px){.ysco-admin-left{flex:none;width:100%}}@media (max-width:991.98px){.ysco-admin-right{width:100%}}.ysco-admin-right{flex:1}.ysco-admin-list{display:flex;flex-direction:column;gap:16px}.ysco-admin-item{display:flex;align-items:flex-start;gap:14px}.ysco-admin-check{width:24px;height:24px;min-width:24px;background:rgba(34,197,94,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:2px}.ysco-admin-check svg{width:14px;height:14px;stroke:var(--yscl-green);stroke-width:2;fill:none}.ysco-mock-panel{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:28px}@media (max-width:991.98px){.ysco-mock-panel{width:100%}}.ysco-mock-panel-header{font-size:14px;font-weight:600;color:var(--yscl-text);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--yscl-border)}.ysco-mock-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--yscl-border)}.ysco-mock-toggle-label{font-size:13px;color:var(--yscl-text)}.ysco-mock-switch{width:36px;height:20px;border-radius:10px;position:relative}.ysco-mock-switch.ysco-on{background:var(--yscl-primary)}.ysco-mock-switch.ysco-off{background:rgba(148,163,184,.3)}.ysco-mock-switch::after{content:'';width:16px;height:16px;background:#fff;transition:left .2s}.ysco-mock-switch.ysco-on::after{left:18px}.ysco-mock-switch.ysco-off::after{left:2px}.ysco-mock-color-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--yscl-border)}.ysco-mock-color-label{font-size:13px;color:var(--yscl-text);flex:1}.ysco-mock-color-swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--yscl-border)}.ysco-cta{padding-top:80px;padding-bottom:100px;text-align:center}.ysco-cta h2{font-size:36px;font-weight:700;margin-bottom:16px}.ysco-cta-sub{font-size:16px;color:var(--yscl-muted);margin-bottom:8px}.ysco-cta-highlight{font-size:15px;color:var(--yscl-primary);margin-bottom:36px}.ysco-cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.gsbp-21131988{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp--930ad90.aos-animate,.gsbp--930ad90[data-gs-aos],.gsbp-04a8823c.aos-animate,.gsbp-04a8823c[data-gs-aos],.gsbp-05f89b09.aos-animate,.gsbp-05f89b09[data-gs-aos],.gsbp-1079615b.aos-animate,.gsbp-1079615b[data-gs-aos],.gsbp-1f0ac8f1.aos-animate,.gsbp-1f0ac8f1[data-gs-aos],.gsbp-21131988.aos-animate,.gsbp-21131988[data-gs-aos],.gsbp-246b8302.aos-animate,.gsbp-246b8302[data-gs-aos],.gsbp-2a641e00.aos-animate,.gsbp-2a641e00[data-gs-aos],.gsbp-3634fd1f.aos-animate,.gsbp-3634fd1f[data-gs-aos],.gsbp-3cc57920.aos-animate,.gsbp-3cc57920[data-gs-aos],.gsbp-55f7fde5.aos-animate,.gsbp-55f7fde5[data-gs-aos],.gsbp-60991b2a.aos-animate,.gsbp-60991b2a[data-gs-aos],.gsbp-63d12db1.aos-animate,.gsbp-63d12db1[data-gs-aos],.gsbp-746ae5de.aos-animate,.gsbp-746ae5de[data-gs-aos],.gsbp-79cb9fef.aos-animate,.gsbp-79cb9fef[data-gs-aos],.gsbp-7afb61df.aos-animate,.gsbp-7afb61df[data-gs-aos]{opacity:1;transform:translateZ(0)}.gsbp-30f49a01{width:18px;height:18px}.gsbp-746ae5de{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-40d61a64,.gsbp-5bf098e3{width:50%}.gsbp-04a8823c,.gsbp-05f89b09,.gsbp-1079615b,.gsbp-1f0ac8f1,.gsbp-246b8302,.gsbp-2a641e00,.gsbp-3634fd1f,.gsbp-55f7fde5,.gsbp-60991b2a,.gsbp-7afb61df{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-0-97e0f8,.gsbp-4a271ec6,.gsbp-5b386119{width:20px;height:20px}.gsbp--930ad90,.gsbp-3cc57920,.gsbp-63d12db1,.gsbp-79cb9fef{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-5dd892b3{display:flex;flex-direction:column;align-items:center}.gsbp-7eebac46{padding:50px 24px;border-top-left-radius:24px;border-bottom-left-radius:24px;border-top-right-radius:24px;border-bottom-right-radius:24px;width:100%;background-color:#000;background-image:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(6,255,212,.05) 100%);border-style:solid;border-width:.5px;border-color:var(--wp--preset--color--palette-color-3, var(--theme-palette-color-3, #575b5e));border:1px solid var(--yscl-border)}.gsbp-455e45b8,.gsbp-57686d8f{width:18px;height:18px}","footnotes":""},"class_list":["post-1869871","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/users\/151"}],"replies":[{"embeddable":true,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/comments?post=1869871"}],"version-history":[{"count":55,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869871\/revisions"}],"predecessor-version":[{"id":1875954,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869871\/revisions\/1875954"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/media\/1870223"}],"wp:attachment":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/media?parent=1869871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}