Files
wc-bootstrap/templates/loop/orderby.html.twig

41 lines
1.3 KiB
Twig
Raw Permalink Normal View History

{#
# Catalog Ordering / Sort Dropdown (Bootstrap 5 Override)
#
# Renders the product sort-by dropdown as a Bootstrap 5 form-select.
#
# Expected context:
# catalog_orderby_options - Associative array of { value: label } sort options
# orderby - Currently selected orderby value
# use_label - Whether to display a label (boolean)
#
# WooCommerce PHP equivalent: loop/orderby.php
#
# @package WcBootstrap
# @since 0.1.0
#}
<form class="woocommerce-ordering d-inline-block" method="get">
{% if use_label is defined and use_label %}
<label for="woocommerce-orderby" class="form-label visually-hidden">
{{ __('Sort by') }}
</label>
{% endif %}
<select name="orderby"
id="woocommerce-orderby"
class="form-select form-select-sm"
aria-label="{{ __('Shop order') }}"
onchange="this.form.submit()">
{% if catalog_orderby_options is defined %}
{% for value, label in catalog_orderby_options %}
<option value="{{ value|esc_attr }}"{% if value == orderby %} selected{% endif %}>
{{ label|esc_html }}
</option>
{% endfor %}
{% endif %}
</select>
<input type="hidden" name="paged" value="1" />
{{ wc_query_string_form_fields() }}
</form>