You've already forked wc-bootstrap
Initial theme scaffold from wp-theme-template
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
36
templates/components/card.html.twig
Normal file
36
templates/components/card.html.twig
Normal file
@@ -0,0 +1,36 @@
|
||||
{#
|
||||
# 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>
|
||||
49
templates/components/pagination.html.twig
Normal file
49
templates/components/pagination.html.twig
Normal file
@@ -0,0 +1,49 @@
|
||||
{#
|
||||
# Pagination Component (Bootstrap 5)
|
||||
#
|
||||
# Renders pagination navigation for search/archive pages.
|
||||
#
|
||||
# Expected context:
|
||||
# current_page - Current page number (1-based)
|
||||
# max_pages - Total number of pages
|
||||
#
|
||||
# @package WcBootstrap
|
||||
# @since 0.1.0
|
||||
#}
|
||||
|
||||
{% if max_pages is defined and max_pages > 1 %}
|
||||
<nav aria-label="{{ __('Page navigation') }}" class="mt-4">
|
||||
<ul class="pagination justify-content-center">
|
||||
{# Previous button #}
|
||||
<li class="page-item{% if current_page <= 1 %} disabled{% endif %}">
|
||||
<a class="page-link" href="?page={{ current_page - 1 }}" aria-label="{{ __('Previous') }}">
|
||||
<span aria-hidden="true">«</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{# Page numbers #}
|
||||
{% for i in 1..max_pages %}
|
||||
{% if i == current_page %}
|
||||
<li class="page-item active" aria-current="page">
|
||||
<span class="page-link">{{ i }}</span>
|
||||
</li>
|
||||
{% elseif i == 1 or i == max_pages or (i >= current_page - 2 and i <= current_page + 2) %}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="?page={{ i }}">{{ i }}</a>
|
||||
</li>
|
||||
{% elseif i == current_page - 3 or i == current_page + 3 %}
|
||||
<li class="page-item disabled">
|
||||
<span class="page-link">…</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{# Next button #}
|
||||
<li class="page-item{% if current_page >= max_pages %} disabled{% endif %}">
|
||||
<a class="page-link" href="?page={{ current_page + 1 }}" aria-label="{{ __('Next') }}">
|
||||
<span aria-hidden="true">»</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
Reference in New Issue
Block a user