{
  "action": "Product-ShowQuickView",
  "queryString": "pid=77-94794",
  "locale": "en_HK",
  "product": {
    "uuid": "4094245332ea4edb10000980b0",
    "id": "77-94794",
    "productName": "iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case",
    "productType": "variant",
    "brand": "OtterBox",
    "attrsToUseForSwatch": "['color']",
    "attrGroupInclusion": null,
    "pdpSwatchTypeAsImage": false,
    "enableStickyAddToCart": false,
    "enableVariantSelectionInPdpStickyAddToCart": false,
    "hideQty": false,
    "enableQuantityStepper": false,
    "pdpCollapsibleContentDesktop5": null,
    "pdpCollapsibleContentDesktop4": {},
    "pdpCollapsibleContentDesktop3": {},
    "pdpCollapsibleContentDesktop2": {},
    "pdpCollapsibleContentDesktop1": {},
    "pdpHideSingleVariants": false,
    "pdpImageColumnWidth": {},
    "CustomName": null,
    "videoList": "pxWzJPU-g7w",
    "pdpNativeVideoList": [],
    "pdpNativeVideoThumbnailList": [],
    "pdpGifList": [],
    "whiteBackground": true,
    "storeTypePreferences": "false",
    "quickviewShowHeadlineAndDescription": false,
    "productVideoPosition": null,
    "ProductSpecifications": {
      "CableLength": null,
      "Capacity": null,
      "CompatibleWith": null,
      "ConnectorType": null,
      "CurrentCapacity": null,
      "DataRate": null,
      "Dimensions": null,
      "DropHeight": {},
      "DropRating": {},
      "EdgeStrengthDescription": null,
      "EdgeStrengthRating": null,
      "FeaturesDescriptionLong": {},
      "FeaturesDescriptionShort": {
        "0": "Folio",
        "1": "Sleek"
      },
      "HasScreenProtection": null,
      "InstallationDescription": null,
      "IsAntiMicrobial": null,
      "LidType": null,
      "Materials": {
        "0": "Polycarbonate",
        "1": "Synthetic rubber",
        "2": "Microfiber liner"
      },
      "Name1": "iPad Air (5th and 4th gen) Case",
      "Name2": "Symmetry Series 360 Elite",
      "PackageContents": null,
      "PortType": null,
      "PowerInput": null,
      "PowerOutput": null,
      "RecycledContent": null,
      "ScratchResistanceDescription": null,
      "ScratchResistanceRating": null,
      "ShatterProtectionDescription": null,
      "ShatterProtectionRating": null,
      "classAPageDesigner": null,
      "classAPageDesignerB": null,
      "bottomPageDesignerA": null,
      "bottomPageDesignerB": null,
      "StorageTemperature": null,
      "TechnicalSpecifications": null,
      "Weight": {},
      "VideoPosition": null,
      "EmailCapture": null
    },
    "CustomUrls": {
      "CustomizeUrl": null,
      "B2BUrl": null
    },
    "IconContent": {
      "IconOne": null,
      "IconTwo": null,
      "IconThree": null,
      "IconFour": null
    },
    "EmailCapture": false,
    "preLaunch": null,
    "limitedEdition": null,
    "productProfile": 3,
    "productDropRating": 1,
    "PageDesignerID": null,
    "PdpTemplateHelper": {
      "templates": {
        "Icons": "",
        "CustomizeIcon": "",
        "PdpEmailSignUp": "    <hr>\n    \n    \n\n"
      }
    },
    "ProductRatings": {
      "bvCartridgeEnabled": false,
      "bvAverageRating": null,
      "bvReviewCount": null,
      "bvRatingRange": null
    },
    "dropSpecs": {},
    "color": "Bell Bottom",
    "shortFeaturesDescription": {
      "0": "Folio",
      "1": "Sleek"
    },
    "materials": {
      "0": "Polycarbonate",
      "1": "Synthetic rubber",
      "2": "Microfiber liner"
    },
    "caseDesign": "One-piece design + folio + stand",
    "recycledContent": null,
    "ulCertified": null,
    "price": {
      "sales": {
        "value": 89.95,
        "currency": "USD",
        "formatted": "US$89.95",
        "decimalPrice": "89.95"
      },
      "list": null
    },
    "renderedPrice": "    <div class=\"price\">\n        \n        \n\n\n<span>\n    \n\n    \n\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"89.95\">\n                US$89.95\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case",
          "url": "https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=800&sh=800",
          "index": "0",
          "title": "iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case",
          "absURL": "https://www.otterbox.asia/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png",
          "type": "dis"
        }
      ],
      "small": [
        {
          "alt": "iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case",
          "url": "https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=176&sh=176",
          "index": "0",
          "title": "iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case",
          "absURL": "https://www.otterbox.asia/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png",
          "type": "dis"
        }
      ],
      "hi-res": [
        {
          "alt": "iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case",
          "url": "https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=1600&sh=1600",
          "index": "0",
          "title": "iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case",
          "absURL": "https://www.otterbox.asia/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png",
          "type": "dis"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color Name",
        "id": "color",
        "swatchable": true,
        "displayValue": "",
        "values": [],
        "isOnlyVariant": false
      }
    ],
    "longDescription": null,
    "shortDescription": "Symmetry Series 360 Elite the clear iPad case is a celebration of iPad. The clear, scratch-resistant case displays your iPad, while the versatile folio with interior accent color guards your touchscreen. The folio seamlessly folds out of the way and converts to multiple stand angles for comfortable typing and hands-free viewing. And the sleek elegant design features discreet Apple Pencil storage.",
    "rating": 5,
    "promotions": [
      {
        "calloutMsg": "Buy a case, get 20% off second case",
        "details": "Discount will apply to the cheaper of the two. This promotion applies to selected phone and/or tablet cases. If more than two cases are purchased the discount will apply as long as the above conditions are fulfilled; for example it will apply on the 2nd, 4th, 6th case purchased and so on. Some product exclusions may apply. No double discount can be applied. Discount applies to OtterBox merchandise costs only, not shipping and handling costs.  ​",
        "enabled": true,
        "id": "always-on-20-off-2nd-case",
        "name": "Buy a case, get 20% off second case",
        "promotionClass": "PRODUCT",
        "rank": 80,
        "noPDPPromo": null
      },
      {
        "calloutMsg": "Buy a case, get 20% off a screen protector",
        "details": "20% OFF Screen Protectors\r\n\r\nPurchase any smartphone or tablet case products and receive 20% off screen protectors on the same order. No double discount can be applied. Some exclusions may apply. Discount applies to OtterBox merchandise costs only, not shipping & handling costs. Excludes Frē series.",
        "enabled": true,
        "id": "always-on-upsell-20off-screenprotectors",
        "name": "Buy a case, get 20% off a screen protector",
        "promotionClass": "PRODUCT",
        "rank": 80,
        "noPDPPromo": null
      }
    ],
    "attributes": null,
    "availability": {
      "messages": [
        "Out of Stock"
      ],
      "inStockDate": null,
      "labelAddToCart": "Add to Cart",
      "labelBuyNow": "Buy Now",
      "isPreOrderBackOrder": false
    },
    "available": false,
    "options": [],
    "quantities": [],
    "selectedProductUrl": "/en-hk/clear-ipad-air-5th-and-4th-gen-case/symmetry-360-elite-ipada20.html?dwvar_symmetry-360-elite-ipada20_color=Bell%20Bottom",
    "selectedProductAbsoluteUrl": "https://www.otterbox.asia/en-hk/clear-ipad-air-5th-and-4th-gen-case-blue/77-94794.html",
    "readyToOrder": true,
    "online": false,
    "pageTitle": "Clear iPad Case | OtterBox Symmetry Series 360 Elite",
    "pageDescription": "Grab this clear iPad case specifically designed for iPad Air (5th and 4th gen) to protect yours on the go. The clear back shows off iPad while the versatile folio with interior accent color guards your touchscreen.",
    "pageKeywords": "Clear iPad Case",
    "pageMetaTags": [],
    "template": null,
    "headlineDescription": null,
    "headline": null,
    "recommendations": [],
    "accessoryRecommendations": [],
    "hasAccessoryRecommendations": false,
    "pdpAssetIds": [],
    "pdpGalleryAssets": [],
    "tabs": [],
    "collapsibleContent": [
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      },
      {
        "title": "Specifications",
        "content": "<div class='container product-specification-list compatible-with product-specification-item'> <div class='append-stats'><h4><span>Compatibility</span></h4></div> <ul> <li>iPad Air (5th gen)</li> <li>iPad Air (4th gen)</li> </ul> </div> <div class='container product-specification-list drop-height product-specification-item'> <div class='append-stats'><h4><span>Drop Rate</span></h4></div> <ul> <li>DROP+ | Drop tested to meet military standard (MIL-STD-810G 516.6)</li> </ul> </div>  <div class='container product-specification-list dimensions product-specification-item'> <div class='append-stats'><h4><span>Dimensions</span></h4></div> <ul> <li>9.97 in x 7.57 in x 0.60 in / 253.21 mm x 192.15 mm x 15.29 mm</li> </ul> </div> <div class='container product-specification-list weight product-specification-item'> <div class='append-stats'><h4><span>Weight</span></h4></div> <ul> <li>0.70 lbs | 317.51 g</li> </ul> </div>           <div class='container product-specification-list product-specification-item'> <div class='append-stats'><h4><span>Materials</span></h4></div> <ul> <li>Polycarbonate</li> <li>Synthetic rubber</li> <li>Microfiber liner</li> </ul> </div>   ",
        "state": "collapsed-closed"
      },
      {
        "title": "Features",
        "content": "<div class='container product-specification-block features'> <div><ul>\r\n\t<li>Drop protection designed and tested for trusted defense</li>\r\n\t<li>Sleek, elegant design with discreet Apple Pencil storage</li>\r\n\t<li>Clear, scratch resistant case puts your iPad on display</li>\r\n\t<li>Folio provides screen protection during transit</li>\r\n\t<li>Multi-position stand for hands-free use</li>\r\n\t<li>Magnets in folio activate sleep and wake modes</li>\r\n\t<li>No-hassle customer service and product support</li>\r\n\t<li>Backed by the OtterBox limited lifetime warranty</li>\r\n</ul></div> </div>  ",
        "state": "collapsed-closed"
      },
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      }
    ],
    "badges": [
      {
        "class": "",
        "name": "Web Exclusive"
      }
    ],
    "wishlistpid": "77-94794",
    "warrantyData": {
      "description": {},
      "isWarrantyEligible": true,
      "damageCode": ""
    },
    "socialSharingTitle": null,
    "socialSharingDescription": null,
    "absProductPageUrl": "https://www.otterbox.asia/en-hk/clear-ipad-air-5th-and-4th-gen-case-blue/77-94794.html"
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close Quickview Dialog",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "csrf": {
    "tokenName": "csrf_token",
    "token": "OEHawh70UTXAeCZ7vOIGp8Q2yNlyAwZKNh_mKn08UyiR2HN7tYG3bjE4Jh3cO1RH19qdHOppLIsP59sAb2xB35s-oHtZJq4NmO84ucpiQFERKVmDmFGQMDLYPQaUwZ44Mz1UTvWSna5SMUOAS5AlwwfpZqSS1SQGK0ALiuCdSHd2v34d80U="
  },
  "promos": {},
  "masterId": "symmetry-360-elite-ipada20",
  "color": "Bell Bottom",
  "prodOptions": "",
  "navLevls": {
    "product_nav_lvl3": "apple-exclusives",
    "product_nav_lvl2": "series",
    "product_nav_lvl1": "series"
  },
  "NotiFyResources": {
    "mailingListNames": {
      "BackInStock": "Back in Stock",
      "NewProduct": "New Product",
      "Newsletter": "Newsletter",
      "LimitedEditionSoldOut": "Limited Edition 2024 signup"
    },
    "notifyLabels": {
      "outOfStock": {
        "label": "Back in Stock Notification",
        "description": "This product is out of stock. Enter your email to be notified when it’s available."
      },
      "newProduct": {
        "label": "Product Launch Notification",
        "description": "This product is coming soon. Enter your email to be notified when it’s available."
      },
      "soldOut": {
        "label": "Sold Out",
        "description": "Oh no! We're sold out. But more limited-edition drops are coming.  Sign up and be the first in line."
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant col product-wrapper product-detail\n    \n    \"\n    data-pid=\"77-94794\" data-swatchable-attributes=\"['color']\"\n    data-pricelist=\"89.95\"\n    data-discountedprice=\"89.95\"\n    data-pricediscount=\"0.0\"\n    data-brand=\"OtterBox\" data-color=\"Bell Bottom\" data-promos=\"Buy a case, get 20% off a screen protector\" data-options=\"\" \n    data-navlv1 = \"series\" data-navlv2 = \"series\" \n    data-navlv3 = \"apple-exclusives\" data-masterid = \"symmetry-360-elite-ipada20\"\n    >\n\n    <div class=\"row\">\n\n        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\n\n\n<div class=\"primary-images col-12 col-lg-6 \">\n            \n            <div class=\"badge-product-container\">\n                \n                    <div class=\"badge\">\n                        <div class=\"badge-product \">Web Exclusive</div>\n                    </div>\n                \n            </div>\n\n            <div class=\"row\">\n                \n                <input type=\"hidden\" id=\"videoPositionValue\" value=\"\">\n                <div class='primary-images-main col-12 col-12 has-single-image order-lg-2'>\n                <div  class=\"d-lg-none\">\n                <div class=\"aspect-ratio-box\">\n                    <div class=\"aspect-ratio-box-inside\">\n                    <div class=\"slider-pdp js-slider-pdp-mobile slider-container slider-no-heading-text pagination-style-dots slider-buttons-inside slider-buttons-inside-md slider-buttons-inside-lg\" \n                        data-productbadge=\"1.0\"\n                        data-slider-loop=\"true\"\n                        data-slider-gutter=\"1\"\n                        data-slider-gutter-md=\"1\"\n                        data-slider-gutter-lg=\"1\"\n                        data-slider-thumbnail-container=\"slider-pdp-77-94794\">\n                        <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - iPad Air (5th and 4th gen) Case Symmetry Series 360 Elite\"\n                                        itemprop=\"image\" fetchpriority=\"high\" loading=\"eager\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-94794\"\n       data-productname=\"iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case to your Wishlist\"\n       data-removemessage=\"Remove iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                                    \n                                \n                            \n\n                            \n                            \n                                \n                            \n\n                            \n                                \n                                \n                                    \n                                        <div class=\"slide no-zoom\">\n                                            <div class=\"video-container aspect-ratio-16-9\">\n                                                <a class=\"videoId video-thumbnail\" href=\"\" data-toggle=\"modal\" data-target=\"#videoModal\" data-videourl=\"https://www.youtube.com/embed/pxWzJPU-g7w\">\n                                                    <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                        style=\"background-image: url('https://img.youtube.com/vi/pxWzJPU-g7w/maxresdefault.jpg');\">\n                                                    </div>\n                                                    \n                                                        <span class=\"video-thumbnail-button\"></span>\n                                                </a>\n                                            </div>\n                                        </div>\n                                    \n                                \n                            \n                            \n                            \n                                \n                            \n                        </div>\n                    </div>\n                    </div>\n                    </div>\n                </div>\n                <div class=\"slider-pdp slider-container desktop-grid-wrapper d-none d-lg-block\" data-productbadge=\"1.0\">\n                        <div class=\"d-none d-lg-block d-xl-none\">\n                            \n                                    \n    <button href=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-94794\"\n       data-productname=\"iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case to your Wishlist\"\n       data-removemessage=\"Remove iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                \n                        </div>\n                        <div class=\"desktop-grid-view\">\n                                \n                                \n                                \n                                    \n                                    <div class=\"slide white-bg\" data-zoom-image=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 1 - iPad Air (5th and 4th gen) Case Symmetry Series 360 Elite\"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                \n                                \n                                    \n                                \n                                \n                                    \n                                    \n                                        \n                                            <div class=\"slide no-zoom\">\n                                                <div class=\"video-container aspect-ratio-16-9\">\n                                                    <a class=\"videoId video-thumbnail\" href=\"\" tabindex=\"0\" data-toggle=\"modal\" data-target=\"#videoModal\" data-videourl=\"https://www.youtube.com/embed/pxWzJPU-g7w\">\n                                                        <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                            style=\"background-image: url('https://img.youtube.com/vi/pxWzJPU-g7w/maxresdefault.jpg');\">\n                                                        </div>\n                                                        \n                                                            <span class=\"video-thumbnail-button\"></span>\n                                                    </a>\n                                                </div>\n                                            </div>\n                                        \n                                    \n                                \n                                \n                                \n                                    \n                                \n                        </div>\n                </div>\n                </div>\n            </div>\n\n        <div id=\"videoModal\" class=\"video-modal modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"videoModal\">\n            <div class=\"modal-dialog modal-lg\" role=\"document\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\"></h5>\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                            <span aria-hidden=\"true\">&times;</span>\n                        </button>\n                    </div>\n                    <div class=\"modal-body video-container aspect-ratio-16-9 aspect-ratio-16-9-md\">\n                    <iframe id=\"ytplayer\" class=\"video-player\" title=\"Youtube Product Video\" width=\"640\" height=\"360\" allowfullscreen=\"allowfullscreen\"></iframe>\n                            \n                                \n                                <video id=\"nativeVideoPlayer\" preload=\"metadata\" class=\"video-player d-none js-native-video-player\" aria-describedby=\"Native Video Player\" controls poster=\"null\">\n                                    <source src=\"\" type=\"video/mp4\">\n                                </video>                      \n                            \n                    </div>\n                </div>\n            </div>\n        </div>\n\n\n<div class=\"d-lg-none\">\n    <div class=\"row\">\n        \n    </div>\n</div>\n</div>\n\n        <div class=\"product-data col-12 col-md-6\">\n            <div class=\"d-none d-xl-block\">\n                \n                    \n    <button href=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-94794\"\n       data-productname=\"iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case to your Wishlist\"\n       data-removemessage=\"Remove iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                \n            </div>\n            <div class=\"product-title\">\n                \n\n    \n        <span class=\"product-prename\">iPad Air (5th and 4th gen) Case\n        </span>\n\n\n\n                \n\t<h2 class=\"product-name\">Symmetry Series 360 Elite</h2>\n\n                \n            </div>\n\n            \n\n            \n            \n                \n            \n            <div class=\"detail-panel\">\n                <section class=\"attributes all-attributes \">\n                    \n                    \n                    \n                    \n                        \n                        <div data-attr=\"color\" class=\"swatch row yes-color-attribute\">\n                            <div class=\"col-12\">\n                                \n\n\n\n\n    <fieldset class=\"attribute colorswatch\">\n        \n\n            \n            <legend class=\"color non-input-label color-label\">\n                Color Name: <span class=\"color-display-value\">Select a Color Name</span>\n                <button class=\"selectedsearchtext\"> <span>Shop other products in this colour</span></button>\n            </legend>\n\n            \n            \n        \n    </fieldset>\n\n\n\n                            </div>\n\n                            \n                                <div class=\"attribute quantity col-5 d-flex d-sm-none  \">\n                                    \n                                        <div class=\"quantity col \">\n\n    \n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\t<label for=\"quantity-1\" class=\"sr-only\">\n        <span>Select quantity:</span>\n        \n    </label>\n\n\t<select\n        class=\"quantity-select custom-select form-control d-none\"\n        id=\"quantity-1\"\n        name=\"quantity-select\"\n        tabindex=\"0\"\n    >\n        \n    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"0\"\n>\n    <button class=\"icon-minus\" data-action=\"decrease\"></button>\n    <input name=\"qty-stepper-null\" data-uuid=\"null\" type=\"text\" value=\"1\" data-qty=\"1\" />\n    <button class=\"icon-plus\" data-action=\"increase\"></button>\n</div>\n\n</div>\n\n                                    \n                                </div>\n                            \n                        </div>\n                    \n                </section>\n\n                <div class=\"product-item-details d-block\">\n\n                    \n                    <div class=\"global-availability d-flex flex-row-reverse\"\n                        data-ready-to-order=\"true\" data-available=\"false\">\n                        \n                        <div class=\"sku\">\n                            <span>\n    SKU\n</span>\n<span class=\"product-id\">\n    \n        77-94794\n    \n</span>\n\n\n\n                        </div>\n                        <!-- Availability -->\n<div class=\"availability row product-availability\" data-ready-to-order=\"true\" data-available=\"false\">\n    <div class=\"col-12 availability-container mb-2 mb-sm-0\">\n    <label class=\"availability non-input-label mb-0 mr-1\">Availability</label>\n    <ul class=\"list-unstyled availability-msg m-0\">\n\n        \n            \n                <li>\n                    \n                        \n                            <span class=\"availability-status\">Out of Stock</span>\n                        \n                        \n                </li>\n            \n        \n    </ul>\n</div>\n</div>\n\n\n\n\n\n\n\n                    </div>\n\n                </div>\n\n                 \n\n\n\n\n                <div class=\"outofStock\">\n                    \n\n    \n    <div id=\"outofStock-swatch\"\n        class=\"notifyme-email  d-none\">\n        <div class=\"notifyme-canvas pt-0\">\n            <form role=\"form\" id=\"pdp-notifyme-signup-form\" action=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/MailingList-NotifyMe\"\n                method=\"POST\" data-failureformat=\"Please enter a valid email address.\">\n                <input type=\"hidden\" name=\"addToList\" value=\"false\">\n                \n                        <input type=\"hidden\" name=\"mailingListName\" value=\"Back in Stock\">\n                \n                <input type=\"hidden\" name=\"crmLeadSource\" value=\"PDP\">\n                <input type=\"hidden\" name=\"productId\" value=\"77-94794\">\n                <input type=\"hidden\" name=\"productName\" value=\"iPad Air (5th and 4th gen) Symmetry Series 360 Elite Case\">\n                <input type=\"hidden\" name=\"productPageUrl\" value=\"https://www.otterbox.asia/en-hk/clear-ipad-air-5th-and-4th-gen-case-blue/77-94794.html\">\n                <input type=\"hidden\" name=\"deviceName\" value=\"iPad Air (5th and 4th gen) Case\">\n                <input type=\"hidden\" name=\"productImageUrl\" value=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwdb991898/productimages/dis/cases-screen-protection/symmetry-360-elite-ipada20/symmetry-360-elite-ipada20-scholar-1.png?sw=800&amp;sh=800\">\n                <div id=\"notifyme-sign-up-container\">\n\n                    \n                            <p class=\"alert-text font-weight-normal span-alert-notify\">This product is out of stock. Enter your email to be notified when it&rsquo;s available.</p>\n                    \n\n                    <div class=\"form-group required row\">\n                        <div class=\"col-12 col-sm-7\">\n                            <label for=\"pdEmailSignUp\" class=\"sr-only\">\n                                Enter Your Email</label>\n                            <input type=\"text\" class=\"form-control\" name=\"pdEmailSignUp\" id=\"pdEmailSignUp\"\n                            placeholder=\"Enter Your Email\">\n                        </div>\n                         <div class=\"col\">\n                             <button type=\"submit\" class=\"btn-primary notifyme-email\">\n                                Sign Up\n                            </button>\n                        </div>\n                    </div>\n\n                    <div class=\"alert alert-danger email-alert mt-3\"></div>\n                </div>\n            </form>\n        </div>\n    </div>\n\n                </div>\n\n                \n                    \n                \n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n\n<div class=\"modal-footer row align-items-end\">\n    \n    <div class=\"row w-100\">\n        <div class=\"col-md-5 col-sm-12 promotions\">\n            \n\n\n        \n        \n            <div class=\"promotion \">\n\n                \n                \n\n                <span class=\"promotion-text\">Buy a case, get 20% off second case</span>\n                <button\n                    aria-expanded=\"false\"\n                    aria-controls=\"promotion-details-0\"\n                    id=\"promotion-id-0\"\n                    class=\"promotion-toggle see-details see-details-0\"\n                    type=\"button\">\n                    (See Details)\n                </button>\n                <div\n                    id=\"promotion-details-0\"\n                    role=\"region\"\n                    aria-labelledby=\"promotion-id-0\"\n                    class=\"d-none prootion-details show-details show-details-0\">\n                    Discount will apply to the cheaper of the two. This promotion applies to selected phone and/or tablet cases. If more than two cases are purchased the discount will apply as long as the above conditions are fulfilled; for example it will apply on the 2nd, 4th, 6th case purchased and so on. Some product exclusions may apply. No double discount can be applied. Discount applies to OtterBox merchandise costs only, not shipping and handling costs.  ​\n                </div>\n            </div>\n            \n        \n        \n            <div class=\"promotion \">\n\n                \n                \n\n                <span class=\"promotion-text\">Buy a case, get 20% off a screen protector</span>\n                <button\n                    aria-expanded=\"false\"\n                    aria-controls=\"promotion-details-1\"\n                    id=\"promotion-id-1\"\n                    class=\"promotion-toggle see-details see-details-1\"\n                    type=\"button\">\n                    (See Details)\n                </button>\n                <div\n                    id=\"promotion-details-1\"\n                    role=\"region\"\n                    aria-labelledby=\"promotion-id-1\"\n                    class=\"d-none prootion-details show-details show-details-1\">\n                    20% OFF Screen Protectors\r\n\r\nPurchase any smartphone or tablet case products and receive 20% off screen protectors on the same order. No double discount can be applied. Some exclusions may apply. Discount applies to OtterBox merchandise costs only, not shipping & handling costs. Excludes Frē series.\n                </div>\n            </div>\n            \n        \n    \n\n        </div>\n\n        <div class=\"col-md-7 col-sm-12\">\n            <div class=\"row align-items-end\">\n                <div class=\"quantity col-4 d-none d-md-block \">\n                    \n                        <div class=\"quantity col \">\n\n    \n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\t<label for=\"quantity-1\" class=\"sr-only\">\n        <span>Select quantity:</span>\n        \n    </label>\n\n\t<select\n        class=\"quantity-select custom-select form-control d-none\"\n        id=\"quantity-1\"\n        name=\"quantity-select\"\n        tabindex=\"0\"\n    >\n        \n    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"0\"\n>\n    <button class=\"icon-minus\" data-action=\"decrease\"></button>\n    <input name=\"qty-stepper-null\" data-uuid=\"null\" type=\"text\" value=\"1\" data-qty=\"1\" />\n    <button class=\"icon-plus\" data-action=\"increase\"></button>\n</div>\n\n</div>\n\n                    \n                </div>\n\n                <div class=\"col-8 mx-auto\">\n                    <div class=\"prices clearfix\">\n                        \n                        \n    <div class=\"price\">\n        \n        \n\n\n<span>\n    \n\n    \n\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"89.95\">\n                US$89.95\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n                    </div>\n                    \n                        \r\n<div class=\"row cart-and-ipay\">\r\n    <div class=\"col-sm-12\">\r\n        <input type=\"hidden\" class=\"js-is-show-pp-button\" value=\"false\">\r\n        <input type=\"hidden\" class=\"add-to-cart-url js-add-to-cart-url\" value=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Cart-AddProduct\">\r\n        <button class=\"add-to-cart-global btn btn-primary js-add-to-cart-global qv-product-edit-add\"\r\n            data-pid=\"77-94794\" disabled>\r\n            <i class=\"fa fa-shopping-bag\"></i>\r\n            \r\n                    \r\n                        Add to Cart\r\n                    \r\n\r\n                </iselse>\r\n            \r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n\n                    \n                </div>\n            </div>\n        </div>\n    </div>\n</div>",
  "productUrl": "/en-hk/clear-ipad-air-5th-and-4th-gen-case-blue/77-94794.html"
}