← All changes
|
src/Addons/CustomColumns/Admin/CustomColumnsAdmin.php
+10
-8
6.4.0
→
8.0.2
View file →
| @@ -13,12 +13,14 @@ | ||
| 13 | 13 | return; |
| 14 | 14 | } |
| 15 | 15 | ?> |
| 16 | 16 | <div style="height:0; width:100%"></div> |
| 17 | - <div style="margin-top: 15px; padding: 15px; background: #f9f9f9; border-left: 4px solid #2271b1; border-radius: 4px; max-width: 575px;"> | |
| 18 | - <p style="margin-top: 0; margin-bottom: 5px;"><strong><?php esc_html_e( 'Need more data?', 'tier-pricing-table' ); ?></strong></p> | |
| 19 | - <p style="margin-bottom: 15px; font-size: 13px; color: #646970;"><?php esc_html_e( 'Create custom columns to display extra information like discounts or shipping times alongside your pricing tiers.', 'tier-pricing-table' ); ?></p> | |
| 20 | - <button type="button" id="tpt-toggle-custom-columns" class="button button-primary" style="display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 14px 4px 10px; font-weight: 600;"> | |
| 17 | + <div id="tpt-custom-columns-promo-block" style="margin-top: 10px; padding: 10px 15px; background: #f9f9f9; border-left: 4px solid #2271b1; border-radius: 4px; max-width: 975px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 15px;"> | |
| 18 | + <div> | |
| 19 | + <p style="margin: 0 0 4px 0;"><strong><?php esc_html_e( 'Show More Info Next to Prices?', 'tier-pricing-table' ); ?></strong></p> | |
| 20 | + <p style="margin: 0; font-size: 13px; color: #646970; line-height: 1.4;"><?php esc_html_e( 'Create additional columns to show exactly how much your customers save, total prices, or per-unit costs alongside each tier.', 'tier-pricing-table' ); ?></p> | |
| 21 | + </div> | |
| 22 | + <button type="button" id="tpt-toggle-custom-columns" class="button button-primary" style="display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 14px 4px 10px; font-weight: 600; white-space: nowrap; flex-shrink: 0;"> | |
| 21 | 23 | <span class="dashicons dashicons-plus" style=" margin-top: 4px; display: flex; align-items: center;"></span> |
| 22 | 24 | <?php esc_html_e( 'Add Custom Columns', 'tier-pricing-table' ); ?> |
| 23 | 25 | </button> |
| 24 | 26 | </div> |
| @@ -25,17 +27,17 @@ | ||
| 25 | 27 | <script> |
| 26 | 28 | document.addEventListener('DOMContentLoaded', function() { |
| 27 | 29 | var toggleBtn = document.getElementById('tpt-toggle-custom-columns'); |
| 28 | 30 | var customColumnsDiv = document.getElementById('tiered-pricing__feature__custom-columns'); |
| 31 | + var promoBlock = document.getElementById('tpt-custom-columns-promo-block'); | |
| 29 | 32 | if (toggleBtn && customColumnsDiv) { |
| 30 | 33 | customColumnsDiv.style.display = 'none'; |
| 31 | 34 | toggleBtn.addEventListener('click', function(e) { |
| 32 | 35 | e.preventDefault(); |
| 33 | - if (customColumnsDiv.style.display === 'none') { | |
| 34 | - customColumnsDiv.style.display = 'block'; | |
| 35 | - } else { | |
| 36 | - customColumnsDiv.style.display = 'none'; | |
| 36 | + if (promoBlock) { | |
| 37 | + promoBlock.style.display = 'none'; | |
| 37 | 38 | } |
| 39 | + customColumnsDiv.style.display = 'block'; | |
| 38 | 40 | }); |
| 39 | 41 | } |
| 40 | 42 | }); |
| 41 | 43 | </script> |