{%- from "template/macro.html" import card -%}

wc-card Demo

Card component - Portrait, landscape and switcher

Portrait

{{- card(article, card_type='portrait', brand='glamour', image_sources=[('landscape')]) -}}

{{- card(article, card_type='portrait', brand='glamour', image_sources=[('portrait')]) -}}

{{- card(article, card_type='portrait', brand='glamour', image_sources=[('square')]) -}}

Landscape

{{- card(article, card_type='landscape', brand='glamour', image_sources=[('landscape')]) -}}

{{- card(article, card_type='landscape', brand='glamour', image_sources=[('portrait')]) -}}

{{- card(article, card_type='landscape', brand='glamour', image_sources=[('square')]) -}}

Switcher

{{- card(article, card_type='switcher', brand='glamour', image_sources=[('square')]) -}}

{{- card(article, card_type='switcher', brand='glamour', image_sources=[('square'), (700, 'landscape')]) -}}

{{- card(article, card_type='switcher', brand='glamour', image_sources=[('square'), (700, 'portrait')]) -}}

Inline - Light

{{- card(article, card_type='inline', brand='glamour', image_sources=[('square',)]) -}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi itaque corrupti quos alias, saepe exercitationem, voluptates amet suscipit facere. Nihil deserunt ipsam, aliquam, eos recusandae aut neque quod architecto delectus.

Quia nisi id atque quae impedit optio corporis esse nesciunt voluptatibus, illo officia deserunt quibusdam totam voluptas saepe nihil dolor consectetur vitae illum, ullam, repellat vel cupiditate? Quas, dolorum, saepe.

Architecto, et. Possimus tempora omnis facere. Perspiciatis, qui totam temporibus error amet voluptate, ea praesentium sit distinctio magnam debitis tenetur quasi magni autem quo saepe dolorem! Facere dicta, est unde.

Temporibus tenetur voluptatum iure, esse, deserunt eligendi delectus repudiandae repellendus doloremque, cum ea odit nobis tempore itaque odio id quasi, ut doloribus deleniti ex! Culpa autem qui perferendis ducimus cum.

Voluptates reiciendis sint optio exercitationem. Nihil maxime libero fugiat quae, dolorum necessitatibus culpa illo repellendus temporibus earum ea cum distinctio repellat similique! Suscipit, vel, explicabo eveniet est voluptatum dolor. Excepturi.

Repellat minus alias, esse veritatis perferendis, ipsa eos ab mollitia quod qui maiores. Architecto voluptatum facilis molestiae, error? Quisquam nam architecto sed eos mollitia, dignissimos tempore provident qui temporibus. Illum.

Thumbnail

{{- card(article, card_type='thumbnail', brand='glamour', image_gallery_order=[0, 1, 2], image_sources=[('square')]) -}}