www.lorex.com Open in urlscan Pro
2620:127:f00f:e::  Public Scan

Submitted URL: http://trk.lorex.com/ls/click?upn=u001.g1LWO3s8ndHT-2Byt6dp2guxHJfw9m5LCLxGIk44hSflRI8Zop-2BVH2EOCa28-2BvBIXAERctpJwq...
Effective URL: https://www.lorex.com/fr-fr/collections/the-fusion-collection?utm_source=subscribe+US+user&utm_medium=email&utm_campai...
Submission: On December 03 via api from US — Scanned from DE

Form analysis 9 forms found in the DOM

POST /fr-fr/contact#newsletter-announcement-bar

<form method="post" action="/fr-fr/contact#newsletter-announcement-bar" id="newsletter-announcement-bar" accept-charset="UTF-8" class="form newsletter__form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="contact[tags]" value="newsletter">
  <input type="hidden" name="contact[context]" value="announcement-bar">
  <div class="form__input-row">
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="announcement[contact][email]" name="contact[email]" class="form__field form__field--text" autofocus="" required="">
      <label for="announcement[contact][email]" class="form__floating-label">Votre email</label>
    </div>
    <button type="submit" class="form__submit button button--primary">S'inscrire</button>
  </div>
</form>

GET /fr-fr/search

<form action="/fr-fr/search" method="get" role="search" class="search-bar">
  <div class="search-bar__top-wrapper">
    <div class="search-bar__top">
      <input type="hidden" name="type" value="product">
      <input type="hidden" name="options[prefix]" value="last">
      <input type="hidden" name="options[unavailable_products]" value="show">
      <div class="search-bar__input-wrapper">
        <fieldset>
          <input class="search-bar__input" id="searchbar" type="text" maxlength="200" name="q" autocomplete="off" autocorrect="off" aria-label="Recherche..." placeholder="Recherche...">
          <label for="searchbar" class="visually-hidden">Recherche...</label>
        </fieldset>
        <button type="button" class="search-bar__input-clear hidden-lap-and-up" data-action="clear-input">
          <span class="visually-hidden">Effacer</span>
          <svg focusable="false" class="icon icon--close" viewBox="0 0 19 19" role="presentation">
            <title>close</title>
            <path
              d="M9.1923882 8.39339828l7.7781745-7.7781746 1.4142136 1.41421357-7.7781746 7.77817459 7.7781746 7.77817456L16.9705627 19l-7.7781745-7.7781746L1.41421356 19 0 17.5857864l7.7781746-7.77817456L0 2.02943725 1.41421356.61522369 9.1923882 8.39339828z"
              fill="currentColor" fill-rule="evenodd"></path>
          </svg>
        </button>
      </div>
      <div class="search-bar__filter">
        <label for="search-product-type" class="search-bar__filter-label">
          <span class="search-bar__filter-active">Catégories</span><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
            <title>arrow bottom</title>
            <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
          </svg></label>
        <select id="search-product-type">
          <option value="" selected="selected">Catégories</option>
          <option value="Accessories">Accessories</option>
          <option value="Analog Security Cameras">Analog Security Cameras</option>
          <option value="Analog Security System">Analog Security System</option>
          <option value="Cables">Cables</option>
          <option value="Cloud Subscription">Cloud Subscription</option>
          <option value="Connectors">Connectors</option>
          <option value="Converter">Converter</option>
          <option value="Doorbell Accessories">Doorbell Accessories</option>
          <option value="Doorbells">Doorbells</option>
          <option value="Extend Protection Plan">Extend Protection Plan</option>
          <option value="Extend Service Contract">Extend Service Contract</option>
          <option value="Extend Shipping Contract">Extend Shipping Contract</option>
          <option value="Floodlights">Floodlights</option>
          <option value="Hard Drives">Hard Drives</option>
          <option value="IP Security Camera">IP Security Camera</option>
          <option value="IP Security Cameras">IP Security Cameras</option>
          <option value="IP Security System">IP Security System</option>
          <option value="Junction Boxes">Junction Boxes</option>
          <option value="Lightbulb Camera">Lightbulb Camera</option>
          <option value="Lorex Smart Home Security Center">Lorex Smart Home Security Center</option>
          <option value="MicroSD Cards">MicroSD Cards</option>
          <option value="Mounts and Brackets">Mounts and Brackets</option>
          <option value="NVR Security System">NVR Security System</option>
          <option value="PoE Switches">PoE Switches</option>
          <option value="Power Adapters">Power Adapters</option>
          <option value="Range Extenders">Range Extenders</option>
          <option value="Rechargeable Battery Packs">Rechargeable Battery Packs</option>
          <option value="Security DVR">Security DVR</option>
          <option value="Security NVR">Security NVR</option>
          <option value="Sensors">Sensors</option>
          <option value="Smart Lock">Smart Lock</option>
          <option value="Solar Panels">Solar Panels</option>
          <option value="The Fusion Collection">The Fusion Collection</option>
          <option value="Warning Decal">Warning Decal</option>
          <option value="Wi-Fi Security Cameras">Wi-Fi Security Cameras</option>
          <option value="Wire-Free Security Cameras">Wire-Free Security Cameras</option>
          <option value="Wire-Free Security Systems">Wire-Free Security Systems</option>
        </select>
      </div><button type="submit" class="search-bar__submit" aria-label="Rechercher">
        <svg focusable="false" class="icon icon--search" viewBox="0 0 21 21" role="presentation">
          <title>search</title>
          <g stroke-width="3" stroke="currentColor" fill="none" fill-rule="evenodd">
            <path d="M19 19l-5-5" stroke-linecap="square"></path>
            <circle cx="8.5" cy="8.5" r="7.5"></circle>
          </g>
        </svg><svg focusable="false" class="icon icon--search-loader" viewBox="0 0 64 64" role="presentation">
          <title>search loader</title>
          <path opacity=".4"
            d="M23.8589104 1.05290547C40.92335108-3.43614731 58.45816642 6.79494359 62.94709453 23.8589104c4.48905278 17.06444068-5.74156424 34.59913135-22.80600493 39.08818413S5.54195825 57.2055303 1.05290547 40.1410896C-3.43602265 23.0771228 6.7944697 5.54195825 23.8589104 1.05290547zM38.6146353 57.1445143c13.8647142-3.64731754 22.17719655-17.89443541 18.529879-31.75914961-3.64743965-13.86517841-17.8944354-22.17719655-31.7591496-18.529879S3.20804604 24.7494569 6.8554857 38.6146353c3.64731753 13.8647142 17.8944354 22.17719655 31.7591496 18.529879z">
          </path>
          <path d="M1.05290547 40.1410896l5.80258022-1.5264543c3.64731754 13.8647142 17.89443541 22.17719655 31.75914961 18.529879l1.5264543 5.80258023C23.07664892 67.43614731 5.54195825 57.2055303 1.05290547 40.1410896z"></path>
        </svg></button>
    </div>
    <button type="button" class="search-bar__close-button hidden-lap-and-up" data-action="unfix-search">
      <span class="search-bar__close-text">Fermer</span>
    </button>
  </div>
  <div class="search-bar__inner">
    <div class="search-bar__inner-animation">
      <div class="search-bar__results" aria-hidden="true">
        <div class="skeleton-container">
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="search-bar__results-inner"></div>
      </div>
    </div>
  </div>
