public static function addons($field, $config)
{
$output = array();
$addons = array(array('name' => __('New Shortcodes', 'shortcodes-ultimate'), 'desc' => __('Parallax sections, responsive content slider, pricing tables, vector icons, testimonials, progress bars and even more', 'shortcodes-ultimate'), 'url' => 'http://gndev.info/shortcodes-ultimate/extra/', 'image' => plugins_url('assets/images/banners/extra.png', SU_PLUGIN_FILE)), array('name' => __('Maker', 'shortcodes-ultimate'), 'desc' => __('This add-on allows you to create custom shortcodes. You can easily create any shortcode with different parameters or even override default shortcodes', 'shortcodes-ultimate'), 'url' => 'http://gndev.info/shortcodes-ultimate/maker/', 'image' => plugins_url('assets/images/banners/maker.png', SU_PLUGIN_FILE)), array('name' => __('Skins', 'shortcodes-ultimate'), 'desc' => __('Set of additional skins for Shortcodes Ultimate. It includes skins for accordeons/spoilers, tabs and some other shortcodes', 'shortcodes-ultimate'), 'url' => 'http://gndev.info/shortcodes-ultimate/skins/', 'image' => plugins_url('assets/images/banners/skins.png', SU_PLUGIN_FILE)), array('name' => __('Add-ons bundle', 'shortcodes-ultimate'), 'desc' => __('Get all three add-ons with huge discount!', 'shortcodes-ultimate'), 'url' => 'http://gndev.info/shortcodes-ultimate/add-ons-bundle/', 'image' => plugins_url('assets/images/banners/bundle.png', SU_PLUGIN_FILE)));
$plugins = array();
$output[] = '<h2>' . __('Shortcodes Ultimate Add-ons', 'shortcodes-ultimate') . '</h2>';
$output[] = '<div class="su-addons-loop su-clearfix">';
foreach ($addons as $addon) {
$output[] = '<div class="su-addons-item" style="visibility:hidden" data-url="' . $addon['url'] . '"><img src="' . $addon['image'] . '" alt="' . $addon['image'] . '" /><div class="su-addons-item-content"><h4>' . $addon['name'] . '</h4><p>' . $addon['desc'] . '</p><div class="su-addons-item-button"><a href="' . $addon['url'] . '" class="button button-primary" target="_blank">' . __('Learn more', 'shortcodes-ultimate') . '</a></div></div></div>';
}
$output[] = '</div>';
if (count($plugins)) {
$output[] = '<h2>' . __('Other WordPress Plugins', 'shortcodes-ultimate') . '</h2>';
$output[] = '<div class="su-addons-loop su-clearfix">';
foreach ($plugins as $plugin) {
$output[] = '<div class="su-addons-item" style="visibility:hidden" data-url="' . $plugin['url'] . '"><img src="' . $plugin['image'] . '" alt="' . $plugin['image'] . '" /><div class="su-addons-item-content"><h4>' . $plugin['name'] . '</h4><p>' . $plugin['desc'] . '</p>' . Su_Shortcodes::button(array('url' => $plugin['url'], 'target' => 'blank', 'style' => 'flat', 'background' => '#FF7654', 'wide' => 'yes', 'radius' => '0'), __('Learn more', 'shortcodes-ultimate')) . '</div></div>';
}
$output[] = '</div>';
}
su_query_asset('css', array('animate', 'su-options-page'));
su_query_asset('js', array('jquery', 'su-options-page'));
return '<div id="su-addons-screen">' . implode('', $output) . '</div>';
}