Files
wc-tier-and-package-prices/templates/frontend/tier-pricing-table.twig

47 lines
1.8 KiB
Twig
Raw Permalink Normal View History

{#
# Frontend Tier Pricing Table Template
#
# @package WC_Tier_Package_Prices
# @var object product
# @var array tiers
#}
<div class="wc-tpp-tier-pricing-table">
<h3>{{ 'Volume Discounts'|__('wc-tier-package-prices') }}</h3>
<table class="wc-tpp-table">
<thead>
<tr>
<th>{{ 'Quantity'|__('wc-tier-package-prices') }}</th>
<th>{{ 'Price per Unit'|__('wc-tier-package-prices') }}</th>
<th>{{ 'You Save'|__('wc-tier-package-prices') }}</th>
</tr>
</thead>
<tbody>
{% set regular_price = product.get_regular_price() %}
{% for tier in tiers %}
{% set savings = 0 %}
{% set savings_percent = 0 %}
{% if regular_price > 0 %}
{% set savings = regular_price - tier.price %}
{% set savings_percent = (savings / regular_price) * 100 %}
{% endif %}
<tr data-min-qty="{{ tier.min_qty|esc_attr }}" data-price="{{ tier.price|esc_attr }}">
Release version 1.1.7 - Enhanced user experience features Added three new customer-facing features to improve product page interaction and tier pricing functionality. Features: - Optional text labels for tier pricing (similar to package labels) - Clickable tier pricing table rows to auto-populate quantity field - Add to Cart button auto-disables when quantity is 0 or less Enhanced User Experience: - Tier pricing rows now clickable with cursor pointer and hover animation - Clicking tier row sets quantity and smoothly scrolls to quantity field - Add to Cart button shows disabled state with reduced opacity - Tier labels display below quantity in italic gray text Technical Changes: - Added optional 'label' field to tier pricing admin meta box - Updated tier save logic to include label field (sanitized) - Enhanced tier pricing frontend template to display labels - Added click handler for tier pricing rows in frontend.js - Added updateAddToCartButton() function to manage button state - CSS: .wc-tpp-tier-label styling for tier labels - CSS: Clickable cursor and hover transform for tier rows - CSS: Disabled button styling (.single_add_to_cart_button:disabled) Updated Files: - templates/admin/tier-row.twig (added label field) - includes/class-wc-tpp-product-meta.php (save label, template update) - templates/frontend/tier-pricing-table.twig (display labels) - assets/js/frontend.js (tier row clicks, button disable logic) - assets/css/frontend.css (tier label style, clickable rows, disabled button) - wc-tier-and-package-prices.php (version 1.1.7) - composer.json (version 1.1.7) - CHANGELOG.md (v1.1.7 section) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-22 00:15:48 +01:00
<td>
{{ tier.min_qty|esc_html }}+
{% if tier.label is defined and tier.label is not empty %}
<br><small class="wc-tpp-tier-label">{{ tier.label|esc_html }}</small>
{% endif %}
</td>
<td>{{ wc_price(tier.price)|raw }}</td>
<td>
{% if savings > 0 %}
{{ wc_price(savings)|raw }} ({{ savings_percent|round(2) }}%)
{% else %}
-
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>