# tier-pricing-table/2.1.1/views/admin/upgrade-message.php

Tiered Pricing Table for WooCommerce, version 2.1.1. 133 lines.

- Page: https://pluginprobe.com/plugins/tier-pricing-table/2.1.1/code/views/admin/upgrade-message.php
- Raw: https://pluginprobe.com/plugins/tier-pricing-table/2.1.1/raw/views/admin/upgrade-message.php
- Modified: 2019-03-26T15:40:10+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/tier-pricing-table/2.1.1/code/views/admin/upgrade-message.php#L10-L20`.

```php
<?php if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/**
 * @var string $upgradeLink
 */
?>
<style>
    .tpt-upgrade-message {
        display: flex;
        flex-wrap: wrap;
        padding: 5px 10px;
        margin: 20px 0;
        background: #fff;
        box-shadow: 0 5px 10px rgba(61, 76, 83, 0.15);
        color: #3D4C53;
        border: 1px solid rgba(61, 76, 83, 0.26);
    }

    .tpt-upgrade-message__icon {
        width: 50px;
        fill: #3D4C53;
    }

    .tpt-upgrade-message__text {
        font-size: 15px;
        line-height: 50px;
        font-weight: bold;
        margin: 0 0 0 10px;
    }

    .tpt-upgrade-message__button {
        margin-left: auto;
        line-height: 55px;
    }

    .tpt-upgrade-message__button a {
        text-decoration: none;
        font-weight: bold;
        padding: 10px 20px;
        color: #fff;
        background: #3D4C53;
    }

    .tpt-upgrade-message__button a:hover {
        background-color: #4a5b63;
    }

    .tpt-premium-wrapper {
        top: 40%;
        left: 26%;
        position: absolute;
    }

    .tpt-premium-wrapper__text {
        transform: translateX(-50%);
        font-size: 32px;
        color: #ec3d3d;
        font-weight: bold;
    }

    @media (max-width: 1080px) {
        .tpt-upgrade-message__text {
            font-size: 13px;
        }
    }

    @media (max-width: 1000px) {
        .tpt-upgrade-message__icon {
            display: none;
        }
    }

    @media (max-width: 820px) {
        .tpt-upgrade-message__icon {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px;
        }

        .tpt-upgrade-message__button {
            flex: 1 0 100%;
        }

        .tpt-upgrade-message__text {
            font-size: 15px;
            margin-bottom: 10px;
            flex: 1 0 100%;
            line-height: 1;
        }

        .tpt-upgrade-message {
            text-align: center;
        }

        .tpt-premium-wrapper__text {
            transform: translateX(0);
        }
    }

</style>

<div class="tpt-upgrade-message">

    <div class="tpt-upgrade-message__icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <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"/>
            <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"/>
            <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"/>
        </svg>
    </div>

    <div class="tpt-upgrade-message__text">
        <span><?php _e( 'You are using the free version of plugin. Update to premium version to get all features.',
				'tier-pricing-table' ); ?></span>
    </div>

    <div class="tpt-upgrade-message__button">
        <a href="<?php echo $upgradeLink; ?>"><?php _e( 'Upgrade to Premium!', 'tier-pricing-table' ); ?></a>
    </div>
</div>

<script>
    jQuery(document).ready(function () {
        jQuery('[data-tiered-pricing-premium-setting]').closest('table')
            .css('pointer-events', 'none')
            .css('position', 'relative')
            .append('<div class="tpt-premium-wrapper" ><p class="tpt-premium-wrapper__text"><?php _e( 'Only in premium version',
				'tier-pricing-table' ); ?></p></div>')
            .find('tbody')
            .css('opacity', '0.7');
    });
</script>
```