{"id":135,"date":"2026-04-12T23:32:10","date_gmt":"2026-04-12T21:32:10","guid":{"rendered":"http:\/\/ocode360.com\/index.php\/wishlist\/"},"modified":"2026-04-13T21:27:44","modified_gmt":"2026-04-13T19:27:44","slug":"wishlist","status":"publish","type":"page","link":"https:\/\/ocode360.com\/index.php\/wishlist\/","title":{"rendered":"Wishlist"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Wishlist \u2014 oCode360<\/title>\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=Syne:wght@400;600;700;800&#038;family=DM+Mono:ital,wght@0,300;0,400;1,300&#038;family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;1,9..40,300&#038;display=swap\" rel=\"stylesheet\" \/>\n\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --bg:      #ffffff;\n      --surface: #f6f6fa;\n      --border:  #e0e0ec;\n      --accent:  #00b89e;\n      --text:    #0a0a1f;\n      --muted:   #6b6b85;\n      --subtle:  #eeeef5;\n    }\n\n    html { scroll-behavior: smooth; }\n    body {\n      background: var(--bg);\n      color: var(--text);\n      font-family: 'DM Sans', sans-serif;\n      font-size: 16px;\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500 NAV \u2500\u2500 *\/\n    nav {\n      position: sticky;\n      top: 0; left: 0; right: 0;\n      z-index: 100;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.25rem 5%;\n      background: #f0f0f4;\n      backdrop-filter: blur(16px);\n      border-bottom: 1px solid var(--border);\n    }\n    .nav-logo {\n      font-family: 'Syne', sans-serif;\n      font-weight: 800;\n      font-size: 1.2rem;\n      letter-spacing: -0.02em;\n      color: var(--text);\n      text-decoration: none;\n    }\n    .nav-logo span { color: var(--accent); }\n    .nav-links { flex: 1; justify-content: center; display: flex; gap: 3.5rem; list-style: none; }\n    .nav-links a {\n      font-family: 'DM Mono', monospace;\n      font-size: 1.05rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--muted);\n      text-decoration: none;\n      transition: color 0.2s;\n    }\n    .nav-links a:hover { color: var(--text); }\n    .nav-right { display: flex; align-items: center; gap: 0.25rem; }\n    .nav-icon {\n      display: flex; align-items: center; justify-content: center;\n      width: 36px; height: 36px;\n      color: var(--muted); text-decoration: none;\n      transition: color 0.2s; position: relative;\n    }\n    .nav-icon:hover { color: var(--accent); }\n    .nav-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n    .nav-icon.active { color: var(--accent); }\n    .nav-cart-count {\n      position: absolute; top: 2px; right: 2px;\n      background: var(--accent); color: #fff;\n      font-family: 'DM Mono', monospace; font-size: 0.55rem;\n      min-width: 16px; height: 16px; border-radius: 8px;\n      display: flex; align-items: center; justify-content: center;\n      padding: 0 3px; opacity: 0; transition: opacity 0.2s;\n    }\n    .nav-cart-count.has-items { opacity: 1; }\n    .nav-cta {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.85rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: #ffffff;\n      background: var(--accent);\n      border: none;\n      padding: 0.6rem 1.4rem;\n      cursor: pointer;\n      text-decoration: none;\n      margin-left: 0.75rem;\n      transition: opacity 0.2s;\n    }\n    .nav-cta:hover { opacity: 0.85; }\n\n    \/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\n    .page-hero {\n      padding: 5rem max(3rem, calc(50% - 560px));\n      border-bottom: 1px solid var(--border);\n    }\n    .page-hero-label {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.7rem;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 0.75rem;\n    }\n    .page-hero h1 {\n      font-family: 'Syne', sans-serif;\n      font-weight: 800;\n      font-size: clamp(2rem, 4vw, 3rem);\n      letter-spacing: -0.03em;\n      line-height: 1.1;\n      color: var(--text);\n    }\n    .page-hero p {\n      margin-top: 0.75rem;\n      color: var(--muted);\n      font-size: 1rem;\n      max-width: 500px;\n    }\n\n    \/* \u2500\u2500 WISHLIST WRAPPER \u2500\u2500 *\/\n    .wishlist-section {\n      padding: 3rem max(3rem, calc(50% - 560px));\n      max-width: 1100px;\n    }\n\n    \/* \u2500\u2500 YITH WISHLIST OVERRIDES \u2500\u2500 *\/\n    .wishlist-section table.shop_table,\n    .wishlist-section table.wishlist-items-wrapper {\n      width: 100%;\n      border-collapse: collapse;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 0.95rem;\n    }\n    .wishlist-section table th {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.72rem;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: var(--muted);\n      padding: 0.75rem 1rem;\n      border-bottom: 2px solid var(--border);\n      text-align: left;\n      font-weight: 400;\n    }\n    .wishlist-section table td {\n      padding: 1.25rem 1rem;\n      border-bottom: 1px solid var(--border);\n      color: var(--text);\n      vertical-align: middle;\n    }\n    .wishlist-section table tr:last-child td { border-bottom: none; }\n    .wishlist-section table tr:hover td { background: var(--surface); }\n    .wishlist-section table img { max-width: 64px; height: auto; border: 1px solid var(--border); }\n    .wishlist-section a { color: var(--text); text-decoration: none; }\n    .wishlist-section a:hover { color: var(--accent); }\n\n    \/* Add to cart button *\/\n    .wishlist-section .button,\n    .wishlist-section .add_to_cart_button,\n    .wishlist-section button[type=\"submit\"] {\n      font-family: 'DM Mono', monospace !important;\n      font-size: 0.75rem !important;\n      letter-spacing: 0.08em !important;\n      text-transform: uppercase !important;\n      background: var(--accent) !important;\n      color: #ffffff !important;\n      border: none !important;\n      padding: 0.55rem 1.2rem !important;\n      cursor: pointer !important;\n      border-radius: 0 !important;\n      transition: opacity 0.2s !important;\n      text-decoration: none !important;\n    }\n    .wishlist-section .button:hover,\n    .wishlist-section .add_to_cart_button:hover { opacity: 0.85 !important; background: var(--accent) !important; color: #fff !important; }\n\n    \/* Remove button *\/\n    .wishlist-section .product-remove a,\n    .wishlist-section .remove_from_wishlist {\n      color: var(--muted) !important;\n      font-size: 1.1rem !important;\n      text-decoration: none !important;\n    }\n    .wishlist-section .product-remove a:hover,\n    .wishlist-section .remove_from_wishlist:hover { color: #e53e3e !important; }\n\n    \/* Empty wishlist *\/\n    .wishlist-section .woocommerce-info,\n    .wishlist-section .cart-empty {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.85rem;\n      color: var(--muted);\n      border-left: 3px solid var(--accent);\n      padding: 1rem 1.5rem;\n      background: var(--surface);\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Price *\/\n    .wishlist-section .amount { color: var(--text); font-weight: 600; }\n    .wishlist-section ins .amount { color: var(--accent); }\n    .wishlist-section del .amount { color: var(--muted); font-weight: 400; font-size: 0.85em; }\n\n    \/* Wishlist share \/ actions bar *\/\n    .wishlist-section .yith-wcwl-share,\n    .wishlist-section .yith-wcwl-wishlist-title {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.78rem;\n      letter-spacing: 0.06em;\n      color: var(--muted);\n      margin-bottom: 1.5rem;\n    }\n    .wishlist-section .yith-wcwl-share a { color: var(--accent); }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    footer {\n      background: var(--surface);\n      border-top: 1px solid var(--border);\n      padding: 2.5rem max(3rem, calc(50% - 560px));\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .footer-logo {\n      font-family: 'Syne', sans-serif;\n      font-weight: 800;\n      font-size: 1.1rem;\n      color: var(--text);\n      text-decoration: none;\n    }\n    .footer-logo span { color: var(--accent); }\n    .footer-links { display: flex; gap: 2rem; list-style: none; }\n    .footer-links a {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.78rem;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--muted);\n      text-decoration: none;\n      transition: color 0.2s;\n    }\n    .footer-links a:hover { color: var(--text); }\n    .footer-copy {\n      font-family: 'DM Mono', monospace;\n      font-size: 0.75rem;\n      color: var(--muted);\n    }\n\n    @media (max-width: 768px) {\n      nav { padding: 1rem 5%; }\n      .nav-links { flex: 1; justify-content: center; display: none; }\n      .page-hero { padding: 4rem max(3rem, calc(50% - 560px)); }\n      .wishlist-section { padding: 2rem max(3rem, calc(50% - 560px)); }\n      footer { flex-direction: column; gap: 1.5rem; text-align: center; padding: 2rem max(3rem, calc(50% - 560px)); }\n      .footer-links { flex-wrap: wrap; justify-content: center; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- NAV -->\n  <nav>\n    <a href=\"\/\" class=\"nav-logo\">o<span>Code<\/span>360<\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"\/index.php\/services\/\">Services<\/a><\/li>\n      <li><a href=\"\/index.php\/catalogue\/\">Shop<\/a><\/li>\n      <li><a href=\"\/index.php\/workshops\/\">Workshops<\/a><\/li>\n      <li><a href=\"\/index.php\/resources\/\">Resources<\/a><\/li>\n      <li><a href=\"\/index.php\/pricing\/\">Pricing<\/a><\/li>\n    <\/ul>\n    <div class=\"nav-right\">\n      <a href=\"\/index.php\/wishlist\/\" class=\"nav-icon active\" title=\"Wishlist\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n      <\/a>\n      <a href=\"\/index.php\/cart\/\" class=\"nav-icon\" title=\"Cart\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\n        <span class=\"nav-cart-count\" id=\"nav-cart-count\"><\/span>\n      <\/a>\n      <a href=\"\/index.php\/my-account\/\" class=\"nav-icon\" title=\"My Account\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n      <\/a>\n      <a href=\"\/index.php\/book-a-call\/\" class=\"nav-cta\">Book a Call<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- PAGE HERO -->\n  <div class=\"page-hero\">\n    <p class=\"page-hero-label\">My Wishlist<\/p>\n    <h1>Saved Items<\/h1>\n    <p>Products you&#8217;ve saved for later. Add to cart when you&#8217;re ready.<\/p>\n  <\/div>\n\n  <!-- WISHLIST CONTENT -->\n  <div class=\"wishlist-section\">\n    \n\n\n\n<form\n\tid=\"yith-wcwl-form\"\n\taction=\"https:\/\/ocode360.com\/index.php\/wishlist\/\"\n\tmethod=\"post\"\n\tclass=\"woocommerce yith-wcwl-form wishlist-fragment\"\n\tdata-fragment-options=\"{&quot;per_page&quot;:5,&quot;current_page&quot;:1,&quot;pagination&quot;:&quot;no&quot;,&quot;wishlist_id&quot;:false,&quot;action_params&quot;:false,&quot;no_interactions&quot;:false,&quot;layout&quot;:&quot;&quot;,&quot;wishlist&quot;:false,&quot;is_default&quot;:true,&quot;is_custom_list&quot;:false,&quot;wishlist_token&quot;:&quot;&quot;,&quot;is_private&quot;:false,&quot;count&quot;:0,&quot;page_title&quot;:&quot;My wishlist&quot;,&quot;default_wishlsit_title&quot;:&quot;My wishlist&quot;,&quot;page_links&quot;:false,&quot;is_user_logged_in&quot;:false,&quot;is_user_owner&quot;:true,&quot;can_user_edit_title&quot;:false,&quot;show_price&quot;:true,&quot;show_dateadded&quot;:false,&quot;show_stock_status&quot;:true,&quot;show_add_to_cart&quot;:true,&quot;show_remove_product&quot;:true,&quot;add_to_cart_text&quot;:&quot;Add to cart&quot;,&quot;show_ask_estimate_button&quot;:false,&quot;ask_estimate_url&quot;:&quot;&quot;,&quot;price_excl_tax&quot;:true,&quot;show_cb&quot;:false,&quot;show_quantity&quot;:false,&quot;show_variation&quot;:false,&quot;show_price_variations&quot;:false,&quot;show_update&quot;:false,&quot;enable_drag_n_drop&quot;:false,&quot;enable_add_all_to_cart&quot;:false,&quot;move_to_another_wishlist&quot;:false,&quot;repeat_remove_button&quot;:false,&quot;show_last_column&quot;:true,&quot;heading_icon&quot;:&quot;&lt;i class=\\&quot;fa heart-outline\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;share_enabled&quot;:false,&quot;template_part&quot;:&quot;view&quot;,&quot;additional_info&quot;:false,&quot;available_multi_wishlist&quot;:false,&quot;form_action&quot;:&quot;https:\\\/\\\/ocode360.com\\\/index.php\\\/wishlist\\\/&quot;,&quot;item&quot;:&quot;wishlist&quot;}\"\n>\n\n\t<!-- TITLE -->\n\t\t\t<div class=\"wishlist-title-container\">\n\t\t\t<div class=\"wishlist-title \">\n\t\t\t\t<h2>My wishlist<\/h2>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\n<!-- WISHLIST TABLE -->\n<table\n\tclass=\"shop_table cart wishlist_table wishlist_view traditional responsive   \"\n\tdata-pagination=\"no\" data-per-page=\"5\" data-page=\"1\"\n\tdata-id=\"\" data-token=\"\">\n\n\t\n\t<thead>\n\t<tr>\n\t\t\n\t\t\t\t\t\t\t\t<th class=\"product-remove\">\n\t\t\t\t<span class=\"nobr\">\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t<\/th>\n\t\t\n\t\t<th class=\"product-thumbnail\"><\/th>\n\n\t\t<th class=\"product-name\">\n\t\t\t<span class=\"nobr\">\n\t\t\t\tProduct name\t\t\t<\/span>\n\t\t<\/th>\n\n\t\t\t\t\t\t\t\t<th class=\"product-price\">\n\t\t\t\t<span class=\"nobr\">\n\t\t\t\t\tUnit price\t\t\t\t<\/span>\n\t\t\t<\/th>\n\t\t\n\t\t\n\t\t\t\t\t\t\t\t<th class=\"product-stock-status\">\n\t\t\t\t<span class=\"nobr\">\n\t\t\t\t\tStock status\t\t\t\t<\/span>\n\t\t\t<\/th>\n\t\t\n\t\t\t\t\t\t\t\t<th class=\"product-add-to-cart\">\n\t\t\t\t<span class=\"nobr\">\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t<\/th>\n\t\t\n\t\t\t<\/tr>\n\t<\/thead>\n\n\t<tbody class=\"wishlist-items-wrapper\">\n\t\t\t<tr>\n\t\t\t\t\t\t<td colspan=\"6\" class=\"wishlist-empty\">No products added to the wishlist<\/td>\n\t\t<\/tr>\n\t\t\t<\/tbody>\n\n<\/table>\n\n<div class=\"yith_wcwl_wishlist_footer\">\n\t\n\n\t\n\n\t\n\t<\/div>\n\n<input type=\"hidden\" id=\"yith_wcwl_edit_wishlist\" name=\"yith_wcwl_edit_wishlist\" value=\"a6479c45b6\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/135\" \/><input type=\"hidden\" value=\"\" name=\"wishlist_id\" id=\"wishlist_id\">\n\n\n<\/form>\n\n\n\n\n  <\/div>\n\n  <!-- FOOTER -->\n  <footer>\n    <a href=\"\/\" class=\"footer-logo\">o<span>Code<\/span>360<\/a>\n    <ul class=\"footer-links\">\n      <li><a href=\"\/index.php\/services\/\">Services<\/a><\/li>\n      <li><a href=\"\/index.php\/catalogue\/\">Shop<\/a><\/li>\n      <li><a href=\"\/index.php\/workshops\/\">Workshops<\/a><\/li>\n      <li><a href=\"\/index.php\/resources\/\">Resources<\/a><\/li>\n      <li><a href=\"\/index.php\/pricing\/\">Pricing<\/a><\/li>\n    <\/ul>\n    <p class=\"footer-copy\">\u00a9 2026 oCode360 t\/a JVW Business Solutions<\/p>\n  <\/footer>\n\n  <script>\n    (function() {\n      fetch('\/wp-json\/wc\/store\/v1\/cart', { credentials: 'include' })\n        .then(function(r) { return r.json(); })\n        .then(function(data) {\n          var count = data.items_count || 0;\n          var badge = document.getElementById('nav-cart-count');\n          if (badge && count > 0) { badge.textContent = count; badge.classList.add('has-items'); }\n        }).catch(function() {});\n    })();\n  <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Wishlist \u2014 oCode360 oCode360 Services Shop Workshops Resources Pricing Book a Call My Wishlist Saved Items Products you&#8217;ve saved for later. Add to cart when you&#8217;re ready. oCode360 Services Shop Workshops Resources Pricing \u00a9 2026 oCode360 t\/a JVW Business Solutions<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"ocode360-blank","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":9,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/236"}],"wp:attachment":[{"href":"https:\/\/ocode360.com\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}