Default

A simple example of offering QuickView, full working example is in customer care

HTML

<div class="c-offeringQuickView c-form c-generalForm"
    style="width: 650px;"
    ng-controller="OfferingQuickViewExampleController as ctrl">
    <div class="l-grid l-grid--withGutter">
        <div class="l-grid-cell u-size1of3">
            <product-image
                class="c-offeringQuickView-productImage"
                alt-text="'hello'"
                image-url="''"
                width="170">
            </product-image>
        </div>
        <div class="l-grid-cell u-size2of3">
            <div class="c-offeringQuickView-offerTitle">Beautiful Offer</div>
            <div class="u-flex">
                <div class="c-offeringQuickView-price c-cartPrice-price is-updated">$100</div>
                <div class="c-offeringQuickView-price c-cartPrice-price">$50</div>
            </div>

            <div class="c-offeringQuickView-innerContainer">
                <div class="c-offeringQuickView-description">Eros adipisicing pulvinar, nunc fugiat mollit, illum iure posuere. Sit, sociosqu, congue, perferendis minus elementum debitis? Adipisicing risus? Velit augue. Ante! Venenatis? Ipsa cupiditate sapiente ipsa! Habitant consequat, alias iusto consequuntur mattis, reprehenderit porro quae, purus assumenda condimentum mollit curabitur? Ipsum dolorum rem integer? Eleifend tempus similique consectetuer! Atque. Nemo congue tellus, porta metus, nihil mollis, wisi maecenas. Nostrud maecenas? Quis doloremque feugiat massa voluptates volutpat, eiusmod proin varius atque nihil? Provident, bibendum cillum, dignissim vulputate lorem ea! Volutpat per, eius hic fermentum consequat, feugiat, habitant parturient! Habitant inventore optio voluptas molestiae mollit atque asperiores aspernatur! Enim sollicitudin quod enim.</div>
            </div>
        </div>
    </div>
</div>