Lista Prodotti
Interventi effettuati nel caricamento dei dati dei prodotti con il servizio "Shop the Look":
- Recupero dei dati (nome e prezzo): Il servizio **Shop the Look** recupera dinamicamente il **nome** e il **prezzo** dei prodotti.
- Template dinamico: I dati del prodotto vengono inseriti in un **template HTML dinamico** che viene aggiunto al DOM per ogni prodotto.
- Gestione dei prezzi: Viene visualizzato il prezzo originale barrato, se il prodotto รจ in saldo, e il prezzo scontato.
- Wishlist: Generazione tramite template javascript passando partnumber e catentry-id
Products list
Classes:
- product-list-r23--gallery-preview: not hoverable and every image on hover show a gallery with max 4 images
- product-list-r23__item__view--visible: added class to "view product" button to show it on hover (desktop and small desktop only, always visible on mobile)
- product-list-r23__item__wishlist--added: added class to the full heart icon when product is added to the wishlist
- product-list-r23__title: title
- product-list-r23__price--discount: gray strikethrough price
Products list with title and discount
Products list with Load more button
Classes:
- product-list-r23__img--hoverable: changes image on hover
- product-list-r23__item__view--visible: added class to "view product" button to show it on hover (desktop and small desktop only, always visible on mobile)
- product-list-r23__item__wishlist--added: added class to the full heart icon when product is added to the wishlist
Products list with horizontal scroll
Classes:
- product-list-r23__img--hoverable: changes image on hover
- product-list-r23__item__wishlist--visible: added class to "add to wishlist" button's container to show it on hover (desktop and small desktop only, always visible on mobile)
- grid-r23__product-wishlist--hidden: hides the "add to wishlist/ added to wishlist"
- grid-r23__product-wishlist--added: blue "added to wishlist" when a product is in the wishlist, once added it doesn't show/hide on hover anymore (unless it is removed from the wishlist)
Products list with 3 column
Classes:
- product-list-r23__item with 3 products
- product-list-r23__item__wishlist--visible: added class to "add to wishlist" button's container to show it on hover (desktop and small desktop only, always visible on mobile)
- grid-r23__product-wishlist--hidden: hides the "add to wishlist/ added to wishlist"
- grid-r23__product-wishlist--added: blue "added to wishlist" when a product is in the wishlist, once added it doesn't show/hide on hover anymore (unless it is removed from the wishlist)
Products list with 6 column
Classes:
- product-list-r23__item with 6 products
- product-list-r23__item__wishlist--visible: added class to "add to wishlist" button's container to show it on hover (desktop and small desktop only, always visible on mobile)
- grid-r23__product-wishlist--hidden: hides the "add to wishlist/ added to wishlist"
- grid-r23__product-wishlist--added: blue "added to wishlist" when a product is in the wishlist, once added it doesn't show/hide on hover anymore (unless it is removed from the wishlist)