Carousel + Lazy Load + lightbox

Tuiles produits avec hover images produit + lazy loading + picture responsive

CSS / Javascript

<style>
  .outer-line.extend-click.product-view {
    /* surcharge des blocs outer-line extend-click */
    padding: 0.25rem;
  }
  
  @media (any-hover: none) {
    .product-view figure[data-view=secondary] {
      display: none;
    }
  }
  
  @media (any-hover: hover) {
  
    .product-view figure {
      -webkit-transition: opacity .2s ease;
      -moz-transition: opacity .2s ease;
      -ms-transition: opacity .2s ease;
      transition: opacity .2s ease;
    }
    
    .product-view figure[data-view=secondary] {
      opacity: 0;
    }
    
    .product-view:hover, .product-view:hover a {
      text-decoration: none !important;
      color: var(--green) !important;
    }
    
    .product-view:hover figure[data-view=secondary] {
      opacity: 1;
    }
    
    .product-view:hover figure[data-view=primary] {
      opacity: 0;
    }
  }
</style>

à partir de 197 €

Mi non odio sed

à partir de 107 €

Mauris amet orci duis enim mauris semper

à partir de 160 €

Aliquam magna sed lectus mauris lectus

à partir de 44 €

Convallis mi mauris felis in leo et

à partir de 109 €

Dolor praesent dui erat amet diam ante massa egestas

à partir de 93 €

Diam a est lacus

à partir de 96 €

Suscipit mauris cursus felis blandit dolor enim

à partir de 49 €

Suspendisse vestibulum mi mauris diam pulvinar posuere tincidunt

à partir de 151 €

Eu maecenas et pellentesque turpis justo duis justo aliquet

à partir de 143 €

Bibendum ligula justo cubilia podo metus

à partir de 60 €

Fermentum lectus congue porttitor vel augue at ac

à partir de 169 €

Aliquam leo nulla varius in arcu

à partir de 38 €

Libero luctus maecenas dolor felis amet

à partir de 18 €

Nec sapien ut egestas fusce nec mi

à partir de 78 €

Mi pellentesque convallis nulla non integer in egestas purus

à partir de 199 €

Justo vestibulum aliquam non lectus

à partir de 170 €

Ipsum sed arcu scelerisque enim metus purus

à partir de 134 €

Sed amet felis suspendisse blandit non fermentum mi pellentesque

à partir de 29 €

Pellentesque aenean sed augue ullamcorper tincidunt sapien enim

à partir de 167 €

Amet libero tortor aliquam sapien

à partir de 154 €

Ipsum amet suspendisse lobortis quis

à partir de 107 €

Orci vehicula nisl aenean risus

à partir de 162 €

Massa in sem nisl dolor massa elit curabitur risus

à partir de 82 €

Posuere massa libero aliquam curabitur aenean sed

à partir de 147 €

Massa lectus sed blandit sed

à partir de 64 €

Semper massa leo suspendisse in

à partir de 166 €

Quam et sodales et praesent diam

à partir de 186 €

Feugiat lorem ligula tincidunt ultricies risus egestas pellentesque

à partir de 89 €

Aliquam aliquam sodales id tortor justo euismod lorem lectus

à partir de 59 €

à partir de 142 €

Ligula augue ultrices hendrerit porttitor ornare ipsum mauris elit

à partir de 184 €

At sed erat et varius augue

à partir de 187 €

Purus massa non et id

à partir de 37 €

Erat luctus id nisl a tortor aliquam pellentesque

à partir de 41 €

Poda pellentesque lacus

à partir de 144 €

Ligula adipiscing arcu aliquam enim curae id sollicitudin diam

Droits réservés 2006-2021 Kortic - Anthony Ladeuil Dépôt ISSN 2610-1297

2021-01-19

Is it really important to print a web page?
Please save a tree and save a polluting ink.
Thank you…