</form>

Name: loginPOST

<form method="post" action="" id="header_customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" name="login" class="form"><input type="hidden" name="form_type" value="customer_login"><input type="hidden" name="utf8" value="✓">
  <header class="popover__header">
    <h2 class="popover__title heading">Connexion</h2>
    <p class="popover__legend">Entrez votre email et votre mot de passe :</p>
  </header>
  <p class="alert alert--error hidden" id="login-form-error">Incorrect email or password.</p>
  <p class="alert alert--error hidden" id="login-form-error-custom"></p>
  <fieldset>
    <legend class="visually-hidden">Login information</legend>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="login-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
      <label for="login-customer[email]" class="form__floating-label">Email</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="password" id="login-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="current-password">
      <label for="login-customer[password]" class="form__floating-label">Mot de passe</label>
    </div>
  </fieldset>
  <button type="submit" class="form__submit button button--primary button--full" data-text="Se" connecter="" data-disable-with="Chargement..."> Se connecter </button>
</form>

Name: createPOST

<form method="post" action="" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" name="create" class="form"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8" value="✓">
  <header class="popover__header">
    <h2 class="popover__title heading">Création de compte</h2>
    <p class="popover__legend">Entrez les informations suivantes :</p>
  </header>
  <p class="alert alert--error hidden" id="register-form-error">Error occured.</p>
  <fieldset>
    <legend class="visually-hidden">Customer Registration</legend>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="text" id="customer[first_name]" class="form__field form__field--text" name="customer[first_name]" autocomplete="given-name" required="required">
      <label for="customer[first_name]" class="form__floating-label">Prénom</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="text" id="customer[last_name]" class="form__field form__field--text" name="customer[last_name]" autocomplete="family-name" required="required">
      <label for="customer[last_name]" class="form__floating-label">Nom</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="register-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
      <label for="register-customer[email]" class="form__floating-label">Email</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="password" id="register-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="new-password">
      <label for="register-customer[password]" class="form__floating-label">Mot de passe</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input id="register-customer[accepts_marketing]" name="customer[accepts_marketing]" type="checkbox">
      <label for="register-customer[accepts_marketing]">Envoyez-moi des nouvelles et des offres par e-mail</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input id="register-customer[accepts_terms_and_policy]" name="customer[accepts_terms_and_policy]" type="checkbox" required="required">
      <label for="register-customer[accepts_terms_and_policy]">
        <p> J'accepte la <a href="/fr-fr/policies/privacy-policy">politique de confidentialité</a> et <a href="/fr-fr/policies/terms-of-service">les conditions d'utilisation</a> de Lorex</p>
      </label>
    </div>
  </fieldset>
  <button type="submit" class="form__submit button button--primary button--full" data-text="Créer" mon="" compte="" data-disable-with="Chargement..."> Créer mon compte</button>
</form>

POST /fr-fr/cart

