@coopdigital/component-card--product
Version:
Co-op Components: Card - product
20 lines (19 loc) • 1.85 kB
HTML
<article class="coop-c-card coop-c-card--product coop-c-card--alcohol coop-l-flex__item">
<a href="/products/gordons-pink-gin-817029" class="coop-c-card__link coop-l-flex__item" data-contenttype="Card|Product" data-linktext="Gordon's Premium Pink Gin 70cl">
<div class="coop-c-card__image">
<picture>
<source
srcset="//images.ctfassets.net/6jpeaipefazr/61if0aSq2WoqUo6cQsC0Sm/232f6b8924d90a68f9efb8e7db8df16e/gordons-pink-gin-817029.jpg?fm=webp&q=60&w=300&h=300&fit=pad 1x,
//images.ctfassets.net/6jpeaipefazr/61if0aSq2WoqUo6cQsC0Sm/232f6b8924d90a68f9efb8e7db8df16e/gordons-pink-gin-817029.jpg?fm=webp&q=60&w=600&h=600&fit=pad 2x" type="image/webp">
<img
srcset="//images.ctfassets.net/6jpeaipefazr/61if0aSq2WoqUo6cQsC0Sm/232f6b8924d90a68f9efb8e7db8df16e/gordons-pink-gin-817029.jpg?fm=jpg&fl=progressive&q=60&w=300&h=300&fit=pad 1x,
//images.ctfassets.net/6jpeaipefazr/61if0aSq2WoqUo6cQsC0Sm/232f6b8924d90a68f9efb8e7db8df16e/gordons-pink-gin-817029.jpg?fm=jpg&fl=progressive&q=60&w=600&h=600&fit=pad 2x"
src="//images.ctfassets.net/6jpeaipefazr/61if0aSq2WoqUo6cQsC0Sm/232f6b8924d90a68f9efb8e7db8df16e/gordons-pink-gin-817029.jpg?fm=jpg&fl=progressive&q=60&w=300&h=300&fit=pad" alt="Gordon's Premium Pink Gin 70cl" title="Gordon's Premium Pink Gin 70cl" type="image/jpeg">
</picture>
</div>
<div class="coop-c-card__content coop-l-flex__item">
<h3 class="coop-c-card__title">Gordon's Premium Pink Gin 70cl </h3>
<p class="coop-c-card__price">£18.50</p>
</div>
</a>
</article>