<div class="wrap wpt_wrap wpt_feature_page ultraaddons">
    <h1 class=""></h1>
    <div class="clear"></div>
    <div id="wpt_features_content" class="">
        <div class="fieldwrap ultraaddons-head">
            <div class="section ultraaddons-feature-panel feature-head">
                <h1 class="">Quick View of Pro features</h1>
            </div>
        </div>
        <div class="main-contents">
            <div class="section ultraaddons-feature-panel even">
                <div class="col col-right has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/awesome-pro-support.png';?>">
                </div>
                <div class="col col-left has-text">
                    <h2>AWESOEM <span>PRO</span> SUPPORT</h2>
                    <p>We have Special Pro Agent for our Pro Customer.</p>

                </div>
            </div>
            <div class="section ultraaddons-feature-panel odd">
                <div class="col col-left has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/contents.jpg';?>">
                </div>
                <div class="col col-right has-text">
                    <h2>Customizable Table using WordPress Classic Editor</h2>
                    <p>From now you can easily design your product table's look with whatever you want.
                        We have added lots of tags to customize your table rows. Here are few of them:</p>
                    <ul>
                        <li><code>%product_id%</code>: Product ID</li>
                        <li><code>%sku%</code>: Product SKU</li>
                        <li><code>%name%</code>: Product Title</li>
                        <li><code>%excerpt%</code>: Short Description</li>
                    </ul>
                    <p>Example: <strong>[favorite_button post_id="%product_id%" title="%name%"]</strong><br />To see all the supported shortcodes <a href="https://wooproducttable.com/supported-attributes-of-shortcode-and-content-column/" target="_blank">click here</a></p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel even">
                <div class="col col-right has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/contents-front.jpg';?>">
                </div>
                <div class="col col-left has-text">
                    <h2>Custom Table Design</h2>
                    <p>As per above section, we have designed our content column with WordPress Classic Editor. 
                        And now look the design in the front.</p>
                    <p>To learn more about how to use them, <a href="https://wooproducttable.com/supported-attributes-of-shortcode-and-content-column/" target="_blank">click here</a></p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel odd">
                <div class="col col-left has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/shortcode.png';?>">
                </div>
                <div class="col col-right has-text">
                    <h2>Shortcode Column</h2>
                    <p>Using this shortcode column you can show any custom shortcode data inside our product table.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel even">
                <div class="col col-right has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/acf-support.jpg';?>">
                </div>
                <div class="col col-left has-text">
                    <h2>Advanced Custom Fields Supported</h2>
                    <p>Using this column you don't have to worry about how the custom fields content will appear in the front. We have added all custom fields type.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel odd">
                <div class="col col-left has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/blank-column.jpg';?>">
                </div>
                <div class="col col-right has-text">
                    <h2>Add Unlimited Blank Column</h2>
                    <p>Use this column when you need to re-arrange inner items in a fresh blank column.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel even">
                <div class="col col-right has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/products-include.jpg';?>">
                </div>
                <div class="col col-left has-text">
                    <h2>Include/Exclude by Product ID</h2>
                    <p>If we need to add very specific products from different categories by ID, we can select them here.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel odd">
                <div class="col col-left has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/search-from.jpg';?>">
                </div>
                <div class="col col-right has-text">
                    <h2>Search using specific Meta Keyword</h2>
                    <p>You can set here to search by sku and title or any other meta value.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel even">
                <div class="col col-right has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/custom-design.jpg';?>">
                </div>
                <div class="col col-left has-text">
                    <h2>Design your Table</h2>
                    <p>You can change the text color, background color, border, padding, and many more to match with your theme without any custom CSS.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel odd">
                <div class="col col-left has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/table-config.jpg';?>">
                </div>
                <div class="col col-right has-text">
                    <h2>Change each table's configuration</h2>
                    <p>You can change each table's settings to match your requirements.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel even">
                <div class="col col-right has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/click-to-expand.png';?>">
                </div>
                <div class="col col-left has-text">
                    <h2>Expand/Collapse Column</h2>
                    <p>Now you can show more product information in a smart way.</p>
                </div>
            </div>
            <div class="section ultraaddons-feature-panel odd">
                <div class="col col-left has-img">
                    <img src="<?php echo WPT_BASE_URL . 'assets/images/features/smile.jpg';?>">
                </div>
                <div class="col col-right has-text">
                    <h2>And many more</h2>
                    <p>Many more awesome feature is waiting...</p>
                    <p><a href="https://wooproducttable.com/" target="_blank">wooproducttable.com</a></p>
                    <p><a href="https://demo.wooproducttable.com/" target="_blank">Table Demo</a></p>
                    <p><a href="https://wooproducttable.com/docs/" target="_blank">Basic Helps</a></p>
                    <p><a href="http://docs.codeastrology.com/woo-product-table-pro/#intro" target="_blank">Documentation</a></p>
                </div>
            </div>
        </div>
    </div>
</div>