Tile: With Add To Wishlist And Add To Cart And With Price With Rrp Label With Unit

<article class="tile" data-location="/some-location/">
    <div class="tile__row">
        <div class="tile__column">
            <h3 class="tile__title">
                <a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
            </h3>
            <div class="tile__attributes">
                <div class="attributes--small">
                    <ul class="attributes__list">
                        <li class="attributes__list-item">
                            <div class="attributes__name">Artikelnr.</div>
                            <div class="attributes__value " title="8547625">
                                8547625
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">Kategorie</div>
                            <div class="attributes__value has-single-line-ellipsis" title="Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie">
                                <a class="attributes__attribute-link" href="#" title="Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie">Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie</a>
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">Grösse</div>
                            <div class="attributes__value " title="XXL">
                                XXL
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">fréquence d'horloge du processeur</div>
                            <div class="attributes__value " title="1,6 GHz">
                                1,6 GHz
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">fréquence d'horloge du processeur</div>
                            <div class="attributes__value " title="fréquence d'horloge du processeur fréquence d'horloge du processeur fréquence d'horloge du processeur">
                                fréquence d'horloge du processeur fréquence d'horloge du processeur fréquence d'horloge du processeur
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tile__price-actions-container">
                <div class="tile__price">

                    <div class="price--regular">

                        <div class="price__row">
                            <div class="price__column--regular-price">
                                <div class="price-regular">
                                    <div class="price-regular__current--wrap">
                                        <div class="price-regular__current-price-inner">
                                            <div class="price-regular__current-prefix--rrp">UVP</div>
                                            <div class="price-regular__current-currency">CHF</div>
                                        </div>
                                        <div class="price-regular__current-price-inner">
                                            <div class="price-regular__current-value">999.90</div>
                                            <div class="price-regular__current-unit">Stück</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="tile__actions-container">

                    <form class="wishlist-cart-actions">
                        <div class="wishlist-cart-actions__quantity-wrapper">
                            <div class="quantity-switcher--light">
                                <button type="button" class="quantity-switcher__minus">
                                    <span class="quantity-switcher__minus-content">–</span>
                                </button>
                                <input class="quantity-switcher__quantity" type="number" id="quantity-510093115" min="1" max="99" name="qty" value="5" required />
                                <label class="visually-hidden" for="quantity-510093115">Quantity</label>
                                <input type="hidden" name="productId" value="abcdefghijk-123" />
                                <button type="button" class="quantity-switcher__plus">
                                    <span class="quantity-switcher__plus-content">+</span>
                                </button>
                            </div>
                        </div>
                        <div class="wishlist-cart-actions__button-add-to-cart-wrapper">
                            <button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
                                    <span class="visually-hidden">In den Warenkorb</span>
                                    <span class="wishlist-cart-actions__button-icon"></span>
                                </span>
                            </button>
                        </div>
                        <div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
                            <button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
                                <span class="visually-hidden">Zur Merklist hinzufügen</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="tile__column">
            <a href="/some-location/" class="tile__link">
                <div class="image ">
                    <picture>
                        <img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
                    </picture>
                </div>

            </a>

            <div class="tile__logo">
                <div class="logos">
                    <div class="image ">
                        <picture>
                            <img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
                        </picture>
                    </div>

                </div>
            </div>
            <div class="tile__specials">
                <div class="specials">

                    <div class="specials--medium-vertically  ">
                        <button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
                            <span class="visually-hidden">New</span>
                            <span class="image ">
                                <picture>
                                    <img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </span>

                        </button>
                        <button type="button" class="specials__toggle" data-info-tooltip-content="Kauftipp" style="background-color: #44a0d9;">
                            <span class="visually-hidden">Kauftipp</span>
                            <span class="image ">
                                <picture>
                                    <img src="/example-assets/images/specials/tip.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </span>

                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</article>