upgrade-message.php in Tiered Pricing Table for WooCommerce 2.0.2, at views/admin/upgrade-message.php
| 1 | <?php if ( ! defined( 'ABSPATH' ) ) { |
| 2 | exit; |
| 3 | } |
| 4 | /** |
| 5 | * @var string $upgradeLink |
| 6 | */ |
| 7 | ?> |
| 8 | <style> |
| 9 | .tpt-upgrade-message { |
| 10 | display: flex; |
| 11 | flex-wrap: wrap; |
| 12 | padding: 5px 10px; |
| 13 | margin: 20px 0; |
| 14 | background: #fff; |
| 15 | box-shadow: 0 5px 10px rgba(61, 76, 83, 0.15); |
| 16 | color: #3D4C53; |
| 17 | border: 1px solid rgba(61, 76, 83, 0.26); |
| 18 | } |
| 19 | |
| 20 | .tpt-upgrade-message__icon { |
| 21 | width: 50px; |
| 22 | fill: #3D4C53; |
| 23 | } |
| 24 | |
| 25 | .tpt-upgrade-message__text { |
| 26 | font-size: 15px; |
| 27 | line-height: 50px; |
| 28 | font-weight: bold; |
| 29 | margin: 0 0 0 10px; |
| 30 | } |
| 31 | |
| 32 | .tpt-upgrade-message__button { |
| 33 | margin-left: auto; |
| 34 | line-height: 55px; |
| 35 | } |
| 36 | |
| 37 | .tpt-upgrade-message__button a { |
| 38 | text-decoration: none; |
| 39 | font-weight: bold; |
| 40 | padding: 10px 20px; |
| 41 | color: #fff; |
| 42 | background: #3D4C53; |
| 43 | } |
| 44 | |
| 45 | .tpt-upgrade-message__button a:hover { |
| 46 | background-color: #4a5b63; |
| 47 | } |
| 48 | |
| 49 | .tpt-premium-wrapper { |
| 50 | top: 40%; |
| 51 | left: 26%; |
| 52 | position: absolute; |
| 53 | } |
| 54 | |
| 55 | .tpt-premium-wrapper__text { |
| 56 | transform: translateX(-50%); |
| 57 | font-size: 32px; |
| 58 | color: #ec3d3d; |
| 59 | font-weight: bold; |
| 60 | } |
| 61 | |
| 62 | @media (max-width: 1080px) { |
| 63 | .tpt-upgrade-message__text { |
| 64 | font-size: 13px; |
| 65 | } |
| 66 | } |
| 67 | |
| 68 | @media (max-width: 1000px) { |
| 69 | .tpt-upgrade-message__icon { |
| 70 | display: none; |
| 71 | } |
| 72 | } |
| 73 | |
| 74 | @media (max-width: 820px) { |
| 75 | .tpt-upgrade-message__icon { |
| 76 | display: block; |
| 77 | margin: 0 auto; |
| 78 | margin-bottom: 10px; |
| 79 | } |
| 80 | |
| 81 | .tpt-upgrade-message__button { |
| 82 | flex: 1 0 100%; |
| 83 | } |
| 84 | |
| 85 | .tpt-upgrade-message__text { |
| 86 | font-size: 15px; |
| 87 | margin-bottom: 10px; |
| 88 | flex: 1 0 100%; |
| 89 | line-height: 1; |
| 90 | } |
| 91 | |
| 92 | .tpt-upgrade-message { |
| 93 | text-align: center; |
| 94 | } |
| 95 | |
| 96 | .tpt-premium-wrapper__text { |
| 97 | transform: translateX(0); |
| 98 | } |
| 99 | } |
| 100 | |
| 101 | </style> |
| 102 | |
| 103 | <div class="tpt-upgrade-message"> |
| 104 | |
| 105 | <div class="tpt-upgrade-message__icon"> |
| 106 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 107 | <path d="M422.063,296.9l-1.206.651c-9.432-10.647-25.1-14.621-37.122-8.529l-.155.081-4.377,2.358a41,41,0,0,0-46.189-3.594L305.271,303h-37a52.579,52.579,0,0,1-22.742-5.256l-5.138-2.507a89.564,89.564,0,0,0-93.215,9.092c-.153.115-.3.231-.445.359l-12.407,11.043a41.631,41.631,0,0,1-14.359,8.338l-6.636-21.938a7.158,7.158,0,0,0-6.7-5.131h-60a7.277,7.277,0,0,0-6.949,8.105l20,163.871A6.888,6.888,0,0,0,66.634,475h90a6.761,6.761,0,0,0,6.7-8.784l-11.514-37.723,35.876-22.658a20.76,20.76,0,0,1,15.1-1.928c.145.036.291.073.438.1l74.909,13.8a98.343,98.343,0,0,0,60.776-8.579,7.123,7.123,0,0,0,.856-.5l129.557-88.955a7,7,0,0,0,2.035-9.381A36.972,36.972,0,0,0,422.063,296.9Zm-31.929,4.575c5.679-2.836,12.7-.929,17.744,3.078l-47.324,25.531-1.465.772a44.009,44.009,0,0,0-5.364-9.763Zm-50.353-1.4c.056-.031.111-.061.166-.094a26.992,26.992,0,0,1,25.212-.956l-21.9,11.8a43.9,43.9,0,0,0-12.24-5.985ZM72.832,461,54.539,311h46.91l45.732,150Zm259.434-64.106a84.265,84.265,0,0,1-51.611,7.14l-74.679-13.751a34.719,34.719,0,0,0-25.271,3.439c-.11.061-.218.126-.324.193l-32.8,20.735-23.53-77.179a55.656,55.656,0,0,0,19.582-11.286l12.186-10.851a75.621,75.621,0,0,1,78.476-7.516l5.138,2.53A66.67,66.67,0,0,0,268.272,317H318.1a30.062,30.062,0,0,1,29.134,22.639l-34.274-1.573a217.636,217.636,0,0,0-39.562,1.815,7,7,0,1,0,1.919,13.86,203.514,203.514,0,0,1,37.011-1.711l42.5,1.923c.106.005.211.007.317.007a7,7,0,0,0,7-7c0-.625-.021-1.244-.047-1.863l5.04-2.657,61.57-33.216a22.993,22.993,0,0,1,26.482,3.267Z"/> |
| 108 | <path d="M87.918,439.648a19,19,0,1,0,19-19A19.022,19.022,0,0,0,87.918,439.648Zm19-5a5,5,0,1,1-5,5A5.006,5.006,0,0,1,106.918,434.648Z"/> |
| 109 | <path d="M252.426,286.172a7.1,7.1,0,0,0,7.055,0l105.861-61.027A7.15,7.15,0,0,0,369,219.083V97.028a7.14,7.14,0,0,0-3.648-6.062L259.574,29.938a7.066,7.066,0,0,0-7.037,0L146.667,90.966A7.159,7.159,0,0,0,143,97.028V219.083a7.14,7.14,0,0,0,3.648,6.062ZM355,215.042l-92,52.944v-105.9l92-52.945ZM347.7,97.024,256,149.964l-39.888-23.03,91.7-52.94ZM256,44.083l37.808,21.828-91.7,52.941L164.3,97.024Zm-99,65.06,92,52.945v105.9l-92-52.944Z"/> |
| 110 | </svg> |
| 111 | </div> |
| 112 | |
| 113 | <div class="tpt-upgrade-message__text"> |
| 114 | <span><?php _e( 'You are using the free version of plugin. Update to premium version to get all features.', |
| 115 | 'tier-pricing-table' ); ?></span> |
| 116 | </div> |
| 117 | |
| 118 | <div class="tpt-upgrade-message__button"> |
| 119 | <a href="<?php echo $upgradeLink; ?>"><?php _e( 'Upgrade to Premium!', 'tier-pricing-table' ); ?></a> |
| 120 | </div> |
| 121 | </div> |
| 122 | |
| 123 | <script> |
| 124 | jQuery(document).ready(function () { |
| 125 | jQuery('[data-tiered-pricing-premium-setting]').closest('table') |
| 126 | .css('pointer-events', 'none') |
| 127 | .css('position', 'relative') |
| 128 | .append('<div class="tpt-premium-wrapper" ><p class="tpt-premium-wrapper__text"><?php _e( 'Only in premium version', |
| 129 | 'tier-pricing-table' ); ?></p></div>') |
| 130 | .find('tbody') |
| 131 | .css('opacity', '0.7'); |
| 132 | }); |
| 133 | </script> |