<form method="post" action="/fr-fr/cart" id="mini-cart" class="mini-cart" aria-hidden="true" novalidate="novalidate" data-item-count="0">
  <input type="hidden" name="attributes[collection_products_per_page]" value="">
  <input type="hidden" name="attributes[collection_layout]" value=""><svg focusable="false" class="icon icon--nav-triangle-borderless" viewBox="0 0 20 9" role="presentation">
    <title>triangle borderless</title>
    <path d="M.47108938 9c.2694725-.26871321.57077721-.56867841.90388257-.89986354C3.12384116 6.36134886 5.74788116 3.76338565 9.2467995.30653888c.4145057-.4095171 1.0844277-.40860098 1.4977971.00205122L19.4935156 9H.47108938z" fill="#ffffff"></path>
  </svg>
  <div class="mini-cart__content mini-cart__content--empty">
    <p class="alert alert--tight alert--center text--strong">Vous bénéficiez des frais de port gratuits !</p>
    <div class="mini-cart__empty-state"><svg focusable="false" width="81" height="70" viewBox="0 0 81 70">
        <title>big cart</title>
        <g transform="translate(0 2)" stroke-width="4" stroke="#1a428a" fill="none" fill-rule="evenodd">
          <circle stroke-linecap="square" cx="34" cy="60" r="6"></circle>
          <circle stroke-linecap="square" cx="67" cy="60" r="6"></circle>
          <path d="M22.9360352 15h54.8070373l-4.3391876 30H30.3387146L19.6676025 0H.99560547"></path>
        </g>
      </svg>
      <p class="heading h4">Votre panier est vide</p>
    </div>
    <a href="/fr-fr/collections/all" class="button button--primary button--full">Découvrir nos produits</a>
  </div>
</form>

<form id="desktop-filters-form" class="card__section card__section--tight">
  <input type="hidden" name="sort_by" value="best-selling">
  <p class="card__title--small heading"><i class="fa fa-filter"></i> Filtres</p>
  <div class="collection__active-filters"></div>
  <div class="collection__filter-group-list">
    <div class="collection__filter-group filter-highlight"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-family-series"
        data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="true">Family Series<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-family-series" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-DVR" name="filter.p.m.jasper.family-series" value="DVR">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-DVR">DVR <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Fusion DVR" name="filter.p.m.jasper.family-series" value="Fusion DVR">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Fusion DVR">Fusion DVR <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Fusion Series" name="filter.p.m.jasper.family-series" value="Fusion Series">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Fusion Series">Fusion Series <span class="collection__filter-count">(3)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Indoor Wi-Fi Camera" name="filter.p.m.jasper.family-series" value="Indoor Wi-Fi Camera">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Indoor Wi-Fi Camera">Indoor Wi-Fi Camera <span class="collection__filter-count">(3)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Outdoor Wi-Fi Camera" name="filter.p.m.jasper.family-series" value="Outdoor Wi-Fi Camera">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Outdoor Wi-Fi Camera">Outdoor Wi-Fi Camera <span class="collection__filter-count">(3)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Wi-Fi Floodlight" name="filter.p.m.jasper.family-series" value="Wi-Fi Floodlight">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Wi-Fi Floodlight">Wi-Fi Floodlight <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.family-series-Wired Smart Doorbell" name="filter.p.m.jasper.family-series" value="Wired Smart Doorbell">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.family-series-Wired Smart Doorbell">Wired Smart Doorbell <span class="collection__filter-count">(4)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-resolution" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Résolution<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-resolution" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-1080p" name="filter.p.m.facets.resolution" value="1080p">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-1080p">1080p <span class="collection__filter-count">(4)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-2K" name="filter.p.m.facets.resolution" value="2K">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-2K">2K <span class="collection__filter-count">(6)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-4K" name="filter.p.m.facets.resolution" value="4K">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-4K">4K <span class="collection__filter-count">(6)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-4K+" name="filter.p.m.facets.resolution" value="4K+">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-4K+">4K+ <span class="collection__filter-count">(1)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-availability" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Disponibilité<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-availability" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.availability-1" name="filter.v.availability" value="1">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.availability-1">En stock <span class="collection__filter-count">(8)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.availability-0" name="filter.v.availability" value="0">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.availability-0">En rupture de stock <span class="collection__filter-count">(9)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-power-source" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Source d'énergie<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-power-source" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.power-source-Wall Plug-In" name="filter.p.m.jasper.power-source" value="Wall Plug-In">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.power-source-Wall Plug-In">Wall Plug-In <span class="collection__filter-count">(3)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.power-source-Wired" name="filter.p.m.jasper.power-source" value="Wired">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.power-source-Wired">Wired <span class="collection__filter-count">(4)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-product-camera-features" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Caractéristiques de la caméra<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-product-camera-features" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)" name="filter.p.m.product.camera-features" value="Pan-Tilt-Zoom (PTZ)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)">Pan-Tilt-Zoom (PTZ) <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Deterrence" name="filter.p.m.product.camera-features" value="Smart Deterrence">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Deterrence">Smart Deterrence <span class="collection__filter-count">(8)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Motion Detection" name="filter.p.m.product.camera-features" value="Smart Motion Detection">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Motion Detection">Smart Motion Detection <span class="collection__filter-count">(10)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Security Lighting" name="filter.p.m.product.camera-features" value="Smart Security Lighting">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Security Lighting">Smart Security Lighting <span class="collection__filter-count">(3)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-product-motion_detection" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Détection de mouvement<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-product-motion_detection" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Animal" name="filter.p.m.product.motion_detection" value="Animal">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Animal">Animal <span class="collection__filter-count">(3)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Package" name="filter.p.m.product.motion_detection" value="Package">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Package">Package <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Person" name="filter.p.m.product.motion_detection" value="Person">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Person">Person <span class="collection__filter-count">(6)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Vehicle" name="filter.p.m.product.motion_detection" value="Vehicle">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Vehicle">Vehicle <span class="collection__filter-count">(2)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-option-color" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Couleur<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-option-color" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <div class="collection__filter-color-list">
          <div class="color-swatch-list color-swatch-list--large">
            <div class="color-swatch " data-tooltip="Black">
              <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="filter.v.option.color-Black" value="Black">
              <label for="filter.v.option.color-Black" class="color-swatch__item " aria-label="Black">
                <span class="color-swatch__item" style="background-color: black"></span>
              </label>
            </div>
            <div class="color-swatch color-swatch--white" data-tooltip="White">
              <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="filter.v.option.color-White" value="White">
              <label for="filter.v.option.color-White" class="color-swatch__item " aria-label="White">
                <span class="color-swatch__item" style="background-color: white"></span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-remote-connectivity"
        data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="true">Visualisation à distance<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-remote-connectivity" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.remote-connectivity-Lorex App" name="filter.p.m.jasper.remote-connectivity" value="Lorex App">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.remote-connectivity-Lorex App">Lorex App <span class="collection__filter-count">(17)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-audio" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">l'audio<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-audio" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.audio-Two-Way" name="filter.p.m.facets.audio" value="Two-Way">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.audio-Two-Way">Two-Way <span class="collection__filter-count">(11)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-camera-style" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Style de caméra<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-camera-style" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Pan-Tilt-Zoom" name="filter.p.m.facets.camera-style" value="Pan-Tilt-Zoom">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Pan-Tilt-Zoom">Pan-Tilt-Zoom <span class="collection__filter-count">(1)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facet-active_deterrence" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Dissuasion active<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facet-active_deterrence" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facet.active_deterrence-Siren" name="filter.p.m.facet.active_deterrence" value="Siren">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facet.active_deterrence-Siren">Siren <span class="collection__filter-count">(7)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facet.active_deterrence-Warning Light" name="filter.p.m.facet.active_deterrence" value="Warning Light">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facet.active_deterrence-Warning Light">Warning Light <span class="collection__filter-count">(8)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group "><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-max-storage-size" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Maximum Storage Capacity (per bay)<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-max-storage-size" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.max-storage-size-10TB" name="filter.p.m.jasper.max-storage-size" value="10TB">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.max-storage-size-10TB">10TB <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.max-storage-size-16TB" name="filter.p.m.jasper.max-storage-size" value="16TB">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.max-storage-size-16TB">16TB <span class="collection__filter-count">(4)</span></label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <noscript>
    <button type="submit" class="button button--secondary button--full" style="margin-top: 10px">Voir les résultats</button>
  </noscript>
