{
  "action": "Product-ShowQuickView",
  "queryString": "pid=77-61281",
  "locale": "fr_FR",
  "product": {
    "uuid": "66ce6f85fb170d6176a8a5e0ef",
    "id": "77-61281",
    "productName": "Mate20 Pro Coque | Symmetry Series",
    "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": null,
    "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": null,
      "DropRating": null,
      "EdgeStrengthDescription": null,
      "EdgeStrengthRating": null,
      "FeaturesDescriptionLong": {},
      "FeaturesDescriptionShort": null,
      "HasScreenProtection": null,
      "InstallationDescription": null,
      "IsAntiMicrobial": null,
      "LidType": null,
      "Materials": null,
      "Name1": "Coque Mate 20 Pro",
      "Name2": "Symmetry Series",
      "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": false
    },
    "CustomUrls": {
      "CustomizeUrl": null,
      "B2BUrl": null
    },
    "IconContent": {
      "IconOne": null,
      "IconTwo": null,
      "IconThree": null,
      "IconFour": null
    },
    "EmailCapture": true,
    "preLaunch": null,
    "limitedEdition": null,
    "productProfile": null,
    "productDropRating": null,
    "PageDesignerID": null,
    "PdpTemplateHelper": {
      "templates": {
        "Icons": "",
        "CustomizeIcon": "",
        "PdpEmailSignUp": "    <hr>\n    \n    \n        \n        \n        <div class=\"row\">\n            \n                    <label class=\"form-control-label ml-2\" for=\"pdp-email-signup-form\">\n                        &Ecirc;tre averti quand ce produit sera &agrave; nouveau en stock.\n                    </label>\n            \n        </div>\n        <div class=\"row\">\n            <div class=\"col-sm-6\">\n                <form id=\"pdp-email-signup-form\" method=\"post\" action=\"/on/demandware.store/Sites-ob_emea-Site/fr_FR/MailingList-Submit\">\n                    <input type=\"text\"   name=\"signupEmail\" class=\"form-control flex-fill\" id=\"email-sign-up-input\" placeholder=\"Saisir votre e-mail\" >\n                    <input type=\"hidden\" name=\"addToList\" value=\"true\">\n                    <input type=\"hidden\" name=\"mailingListName\" value=\"Back in Stock\">\n                    <input type=\"hidden\" name=\"crmLeadSource\" value=\"PDP\">\n                    <input type=\"hidden\" name=\"productId\" value=\"77-61281\">\n                    <input type=\"hidden\" name=\"productImageUrl\" value=\"\">\n                </form>\n            </div>\n            <div class=\"col-sm-6\">\n                <button id=\"email-sign-up-button\" class=\"btn btn-primary\" form=\"pdp-email-signup-form\">\n                    Saisir votre e-mail\n                </button>\n            </div>\n        </div>\n        <div class=\"row mt-3\">\n            <div class=\"col-sm-11 email-alert\">\n                \n            </div>\n        </div>\n    \n\n"
      }
    },
    "ProductRatings": {
      "bvCartridgeEnabled": false,
      "bvAverageRating": null,
      "bvReviewCount": null,
      "bvRatingRange": null
    },
    "dropSpecs": null,
    "color": "Clear",
    "shortFeaturesDescription": null,
    "materials": null,
    "caseDesign": null,
    "recycledContent": null,
    "ulCertified": null,
    "price": {
      "sales": {
        "value": 34.99,
        "currency": "EUR",
        "formatted": "34,99 €",
        "decimalPrice": "34.99"
      },
      "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=\"34.99\">\n                34,99 &euro;\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=800&sh=800",
          "index": "0",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg",
          "type": "dis"
        },
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=800&sh=800",
          "index": "1",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg",
          "type": "dis"
        },
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=800&sh=800",
          "index": "2",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg",
          "type": "dis"
        }
      ],
      "small": [
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=176&sh=176",
          "index": "0",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg",
          "type": "dis"
        },
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=176&sh=176",
          "index": "1",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg",
          "type": "dis"
        },
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=176&sh=176",
          "index": "2",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg",
          "type": "dis"
        }
      ],
      "hi-res": [
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=1600&sh=1600",
          "index": "0",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg",
          "type": "dis"
        },
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=1600&sh=1600",
          "index": "1",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg",
          "type": "dis"
        },
        {
          "alt": "Mate20 Pro Coque | Symmetry Series",
          "url": "https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=1600&sh=1600",
          "index": "2",
          "title": "Mate20 Pro Coque | Symmetry Series",
          "absURL": "https://www.otterbox.fr/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg",
          "type": "dis"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": [
      {
        "attributeId": "productOption",
        "displayName": "Product Option",
        "id": "productOption",
        "swatchable": false,
        "displayValue": "Clear",
        "values": [
          {
            "id": "clear",
            "description": "Clear Screen Protector",
            "displayValue": "Clear",
            "value": "clear",
            "selected": true,
            "selectable": false,
            "available": true,
            "url": "https://www.otterbox.fr/on/demandware.store/Sites-ob_emea-Site/fr_FR/Product-Variation?dwvar_hua41-mate20-pro_productOption=&pid=hua41-mate20-pro&quantity=1",
            "absUrl": "https://www.otterbox.fr/on/demandware.store/Sites-ob_emea-Site/fr_FR/Product-Variation?dwvar_hua41-mate20-pro_productOption=clear&pid=hua41-mate20-pro&quantity=1"
          }
        ],
        "resetUrl": "https://www.otterbox.fr/on/demandware.store/Sites-ob_emea-Site/fr_FR/Product-Variation?dwvar_hua41-mate20-pro_productOption=&pid=hua41-mate20-pro&quantity=1",
        "isOnlyVariant": true
      }
    ],
    "longDescription": null,
    "shortDescription": "You don’t have to choose between a protective case and a stylish one. Symmetry Series Clear is the slim and protective case that inspires your style. All of your phone’s buttons, features and functions work flawlessly. And, Symmetry Series Clear Mate 20 Pro case is easy to remove and install.",
    "rating": 5,
    "promotions": [
      {
        "calloutMsg": "<style=\"text-decoration: none\" class=\"text--green\">-50 % sur un protège-écran pour chaque coque Symmetry Series achetée</style>",
        "details": "Tout protège-écran ajouté à la commande sans coque associée sera facturé à plein tarif. 1 coque = 1 protège-écran à -50 %, 2 coques = 2 protège-écrans à -50 %, etc. Non cumulable avec d’autres offres ou promotions.",
        "enabled": true,
        "id": "UPSELL-SYMMETRY-2",
        "name": "-50 % sur un protège-écran pour chaque coque Symmetry Series achetée",
        "promotionClass": "PRODUCT",
        "rank": null,
        "noPDPPromo": false
      }
    ],
    "attributes": null,
    "availability": {
      "messages": [
        "En rupture de stock"
      ],
      "inStockDate": null,
      "labelAddToCart": "Ajouter au panier",
      "labelBuyNow": "Buy Now",
      "isPreOrderBackOrder": false
    },
    "available": false,
    "options": [],
    "quantities": [],
    "selectedProductUrl": "/fr-fr/coque-mate-20-pro/hua41-mate20-pro.html?dwvar_hua41-mate20-pro_productOption=clear",
    "selectedProductAbsoluteUrl": "https://www.otterbox.fr/fr-fr/coque-mate-20-pro-clear/77-61281.html",
    "readyToOrder": true,
    "online": true,
    "pageTitle": "Protecteur d'écran pour Galaxy A20e | Protecteurs d'écran Alpha Glass",
    "pageDescription": "La coque ultra-mince et ultra-protectrice transparente met en valeur votre téléphone",
    "pageKeywords": "Coque transparente pour Mate20 Pro",
    "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>Compatibilité</span></h4></div> <ul> <li>Mate 20 Pro</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>6.43 in x 3.10 in x 0.48 in / 163.32 mm x 78.74 mm x 12.19 mm</li> </ul> </div> <div class='container product-specification-list weight product-specification-item'> <div class='append-stats'><h4><span>Poid</span></h4></div> <ul> <li>0.08 lbs | 36.29 g</li> </ul> </div>              ",
        "state": "collapsed-closed"
      },
      {
        "title": "Features",
        "content": "<li>Clear, scratch-resistant case puts your phone on display</li>\n<li>Drop proof, slim design slips easily into pockets and purses</li>\n<li>Raised, screen bumper helps protect display</li>\n<li>One-piece design pops on and off in a flash</li>",
        "state": "collapsed-closed"
      },
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      }
    ],
    "badges": [],
    "wishlistpid": "77-61281",
    "warrantyData": {
      "description": "",
      "isWarrantyEligible": true,
      "damageCode": ""
    },
    "socialSharingTitle": null,
    "socialSharingDescription": null,
    "absProductPageUrl": "https://www.otterbox.fr/fr-fr/coque-mate-20-pro-clear/77-61281.html"
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Sélectionner les modèles pour connaître leur disponibilité",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "Afficher tous les détails",
  "closeButtonText": "Fermer",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "bvDisplay": {
    "bvPid": "hua41-mate20-pro",
    "qvType": "inlineratings",
    "rating": {
      "enabled": false,
      "type": "none"
    }
  },
  "csrf": {
    "tokenName": "csrf_token",
    "token": "Qo2s2rX2UXjxmtPDA0rwa44csufi2ZF7PjxkkdV9dEV2A8ntPkBPz2V3_3BXjbSroRk4drOv5hn8xf6qfXehvOq-Fuv-oyRu5tOxfOn85NLE5uPZoDFuJlslq60s5zFcApGk0o-YFKhWYv7-jxYZ7DjIhKsqEjEEk24ORwnw3hVB6U0qQiU="
  },
  "promos": {},
  "masterId": "hua41-mate20-pro",
  "color": "Clear",
  "prodOptions": "productoption:clear",
  "navLevls": {
    "product_nav_lvl3": "huawei-mate20-pro",
    "product_nav_lvl2": "huawei",
    "product_nav_lvl1": "more-cases"
  },
  "NotiFyResources": {
    "mailingListNames": {
      "BackInStock": "Back in Stock",
      "NewProduct": "New Product",
      "Newsletter": "Newsletter",
      "LimitedEditionSoldOut": "Limited Edition 2024 signup"
    },
    "notifyLabels": {
      "outOfStock": {
        "label": "Notification de retour en stock",
        "description": "Ce produit est en rupture de stock. Indiquez votre adresse électronique pour être informé(e) lorsqu'il sera disponible."
      },
      "newProduct": {
        "label": "Notification de lancement de produit",
        "description": "Indiquez votre adresse électronique pour être informé(e) lorsqu'il sera disponible."
      },
      "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-61281\" data-swatchable-attributes=\"['color']\"\n    data-pricelist=\"34.99\"\n    data-discountedprice=\"34.99\"\n    data-pricediscount=\"0.0\"\n    data-brand=\"OtterBox\" data-color=\"Clear\" data-promos=\"&lt;style=&quot;text-decoration: none&quot; class=&quot;text--green&quot;&gt;-50&nbsp;% sur un prot&egrave;ge-&eacute;cran pour chaque coque Symmetry Series achet&eacute;e&lt;/style&gt;\" data-options=\"productoption:clear\" \n    data-navlv1 = \"more-cases\" data-navlv2 = \"huawei\" \n    data-navlv3 = \"huawei-mate20-pro\" data-masterid = \"hua41-mate20-pro\"\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>\n\n            <div class=\"row\">\n                \n                <input type=\"hidden\" id=\"videoPositionValue\" value=\"\">\n                <div class='primary-images-main col-12 product-has-thumbnails 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=\"0.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-61281\">\n                        <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - Coque Mate 20 Pro Symmetry Series\"\n                                        itemprop=\"image\" fetchpriority=\"high\" loading=\"eager\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/fr_FR/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-61281\"\n       data-productname=\"Mate20 Pro Coque | Symmetry Series\"\n       data-uuid=\"\"\n       data-addmessage=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\n       data-removemessage=\"Retirer Mate20 Pro Coque | Symmetry Series de votre liste de souhaits\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\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                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 2 - Coque Mate 20 Pro Symmetry Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/fr_FR/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-61281\"\n       data-productname=\"Mate20 Pro Coque | Symmetry Series\"\n       data-uuid=\"\"\n       data-addmessage=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\n       data-removemessage=\"Retirer Mate20 Pro Coque | Symmetry Series de votre liste de souhaits\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 3 - Coque Mate 20 Pro Symmetry Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/fr_FR/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-61281\"\n       data-productname=\"Mate20 Pro Coque | Symmetry Series\"\n       data-uuid=\"\"\n       data-addmessage=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\n       data-removemessage=\"Retirer Mate20 Pro Coque | Symmetry Series de votre liste de souhaits\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\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                                \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=\"0.0\">\n                        <div class=\"d-none d-lg-block d-xl-none\">\n                            \n                                    \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/fr_FR/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-61281\"\n       data-productname=\"Mate20 Pro Coque | Symmetry Series\"\n       data-uuid=\"\"\n       data-addmessage=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\n       data-removemessage=\"Retirer Mate20 Pro Coque | Symmetry Series de votre liste de souhaits\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\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.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 1 - Coque Mate 20 Pro Symmetry Series\"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide white-bg\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 2 - Coque Mate 20 Pro Symmetry Series\"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide white-bg\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 3 - Coque Mate 20 Pro Symmetry Series\"\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                                \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            \n            \n            \n            \n            <div class=\"primary-images primary-images-thumbnails col-12 order-lg-1 \">\n                <section aria-label=\"Coque Mate 20 Pro Symmetry Series image carousel\"\n                    id=\"slider-pdp-77-61281\"\n                    class=\"slider-pdp slider-pdp-nav slider-container slider-no-heading-text slider-buttons-inside\"\n                    data-slider-items=\"5\"\n                    data-slider-items-md=\"3\"\n                    data-slider-items-lg=\"3\"\n                    data-slider-gutter=\"2\"\n                    data-slider-gutter-md=\"1\"\n                    data-slider-gutter-lg=\"1\"\n                    data-slider-loop=\"false\">\n\n           <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - Coque Mate 20 Pro Symmetry Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw47045d03/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-1.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 2 - Coque Mate 20 Pro Symmetry Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb57dc4c9/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro-2.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 3 - Coque Mate 20 Pro Symmetry Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                            \n                            \n                            \n                                \n                            \n\n                            \n                                \n                                \n                            \n                            \n                            \n                                \n                            \n                        </div>\n\n\n                    <!--<div class=\"slider-thumbnail-controls\">\n                        <button class='prev icon-arrow-left-thin' aria-label=\"previous slide\">\n                            \n                        </button>\n                        <button class='next icon-arrow-right-thin' aria-label=\"next slide\">\n                            \n                        </button>\n                    </div>-->\n                </section>\n            </div>\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_emea-Site/fr_FR/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-61281\"\n       data-productname=\"Mate20 Pro Coque | Symmetry Series\"\n       data-uuid=\"\"\n       data-addmessage=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\n       data-removemessage=\"Retirer Mate20 Pro Coque | Symmetry Series de votre liste de souhaits\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Ajouter Mate20 Pro Coque | Symmetry Series &agrave; votre liste de souhaits\"\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\">Coque Mate 20 Pro\n        </span>\n\n\n\n                \n\t<h2 class=\"product-name\">Symmetry Series</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=\"productOption\" class=\"swatch row no-color-attribute\">\n                            <div class=\"col-12\">\n                                \n\n\n\n\n    <fieldset class=\"attribute\">\n        \n            \n            \n            \n                        \n                \n                    <label class=\"productOption\" for=\"productOption-1\">\n                         Product Option: <span id=\"variant-length_selector\"> Clear</span>\n                    </label>\n                \n            \n            \n            \n            <!-- Attribute Values Drop Down Menu -->\n        <div class=\"select-productOption pdp-size\" id=\"productOption-1\" >\n              \n\n                <button class=\"btn selected \" data-vpid='null' value=\"https://www.otterbox.fr/on/demandware.store/Sites-ob_emea-Site/fr_FR/Product-Variation?dwvar_hua41-mate20-pro_productOption=&amp;pid=hua41-mate20-pro&amp;quantity=1\" data-attr-value=\"clear\" data-disp-value=\"Clear\"\n                       unselectable \n                    selected>\n                    Clear\n                </button>\n            \n        </div>\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>Choisir quantit&eacute; :</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-61281\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\">Disponibilit&eacute;</label>\n    <ul class=\"list-unstyled availability-msg m-0\">\n\n        \n            \n                <li>\n                    \n                        \n                            <span class=\"availability-status\">En rupture de 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_emea-Site/fr_FR/MailingList-NotifyMe\"\n                method=\"POST\" data-failureformat=\"Une adresse &eacute;lectronique invalide est soumise. Veuillez soumettre une adresse &eacute;lectronique valide.\">\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-61281\">\n                <input type=\"hidden\" name=\"productName\" value=\"Mate20 Pro Coque | Symmetry Series\">\n                <input type=\"hidden\" name=\"productPageUrl\" value=\"https://www.otterbox.fr/fr-fr/coque-mate-20-pro-clear/77-61281.html\">\n                <input type=\"hidden\" name=\"deviceName\" value=\"Coque Mate 20 Pro\">\n                <input type=\"hidden\" name=\"productImageUrl\" value=\"https://www.otterbox.fr/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw7b9b97f7/productimages/dis/cases-screen-protection/hua41-mate20-pro/hua41-mate20-pro.jpg?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\">Ce produit est en rupture de stock. Indiquez votre adresse &eacute;lectronique pour &ecirc;tre inform&eacute;(e) lorsqu'il sera disponible.</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                                Saisir votre e-mail</label>\n                            <input type=\"text\" class=\"form-control\" name=\"pdEmailSignUp\" id=\"pdEmailSignUp\"\n                            placeholder=\"Saisir votre e-mail\">\n                        </div>\n                         <div class=\"col\">\n                             <button type=\"submit\" class=\"btn-primary notifyme-email\">\n                                S'inscrire\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\"><style=\"text-decoration: none\" class=\"text--green\">-50 % sur un protège-écran pour chaque coque Symmetry Series achetée</style></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                    (Voir les d&eacute;tails)\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                    Tout protège-écran ajouté à la commande sans coque associée sera facturé à plein tarif. 1 coque = 1 protège-écran à -50 %, 2 coques = 2 protège-écrans à -50 %, etc. Non cumulable avec d’autres offres ou promotions.\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>Choisir quantit&eacute; :</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=\"34.99\">\n                34,99 &euro;\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_emea-Site/fr_FR/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-61281\" disabled>\r\n            <i class=\"fa fa-shopping-bag\"></i>\r\n            \r\n                    \r\n                        Ajouter au panier\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": "/fr-fr/coque-mate-20-pro-clear/77-61281.html"
}