You've already forked wc-bootstrap
37 lines
1.0 KiB
Twig
37 lines
1.0 KiB
Twig
{#
|
|
# Card Component (Bootstrap 5)
|
|
#
|
|
# Reusable card component for list/grid display.
|
|
#
|
|
# Expected context:
|
|
# post.title - Card title
|
|
# post.permalink - Card link URL
|
|
# post.excerpt - Card description text
|
|
# post.thumbnail - Optional thumbnail URL
|
|
#
|
|
# @package WcBootstrap
|
|
# @since 0.1.0
|
|
#}
|
|
|
|
<article class="card h-100 shadow-sm">
|
|
{% if post.thumbnail is defined and post.thumbnail %}
|
|
<img src="{{ post.thumbnail|esc_url }}" class="card-img-top" alt="{{ post.title|esc_attr }}">
|
|
{% endif %}
|
|
|
|
<div class="card-body">
|
|
<h3 class="card-title h5">
|
|
<a href="{{ post.permalink|esc_url }}" class="stretched-link text-decoration-none">
|
|
{{ post.title|esc_html }}
|
|
</a>
|
|
</h3>
|
|
|
|
{% if post.excerpt is defined and post.excerpt %}
|
|
<p class="card-text text-body-secondary">{{ post.excerpt|wp_kses_post }}</p>
|
|
{% endif %}
|
|
|
|
{% block card_meta %}{% endblock %}
|
|
</div>
|
|
|
|
{% block card_footer %}{% endblock %}
|
|
</article>
|