</form>

POST /fr-fr/cart/add

<form method="post" action="/fr-fr/cart/add" id="product_form_id_8203070046358_template--17373922820246__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="43853771833494">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Ajouter au panier</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Rupture</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--17373922820246__collection-template" data-product-url="/fr-fr/products/lorex-1080p-wired-video-doorbell-open-box">Apercu
    rapide</button><a href="/fr-fr/products/lorex-1080p-wired-video-doorbell-open-box" class="product-item__learn-more">Apprendre encore plus</a>
  <input type="hidden" name="product-id" value="8203070046358"><input type="hidden" name="section-id" value="template--17373922820246__collection-template">
</form>

<form id="mobile-collection-filters-form" class="collection-drawer__inner">
  <input type="hidden" name="sort_by" value="best-selling">
  <p class="collection-drawer__section-title">Filtres</p>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-family-series" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Family Series</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-family-series" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-DVR" name="filter.p.m.jasper.family-series" value="DVR">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-DVR">DVR (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Fusion DVR" name="filter.p.m.jasper.family-series" value="Fusion DVR">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Fusion DVR">Fusion DVR (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Fusion Series" name="filter.p.m.jasper.family-series" value="Fusion Series">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Fusion Series">Fusion Series (3)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Indoor Wi-Fi Camera" name="filter.p.m.jasper.family-series" value="Indoor Wi-Fi Camera">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Indoor Wi-Fi Camera">Indoor Wi-Fi Camera (3)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Outdoor Wi-Fi Camera" name="filter.p.m.jasper.family-series" value="Outdoor Wi-Fi Camera">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Outdoor Wi-Fi Camera">Outdoor Wi-Fi Camera (3)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Wi-Fi Floodlight" name="filter.p.m.jasper.family-series" value="Wi-Fi Floodlight">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Wi-Fi Floodlight">Wi-Fi Floodlight (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.family-series-Wired Smart Doorbell" name="filter.p.m.jasper.family-series" value="Wired Smart Doorbell">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.family-series-Wired Smart Doorbell">Wired Smart Doorbell (4)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-resolution" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Résolution</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-resolution" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-1080p" name="filter.p.m.facets.resolution" value="1080p">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-1080p">1080p (4)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-2K" name="filter.p.m.facets.resolution" value="2K">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-2K">2K (6)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-4K" name="filter.p.m.facets.resolution" value="4K">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-4K">4K (6)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-4K+" name="filter.p.m.facets.resolution" value="4K+">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-4K+">4K+ (1)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-availability" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Disponibilité</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-availability" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.availability-1" name="filter.v.availability" value="1">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.availability-1">En stock (8)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.availability-0" name="filter.v.availability" value="0">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.availability-0">En rupture de stock (9)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-power-source" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Source d'énergie</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-power-source" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.power-source-Wall Plug-In" name="filter.p.m.jasper.power-source" value="Wall Plug-In">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.power-source-Wall Plug-In">Wall Plug-In (3)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.power-source-Wired" name="filter.p.m.jasper.power-source" value="Wired">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.power-source-Wired">Wired (4)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-product-camera-features"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Caractéristiques de la caméra</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-product-camera-features" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)" name="filter.p.m.product.camera-features" value="Pan-Tilt-Zoom (PTZ)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)">Pan-Tilt-Zoom (PTZ) (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Deterrence" name="filter.p.m.product.camera-features" value="Smart Deterrence">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Deterrence">Smart Deterrence (8)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Motion Detection" name="filter.p.m.product.camera-features" value="Smart Motion Detection">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Motion Detection">Smart Motion Detection (10)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Security Lighting" name="filter.p.m.product.camera-features" value="Smart Security Lighting">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Security Lighting">Smart Security Lighting (3)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-product-motion_detection"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Détection de mouvement</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-product-motion_detection" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Animal" name="filter.p.m.product.motion_detection" value="Animal">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Animal">Animal (3)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Package" name="filter.p.m.product.motion_detection" value="Package">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Package">Package (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Person" name="filter.p.m.product.motion_detection" value="Person">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Person">Person (6)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Vehicle" name="filter.p.m.product.motion_detection" value="Vehicle">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Vehicle">Vehicle (2)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-option-color" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Couleur</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-option-color" class="collection__filter-collapsible" aria-hidden="true">
      <div class="collection__filter-color-list">
        <div class="color-swatch-list color-swatch-list--stack">
          <div class="color-swatch ">
            <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="mobile-filter.v.option.color-Black" value="Black">
            <label for="mobile-filter.v.option.color-Black" class="color-swatch__button color-swatch__button--labelled ">
              <span class="color-swatch__item" style="background-color: black"></span>
              <span class="color-swatch__label">Black</span>
            </label>
          </div>
          <div class="color-swatch color-swatch--white">
            <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="mobile-filter.v.option.color-White" value="White">
            <label for="mobile-filter.v.option.color-White" class="color-swatch__button color-swatch__button--labelled ">
              <span class="color-swatch__item" style="background-color: white"></span>
              <span class="color-swatch__label">White</span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-remote-connectivity"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Visualisation à distance</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-remote-connectivity" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.remote-connectivity-Lorex App" name="filter.p.m.jasper.remote-connectivity" value="Lorex App">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.remote-connectivity-Lorex App">Lorex App (17)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-audio" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>l'audio</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-audio" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.audio-Two-Way" name="filter.p.m.facets.audio" value="Two-Way">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.audio-Two-Way">Two-Way (11)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-camera-style" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Style de caméra</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-camera-style" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Pan-Tilt-Zoom" name="filter.p.m.facets.camera-style" value="Pan-Tilt-Zoom">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Pan-Tilt-Zoom">Pan-Tilt-Zoom (1)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facet-active_deterrence"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Dissuasion active</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facet-active_deterrence" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facet.active_deterrence-Siren" name="filter.p.m.facet.active_deterrence" value="Siren">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facet.active_deterrence-Siren">Siren (7)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facet.active_deterrence-Warning Light" name="filter.p.m.facet.active_deterrence" value="Warning Light">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facet.active_deterrence-Warning Light">Warning Light (8)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-max-storage-size"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Maximum Storage Capacity (per bay)</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-max-storage-size" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.max-storage-size-10TB" name="filter.p.m.jasper.max-storage-size" value="10TB">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.max-storage-size-10TB">10TB (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.max-storage-size-16TB" name="filter.p.m.jasper.max-storage-size" value="16TB">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.max-storage-size-16TB">16TB (4)</label>
        </li>
      </ul>
    </div>
  </div>
</form>

POST /fr-fr/localization

<form method="post" action="/fr-fr/localization" id="localization_form_footer" accept-charset="UTF-8" class="footer__localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden"
    name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to"
    value="/fr-fr/collections/the-fusion-collection?utm_source=subscribe+US+user&amp;utm_medium=email&amp;utm_campaign=US+-+Black+Friday+Starts+Now%21+Don%E2%80%99t+Miss+Up+to+50%25+Off%21+%2801JDA8EANKFF2E0HY77ESZKP49%29&amp;bxid=01HG45XKMB2TXZBX9600SWQKWV&amp;_kx=aqdRJQdspRzhhf_MDggN8Rozc9FvVA3yHmqgw0OsezI.WJG64R">
  <div class="footer__localization-form-item">
    <input type="hidden" name="locale_code" value="fr">
    <span class="visually-hidden">Langue</span>
    <div class="value-picker-wrapper">
      <button type="button" class="select-button select-button--mini" aria-haspopup="true" aria-expanded="false" aria-controls="footer-locale-picker" data-action="open-value-picker">Français<svg focusable="false" class="icon icon--arrow-bottom"
          viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="footer-locale-picker" class="value-picker value-picker--small" data-picker-position="top" aria-hidden="true">
        <svg focusable="false" class="icon icon--nav-triangle-borderless" viewBox="0 0 20 9" role="presentation">
          <title>triangle borderless</title>
          <path d="M.47108938 9c.2694725-.26871321.57077721-.56867841.90388257-.89986354C3.12384116 6.36134886 5.74788116 3.76338565 9.2467995.30653888c.4145057-.4095171 1.0844277-.40860098 1.4977971.00205122L19.4935156 9H.47108938z" fill="#ffffff">
          </path>
        </svg>
        <div class="value-picker__inner">
          <header class="value-picker__header">
            <span class="value-picker__title text--strong">Langue</span>
            <button type="button" class="value-picker__close" data-action="close-value-picker" aria-controls="footer-locale-picker" aria-label="Fermer"><svg focusable="false" class="icon icon--close" viewBox="0 0 19 19" role="presentation">
                <title>close</title>
                <path
                  d="M9.1923882 8.39339828l7.7781745-7.7781746 1.4142136 1.41421357-7.7781746 7.77817459 7.7781746 7.77817456L16.9705627 19l-7.7781745-7.7781746L1.41421356 19 0 17.5857864l7.7781746-7.77817456L0 2.02943725 1.41421356.61522369 9.1923882 8.39339828z"
                  fill="currentColor" fill-rule="evenodd"></path>
              </svg></button>
          </header>
          <ul class="value-picker__choice-list" role="list">
            <li class="value-picker__choice-list-item">
              <button type="submit" name="locale_code" class="value-picker__choice-item" value="fr" aria-current="true">Français</button>
            </li>
            <li class="value-picker__choice-list-item">
              <button type="submit" name="locale_code" class="value-picker__choice-item" value="en">English</button>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

Please note: This website includes an accessibility system. Press Control-F11 to
adjust the website to the visually impaired who are using a screen reader; Press
Control-F10 to open an accessibility menu.

Popup heading

Close

Accessibility
 * Press enter for Accessibility for blind people who use screen readers
 * Press enter for Keyboard Navigation
 * Press enter for Accessibility menu

Passer au contenu
Fermer close
Bulletin

Veuillez entrer votre adresse e-mail pour être ajouté à la liste de diffusion
Lorex. De cette façon, vous pouvez être le premier informé des meilleures
offres, des nouveaux produits et des événements à venir.

Votre email
S'inscrire



newsletter Abonnez-vous et économisez

hamburger mobile close
triangle borderless
 * Tous les produits
 * Soutien

Pays/région (FR)

 * United States
 * Canada
 * United Kingdom
 * Mexico
 * Australia

Besoin d'aide ?

phone Appelez-nous au 1-888-425-6739
bi-email ventes@lorex.com

Nous suivre

 * youtube YouTube
 * facebook Facebook
 * x Twitter
 * instagram Instagram


Recherche... Effacer close
Catégories arrow bottom CatégoriesAccessoriesAnalog Security CamerasAnalog
Security SystemCablesCloud SubscriptionConnectorsConverterDoorbell
AccessoriesDoorbellsExtend Protection PlanExtend Service ContractExtend Shipping
ContractFloodlightsHard DrivesIP Security CameraIP Security CamerasIP Security
SystemJunction BoxesLightbulb CameraLorex Smart Home Security CenterMicroSD
CardsMounts and BracketsNVR Security SystemPoE SwitchesPower AdaptersRange
ExtendersRechargeable Battery PacksSecurity DVRSecurity NVRSensorsSmart
LockSolar PanelsThe Fusion CollectionWarning DecalWi-Fi Security
CamerasWire-Free Security CamerasWire-Free Security Systems
search search loader
Fermer

Pays/région
FR arrow bottom
triangle borderless
 * United States
 * Canada
 * United Kingdom
 * Mexico
 * Australia

search
Connexion / Inscription
Account close Mon compte arrow bottom
triangle borderless


CONNEXION

Entrez votre email et votre mot de passe :

Incorrect email or password.



Login information
Email
Mot de passe
Se connecter

Nouveau client ? Créez votre compte

Mot de passe perdu ? Récupérer mon mot de passe

Portail Partenaires Tarification B2B

Liquid error (sections/header line 494): Could not find asset
snippets/recover_customer_password--header.liquid

Vous connaissez votre mot de passe ? Se connecter


CRÉATION DE COMPTE

Entrez les informations suivantes :

Error occured.

Customer Registration
Prénom
Nom
Email
Mot de passe
Envoyez-moi des nouvelles et des offres par e-mail

J'accepte la politique de confidentialité et les conditions d'utilisation de
Lorex

Créer mon compte

Vous avez déjà un compte ? Se connecter

cart 0 close
Panier
triangle borderless

Vous bénéficiez des frais de port gratuits !

big cart

Votre panier est vide

Découvrir nos produits
 * Tous les produits
 * Soutien

Cyber Monday is Here | FREE Standard Shipping | Extended Return Period

The Fusion Collection

The Fusion Collection is a set of smart home cameras, recorders, and sensors
that work together through the Lorex app.




FUSION WIRELESS SYSTEMS

Fusion Wireless security systems feature a Network Video Recorder and smart home
cameras. Typically, smart home cameras record motion-based events. With Fusion
Wireless, however, you can record them 24/7 to the recorder's hard drive.

Shop Now


FUSION WIRED & WIRELESS SYSTEMS

Get the best of both worlds. Fusion Wired and Wireless Security Camera Systems
feature a Fusion Recorder with both wired security cameras and Wi-Fi smart home
cameras.  

Shop Now





THE FUSION COLLECTION

The Fusion Collection is a set of smart home cameras, recorders, and sensors
that work together through the Lorex app.





FUSION WIRELESS SYSTEMS

Fusion Wireless security systems feature a Network Video Recorder and smart home
cameras. Typically, smart home cameras record motion-based events. With Fusion
Wireless, however, you can record them 24/7 to the recorder's hard drive.

Shop Now



FUSION WIRED & WIRELESS SYSTEMS

Get the best of both worlds. Fusion Wired and Wireless Security Camera Systems
feature a Fusion Recorder with both wired security cameras and Wi-Fi smart home
cameras.  

Shop Now





FUSION WIRELESS SYSTEMS


FUSION WIRED & WI-FI SYSTEMS


THE FUSION COLLECTION

Combine Wired and Wi-Fi Cameras on the same system. Lorex’s award winning Fusion
Collection is a set of NVRs and wireless devices united by our Lorex App.



Filtres


Family Series arrow bottom
 * check
   DVR (1)
 * check
   Fusion DVR (2)
 * check
   Fusion Series (3)
 * check
   Indoor Wi-Fi Camera (3)
 * check
   Outdoor Wi-Fi Camera (3)
 * check
   Wi-Fi Floodlight (1)
 * check
   Wired Smart Doorbell (4)

Résolution arrow bottom
 * check
   1080p (4)
 * check
   2K (6)
 * check
   4K (6)
 * check
   4K+ (1)

Disponibilité arrow bottom
 * check
   En stock (8)
 * check
   En rupture de stock (9)

Source d'énergie arrow bottom
 * check
   Wall Plug-In (3)
 * check
   Wired (4)

Caractéristiques de la caméra arrow bottom
 * check
   Pan-Tilt-Zoom (PTZ) (2)
 * check
   Smart Deterrence (8)
 * check
   Smart Motion Detection (10)
 * check
   Smart Security Lighting (3)

Détection de mouvement arrow bottom
 * check
   Animal (3)
 * check
   Package (1)
 * check
   Person (6)
 * check
   Vehicle (2)

Couleur arrow bottom

Visualisation à distance arrow bottom
 * check
   Lorex App (17)

l'audio arrow bottom
 * check
   Two-Way (11)

Style de caméra arrow bottom
 * check
   Pan-Tilt-Zoom (1)

Dissuasion active arrow bottom
 * check
   Siren (7)
 * check
   Warning Light (8)

Maximum Storage Capacity (per bay) arrow bottom
 * check
   10TB (2)
 * check
   16TB (4)

Voir les résultats


THE FUSION COLLECTION

17 produits

Affiche 1 - 12 de 17 produits


filter Filtrer
Affiche 1 - 12 de 17 produits
Afficher: 12 par page arrow bottom
triangle borderless
Afficher close
12 par page check 24 par page check 36 par page check 48 par page check
Trier parTrier par: Meilleures ventes arrow bottom
triangle borderless
Trier par close
En vedette check Meilleures ventes check Alphabétique, de A à Z check
Alphabétique, de Z à A check Prix: faible à élevé check Prix: élevé à faible
check Date, de la plus ancienne à la plus récente check Date, de la plus récente
à la plus ancienne check
Voir grid list
Wired Smart Doorbell — 1080p



1080p Wired Video Doorbell (32GB) - Open Box SKU: B241AJD-E-R Open Box
220 Reviews
Prix réduit€50,95

Ajouter au panier Rupture Apercu rapideApprendre encore plus
12
Page 1 / 2Suivant arrow right
close Filtres (0)
Effacer

Filtres

Family Series
arrow bottom
 * check
   DVR (1)
 * check
   Fusion DVR (2)
 * check
   Fusion Series (3)
 * check
   Indoor Wi-Fi Camera (3)
 * check
   Outdoor Wi-Fi Camera (3)
 * check
   Wi-Fi Floodlight (1)
 * check
   Wired Smart Doorbell (4)

Résolution
arrow bottom
 * check
   1080p (4)
 * check
   2K (6)
 * check
   4K (6)
 * check
   4K+ (1)

Disponibilité
arrow bottom
 * check
   En stock (8)
 * check
   En rupture de stock (9)

Source d'énergie
arrow bottom
 * check
   Wall Plug-In (3)
 * check
   Wired (4)

Caractéristiques de la caméra
arrow bottom
 * check
   Pan-Tilt-Zoom (PTZ) (2)
 * check
   Smart Deterrence (8)
 * check
   Smart Motion Detection (10)
 * check
   Smart Security Lighting (3)

Détection de mouvement
arrow bottom
 * check
   Animal (3)
 * check
   Package (1)
 * check
   Person (6)
 * check
   Vehicle (2)

Couleur
arrow bottom
Black
White
Visualisation à distance
arrow bottom
 * check
   Lorex App (17)

l'audio
arrow bottom
 * check
   Two-Way (11)

Style de caméra
arrow bottom
 * check
   Pan-Tilt-Zoom (1)

Dissuasion active
arrow bottom
 * check
   Siren (7)
 * check
   Warning Light (8)

Maximum Storage Capacity (per bay)
arrow bottom
 * check
   10TB (2)
 * check
   16TB (4)

Voir les résultats
close
search loader




VU RÉCEMMENT


close
search loader




POURQUOI LOREX EST-IL CONNU ?

Lorex est un fournisseur de caméras de sécurité et de systèmes de caméras de
sécurité depuis plus de 30 ans et est l'un des noms les plus fiables du secteur
de la sécurité grand public. Nous sommes connus dans le monde entier pour nos
produits de sécurité DIY de qualité supérieure, à la fois fiables et conviviaux.
Les produits Lorex peuvent être achetés dans de nombreux magasins de détail et
en ligne, où nous proposons une vaste gamme de produits individuels et
d'accessoires de sécurité , ainsi que des systèmes de caméras de sécurité
pré-assemblés. Lorex a des sièges sociaux à Markham, Ontario, Canada et à
Linthicum, Maryland, États-Unis. Nous disposons également d'entrepôts de
produits à Markham, en Indiana et en Californie.


POURQUOI AI-JE BESOIN DE CAMÉRAS DE SÉCURITÉ ?

Avoir des caméras de sécurité pour votre maison ou votre entreprise peut vous
offrir de nombreux avantages. Premièrement, disposer de caméras de sécurité
visibles peut constituer un moyen de dissuasion inestimable pour prévenir les
événements avant qu’ils ne surviennent. Deuxièmement, les caméras de sécurité de
Lorex captureront des enregistrements d’événements de haute qualité qui
pourraient éventuellement être utilisés comme preuve. Troisièmement, le simple
fait de savoir que vos caméras de sécurité sont toujours là, ainsi que la
possibilité de vous connecter à distance et de voir exactement ce que voient vos
caméras à tout moment et depuis n'importe quel endroit, vous offrent une totale
tranquillité d'esprit.


QUELS TYPES DE PRODUITS DE SÉCURITÉ LOREX VEND-IL ?

Lorex est fier d'avoir une solution de sécurité pour tous les types de
propriétés et de scénarios. Nous vendons de tout, des systèmes de sécurité IP
filaires de qualité professionnelle à 32 caméras aux systèmes de sécurité sans
fil (fonctionnant sur batterie) faciles à installer, en passant par les produits
de sécurité pour la maison intelligente tels que les caméras Wi-Fi , les
sonnettes vidéo , les caméras de projecteur et même capteurs de sécurité . Vous
ne savez pas quelle solution vous convient le mieux ? Essayez notreoutil de
recherche de solutions ou consultez notre guide du débutant sur Lorex .


COMMENT INSTALLER DES CAMÉRAS DE SÉCURITÉ ?

Les caméras de sécurité et les systèmes de sécurité Lorex sont conçus pour une
installation DIY. L'installation dépend de la technologie utilisée par la caméra
ou le système de sécurité. Par exemple, nous disposons de deux types de systèmes
de caméras de sécurité filaires : les systèmes de sécurité IP et les systèmes de
sécurité analogiques . Les deux nécessitent un câble reliant la caméra de
sécurité à un enregistreur . Les caméras de sécurité sans fil , ainsi que les
caméras de sécurité Wi-Fi, ne nécessitent pas de connexion câblée à un
enregistreur. Au lieu de cela, ils envoient leurs données sans fil, soit vers un
enregistreur, un hub ou une application . La différence est que les caméras sans
fil fonctionnent sur batterie et n'ont pas besoin d'être branchées, tandis que
les caméras Wi-Fi doivent être branchées ou câblées sur les connexions
électriques existantes, comme c'est le cas pour les sonnettes de sécurité Wi-Fi
et caméras de sécurité à projecteur . Pour en savoir plus sur l'installation des
caméras de sécurité, veuillez consulter notre article Comment installer des
caméras de sécurité .


POURQUOI ACHETER DES CAMÉRAS DE SÉCURITÉ CHEZ LOREX ?

Il existe de nombreuses raisons pour lesquelles l'achat d'une caméra de sécurité
ou d'un système de caméra de sécurité Lorex est le bon choix. Avec plus de 30
ans d'expérience, notre technologie est haut de gamme. Nous proposons les
fonctionnalités dont vous avez besoin, telles que l'enregistrement 4K , la
vision nocturne couleur , la dissuasion active et la détection de mouvement
intelligente , pour n'en nommer que quelques-unes. Il n'y a également jamais de
frais supplémentaires après l'achat car les produits Lorex ne nécessitent aucun
frais de surveillance ou de stockage dans le cloud. Nous proposons également des
éléments tels que la livraison gratuite, des garanties d'un an et une garantie
de remboursement de 30 jours si vous n'êtes pas satisfait.


VOUS AVEZ D'AUTRES QUESTIONS ?

Veuillez consulter notre article Foire aux questions pour plus d'informations
sur Lorex, nos produits, notre technologie ou nos applications de visualisation
à distance.

Apprendre encore plus


Langue
Français arrow bottom
triangle borderless
Langue close
 * Français
 * English

 * youtube
 * facebook
 * x
 * instagram

 * youtube
 * facebook
 * x
 * instagram



Les produits Lorex sont conçus uniquement pour un usage grand public et
professionnel et non pour les gouvernements fédéraux américains, les projets
financés par le gouvernement fédéral ou les entrepreneurs soumis à la NDAA.

© 2024 Lorex Corporation

American Express Diners Club Discover JCB Klarna Maestro Mastercard PayPal Union
Pay Venmo Visa
×

Vous quittez maintenant Lorex.com. Souhaitez-vous continuer sur le site Web For
Business de Lorex ?

Continue Cancel
 * S'ouvre dans une nouvelle fenêtre.


×







PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

TARGETING COOKIES

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Back Button Performance Cookies



Vendor Search Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Reject All Confirm My Choices


By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.

We understand that privacy is important to you. Your privacy is important to us
too. We recently made changes to our Privacy Policy to make it easier for you to
understand how we handle your personal information.

You can review our Privacy Policy here.



Cookies Settings Reject All Accept All Cookies