{% block rcp_recipe_card %}
<article class="card product-box box-standard">
<div class="card-body">
<div class="product-image-wrapper">
<a href="{{ seoUrl('rcp.frontend.recipe', { slug: item.translated.slug }) }}"
title="{{ item.translated.name }}"
class="product-image-link is-standard">
{% if item.coverId %}
{% sw_thumbnails 'recipe-image-thumbnails' with {
media: item.cover,
sizes: {
"xs" : "500px",
"sm" : "315px",
"md" : "390px",
"lg" : "350px",
"xl" : "200px",
},
attributes: {
'class': 'img-fluid recipe-img-thumbnail',
'alt': (item.cover.translated.alt ?: item.translated.name),
'title': (item.translated.name ?: '')
}
} %}
{% else %}
<div class="product-image-placeholder">
{% sw_icon 'placeholder' style {
'size': 'fluid'
} %}
</div>
{% endif %}
</a>
</div>
<div class="product-info">
<a href="{{ seoUrl('rcp.frontend.recipe', { slug: item.translated.slug }) }}"
class="product-name"
title="{{ item.translated.name }}">
{{ item.translated.name }}
</a>
<div class="product-variant-characteristics">
<div class="product-variant-characteristics-text">
{% if item.preparationTime %}
{{ "time"|trans }}:
<span class="product-variant-characteristics-option">
{{ item.preparationTime }} {{ "minutes"|trans }}
</span>
{% endif %}
{% if item.preparationTime and item.difficulty.translated.name %} | {% endif %}
{% if item.difficulty.translated.name %}
{{ "difficulty"|trans }}:
<span class="product-variant-characteristics-option">
{{ item.difficulty.translated.name }}
</span>
{% endif %}
</div>
</div>
</div>
</div>
</article>
{% endblock %}