You've already forked wc-bootstrap
magdev
00872a6568
Replace WooCommerce's default shop/category page rendering with a Bootstrap 5 card grid layout featuring responsive columns, sale badges, star ratings, and an offcanvas sidebar for filters on mobile. Key implementation details: - Bypass parent theme's TemplateController for product archives via wp_bootstrap_should_render_template filter, render at template_redirect priority 11 using the same page shell injection pattern as plugin pages - Add archive-product.php (Bootstrap layout with optional sidebar) and content-product.php (PHP bridge for wc_get_template_part interception) - Inject global $product into Twig context in TemplateOverride to fix empty price/add-to-cart/rating/sale-flash in loop sub-templates — Twig has isolated variable scopes and cannot access PHP globals directly - Fix pagination URLs: use get_pagenum_link() instead of ?page= query param (WordPress uses 'paged' for archive pagination, not 'page') - Fix double-escaped – in result count by adding |raw filter - Reset WooCommerce float-based layout CSS (woocommerce-layout.css) for shop pages to prevent conflicts with Bootstrap flex grid - Register shop-sidebar widget area with Bootstrap-styled markup Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
50 lines
2.0 KiB
Twig
50 lines
2.0 KiB
Twig
{#
|
|
# 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="{{ fn('get_pagenum_link', current_page > 1 ? current_page - 1 : 1)|esc_url }}" 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="{{ fn('get_pagenum_link', i)|esc_url }}">{{ 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="{{ fn('get_pagenum_link', current_page + 1)|esc_url }}" aria-label="{{ __('Next') }}">
|
|
<span aria-hidden="true">»</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
{% endif %}
|