Changeset 3473624
- Timestamp:
- 03/03/2026 12:30:24 PM (4 weeks ago)
- Location:
- wp-instagram-feed-awplife
- Files:
-
- 43 added
- 4 edited
-
tags/1.5.0 (added)
-
tags/1.5.0/css (added)
-
tags/1.5.0/css/alw-style.css (added)
-
tags/1.5.0/css/bootstrap.css.map (added)
-
tags/1.5.0/css/ifgp-bootstrap-frontend.css (added)
-
tags/1.5.0/css/ifgp-bootstrap.css (added)
-
tags/1.5.0/css/ifgp-settings.css (added)
-
tags/1.5.0/css/ifgp-shortcode.css (added)
-
tags/1.5.0/css/main.css (added)
-
tags/1.5.0/css/metabox.css (added)
-
tags/1.5.0/css/styles.css (added)
-
tags/1.5.0/icons (added)
-
tags/1.5.0/icons/icons.eot (added)
-
tags/1.5.0/icons/icons.svg (added)
-
tags/1.5.0/icons/icons.ttf (added)
-
tags/1.5.0/icons/icons.woff (added)
-
tags/1.5.0/icons/selection.json (added)
-
tags/1.5.0/icons/style.css (added)
-
tags/1.5.0/img (added)
-
tags/1.5.0/img/Grid-Layout.png (added)
-
tags/1.5.0/img/Premium-wordpress-themes.jpg (added)
-
tags/1.5.0/img/carousel-layout.png (added)
-
tags/1.5.0/img/insta-icon.png (added)
-
tags/1.5.0/img/instagram-gallery-premium.png (added)
-
tags/1.5.0/img/masonry.png (added)
-
tags/1.5.0/img/mosaic.jpg (added)
-
tags/1.5.0/img/post-layout.png (added)
-
tags/1.5.0/js (added)
-
tags/1.5.0/js/bootstrap.js (added)
-
tags/1.5.0/js/insta-color-picker.js (added)
-
tags/1.5.0/js/popper.min.js (added)
-
tags/1.5.0/languages (added)
-
tags/1.5.0/languages/hi_IN.mo (added)
-
tags/1.5.0/languages/hi_IN.po (added)
-
tags/1.5.0/layout (added)
-
tags/1.5.0/layout/instagram-grid-layout-shortcode.php (added)
-
tags/1.5.0/layout/lightbox.php (added)
-
tags/1.5.0/readme.txt (added)
-
tags/1.5.0/setting.php (added)
-
tags/1.5.0/shortcode.php (added)
-
tags/1.5.0/wp-instagram-feed-awplife-wp-instagram-feed-awplife-php-20260303-114721.json (added)
-
tags/1.5.0/wp-instagram-feed-awplife.php (added)
-
trunk/readme.txt (modified) (2 diffs)
-
trunk/setting.php (modified) (2 diffs)
-
trunk/shortcode.php (modified) (2 diffs)
-
trunk/wp-instagram-feed-awplife-wp-instagram-feed-awplife-php-20260303-114721.json (added)
-
trunk/wp-instagram-feed-awplife.php (modified) (5 diffs)
Legend:
- Unmodified
- Added
- Removed
-
wp-instagram-feed-awplife/trunk/readme.txt
r3428576 r3473624 3 3 Donate link: https://paypal.me/awplife 4 4 Tags: social media gallery, instagram feed, photo gallery, image gallery, feed gallery 5 Requires at least: 4.05 Requires at least: 5.0 6 6 Tested up to: 6.9 7 Stable tag: 1. 4.97 Stable tag: 1.5.0 8 8 Requires PHP: 7.0 9 9 License: GPLv2 or later … … 166 166 == Changelog == 167 167 168 = 1.5.0 = 169 * Redesigned "Upgrade to Pro" tab for a more premium experience 170 * Added visual previews for Pro layouts in the "Upgrade to Pro" tab 171 168 172 = 1.4.9 = 169 173 * Fixed: Translation loading triggered too early warning in WordPress 6.7.0+ -
wp-instagram-feed-awplife/trunk/setting.php
r3374917 r3473624 1 1 <?php 2 if ( ! defined( 'ABSPATH' )) exit; // Exit if accessed directly2 if (! defined('ABSPATH')) exit; // Exit if accessed directly 3 3 // CSS 4 wp_enqueue_style( 'ifgp-styles-css', IFGP_PLUGIN_URL . 'css/styles.css');5 wp_enqueue_style( 'ifgp-bootstrap-css', IFGP_PLUGIN_URL . 'css/ifgp-bootstrap.css');6 wp_enqueue_style( 'ifgp-metabox-css', IFGP_PLUGIN_URL . 'css/metabox.css');7 wp_enqueue_style( 'ifgp-settings-css', IFGP_PLUGIN_URL . 'css/ifgp-settings.css');8 wp_enqueue_style ( 'wp-color-picker');4 wp_enqueue_style('ifgp-styles-css', IFGP_PLUGIN_URL . 'css/styles.css'); 5 wp_enqueue_style('ifgp-bootstrap-css', IFGP_PLUGIN_URL . 'css/ifgp-bootstrap.css'); 6 wp_enqueue_style('ifgp-metabox-css', IFGP_PLUGIN_URL . 'css/metabox.css'); 7 wp_enqueue_style('ifgp-settings-css', IFGP_PLUGIN_URL . 'css/ifgp-settings.css'); 8 wp_enqueue_style('wp-color-picker'); 9 9 10 10 //js 11 wp_enqueue_script( 'ifgp-bootstrap-js', IFGP_PLUGIN_URL . 'js/bootstrap.js', array( 'jquery' ), '', true);12 wp_enqueue_script( 'ifgp-popper-js', IFGP_PLUGIN_URL . 'js/popper.min.js');13 wp_enqueue_script( 'ifgp-insta-color-picker', IFGP_PLUGIN_URL . 'js/insta-color-picker.js', array( 'jquery', 'wp-color-picker'), '', true);11 wp_enqueue_script('ifgp-bootstrap-js', IFGP_PLUGIN_URL . 'js/bootstrap.js', array('jquery'), '', true); 12 wp_enqueue_script('ifgp-popper-js', IFGP_PLUGIN_URL . 'js/popper.min.js'); 13 wp_enqueue_script('ifgp-insta-color-picker', IFGP_PLUGIN_URL . 'js/insta-color-picker.js', array('jquery', 'wp-color-picker'), '', true); 14 14 15 15 ?> 16 16 <style> 17 .panel-info { 18 border-color: #F5F5F5 !important; 19 } 20 .hndle.ui-sortable-handle { 21 font-size: 1.3rem; 22 padding: 10px 0px 0px 15px 23 } 24 .postbox-container { 25 width: 100%; 26 } 17 .panel-info { 18 border-color: #F5F5F5 !important; 19 } 20 21 .hndle.ui-sortable-handle { 22 font-size: 1.3rem; 23 padding: 10px 0px 0px 15px 24 } 25 26 .postbox-container { 27 width: 100%; 28 } 27 29 </style> 28 <div class="row"> 29 <div class="col-md-10"> 30 <div class="postbox-container insta-settings" style="margin-top:20px; margin-bottom:20px;"> 31 <div class="postbox"> 32 <div class="postbox-header"><h2 class="hndle ui-sortable-handle"><?php esc_html_e('Add Instagram Feed Gallery', 'wp-instagram-feed-awplife'); ?></h2> 33 <div class="handle-actions hide-if-no-js"></div></div> 34 <div class="inside"> 35 <div class="d-flex align-items-start bhoechie-tab-container"> 36 <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 bhoechie-tab-menu"> 37 <div class="list-group"> 38 <a href="#" class="list-group-item active"> 39 <span class="dashicons dashicons-instagram"></span><?php esc_html_e('Instagram Tocken', 'wp-instagram-feed-awplife'); ?> 40 </a> 41 <a href="#" class="list-group-item"> 42 <span class="dashicons dashicons-layout"></span><?php esc_html_e('Layouts', 'wp-instagram-feed-awplife'); ?> 43 </a> 44 <a href="#" class="list-group-item"> 45 <span class="dashicons dashicons-admin-generic"></span><?php esc_html_e('Config', 'wp-instagram-feed-awplife'); ?> 46 </a> 47 <a href="#" class="list-group-item"> 30 <div class="row"> 31 <div class="col-md-10"> 32 <div class="postbox-container insta-settings" style="margin-top:20px; margin-bottom:20px;"> 33 <div class="postbox"> 34 <div class="postbox-header"> 35 <h2 class="hndle ui-sortable-handle"><?php esc_html_e('Add Instagram Feed Gallery', 'wp-instagram-feed-awplife'); ?></h2> 36 <div class="handle-actions hide-if-no-js"></div> 37 </div> 38 <div class="inside"> 39 <div class="d-flex align-items-start bhoechie-tab-container"> 40 <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 bhoechie-tab-menu"> 41 <div class="list-group"> 42 <a href="#" class="list-group-item active"> 43 <span class="dashicons dashicons-instagram"></span><?php esc_html_e('Instagram Tocken', 'wp-instagram-feed-awplife'); ?> 44 </a> 45 <a href="#" class="list-group-item"> 46 <span class="dashicons dashicons-layout"></span><?php esc_html_e('Layouts', 'wp-instagram-feed-awplife'); ?> 47 </a> 48 <a href="#" class="list-group-item"> 49 <span class="dashicons dashicons-admin-generic"></span><?php esc_html_e('Config', 'wp-instagram-feed-awplife'); ?> 50 </a> 51 <a href="#" class="list-group-item"> 48 52 <span class="dashicons dashicons-welcome-view-site"></span><?php esc_html_e('LightBox', 'wp-instagram-feed-awplife'); ?> 49 </a> 50 <a href="#" class="list-group-item"> 51 <span class="dashicons dashicons-cart"></span><?php esc_html_e( 'Upgrade To Pro', 'wp-instagram-feed-awplife' ); ?> 52 </a> 53 </div> 54 </div> 55 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 bhoechie-tab"> 56 <div class="bhoechie-tab-content active"> 57 <h2><?php esc_html_e('Type Instagram Accese Tocken', 'wp-instagram-feed-awplife'); ?></h2> 58 <hr> 53 </a> 54 <a href="#" class="list-group-item"> 55 <span class="dashicons dashicons-cart"></span><?php esc_html_e('Upgrade To Pro', 'wp-instagram-feed-awplife'); ?> 56 </a> 57 </div> 58 </div> 59 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 bhoechie-tab"> 60 <div class="bhoechie-tab-content active"> 61 <h2><?php esc_html_e('Type Instagram Accese Tocken', 'wp-instagram-feed-awplife'); ?></h2> 62 <hr> 63 <div class="row"> 64 <div class="col-md-4"> 65 <div class="ma_field_discription"> 66 <h4><?php esc_html_e('Instagram Accese Tocken', 'wp-instagram-feed-awplife'); ?></h4> 67 <p><?php esc_html_e('Enter access token to add the Instagram feed. You can generate access token easily from here', 'wp-instagram-feed-awplife'); ?> <a target="_blank" href="https://www.youtube.com/watch?v=VrqbUP67Jbw"><?php esc_html_e('Youtube Video', 'wp-instagram-feed-awplife'); ?></a></p> 68 69 </div> 70 </div> 71 <div class="col-md-8"> 72 <div class="ma_field panel-body"> 73 <textarea class="form-control" rows="5" id="instagram_acces_token" name="instagram_acces_token"></textarea> 74 <div><strong>Access Token Limit:</strong> calls within one hour = 200 * Number of Users | <strong>More details:</strong> <a href="https://developers.facebook.com/docs/graph-api/overview/rate-limiting#application-level-rate-limiting" target="_blank">check here</a></div> 75 </div> 76 </div> 77 </div> 78 </div> 79 <div class="bhoechie-tab-content"> 80 <h2><?php esc_html_e('Choose Gallery Layout Type', 'wp-instagram-feed-awplife'); ?></h2> 81 <hr> 82 <div class="container"> 59 83 <div class="row"> 60 <div class="col-md-4"> 61 <div class="ma_field_discription"> 62 <h4><?php esc_html_e('Instagram Accese Tocken', 'wp-instagram-feed-awplife'); ?></h4> 63 <p><?php esc_html_e('Enter access token to add the Instagram feed. You can generate access token easily from here', 'wp-instagram-feed-awplife'); ?> <a target="_blank" href="https://www.youtube.com/watch?v=VrqbUP67Jbw"><?php esc_html_e('Youtube Video', 'wp-instagram-feed-awplife'); ?></a></p> 64 65 </div> 66 </div> 67 <div class="col-md-8"> 68 <div class="ma_field panel-body"> 69 <textarea class="form-control" rows="5" id="instagram_acces_token" name="instagram_acces_token"></textarea> 70 <div><strong>Access Token Limit:</strong> calls within one hour = 200 * Number of Users | <strong>More details:</strong> <a href="https://developers.facebook.com/docs/graph-api/overview/rate-limiting#application-level-rate-limiting" target="_blank">check here</a></div> 71 </div> 72 </div> 73 </div> 74 </div> 75 <div class="bhoechie-tab-content"> 76 <h2><?php esc_html_e('Choose Gallery Layout Type', 'wp-instagram-feed-awplife'); ?></h2> 77 <hr> 78 <div class="container"> 79 <div class="row"> 80 <div class="col-lg-3 col-md-4 col-sm-6"> 81 <input type="radio" name="insta_layout" id="insta_layout_grid" value="insta_layout_grid" checked> 82 <label for="insta_layout_grid"><img class="img-fluid" style="box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" src="<?php echo esc_url(IFGP_PLUGIN_URL.'/img/Grid-Layout.png'); ?>"/></label> 83 </div> 84 <div class="col-lg-3 col-md-4 col-sm-6"> 85 <input type="radio" name="insta_layout" > 86 <label for="insta_layout_masonry"><a href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-feed-gallery-masonry-layout/" target="_new"><img class="img-fluid" style="box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" src="<?php echo esc_url(IFGP_PLUGIN_URL.'/img/masonry.png'); ?>"/></a></label> 87 </div> 88 <div class="col-lg-3 col-md-4 col-sm-6"> 89 <input type="radio" name="insta_layout"> 90 <label for="insta_layout_mosaic"><a href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-feed-gallery-mosaic/" target="_new"><img class="img-fluid" style="box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" src="<?php echo esc_url(IFGP_PLUGIN_URL.'/img/mosaic.jpg'); ?>"/></a></label> 91 </div> 92 <div class="col-lg-3 col-md-4 col-sm-6"> 93 <input type="radio" name="insta_layout" > 94 <label for="insta_layout_masonry"><a href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-carousel-layout/" target="_new"><img class="img-fluid" style="box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" src="<?php echo esc_url(IFGP_PLUGIN_URL.'/img/carousel-layout.png'); ?>"/></a></label> 95 </div> 96 <div class="col-lg-3 col-md-4 col-sm-6"> 97 <input type="radio" name="insta_layout"> 98 <label for="insta_layout_mosaic"><a href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-post-layout/" target="_new"><img class="img-fluid" style="box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" src="<?php echo esc_url(IFGP_PLUGIN_URL.'/img/post-layout.png'); ?>"/></a></label> 99 </div> 100 </div> 101 </div> 102 </div> 103 <div class="bhoechie-tab-content "> 104 <h2><?php esc_html_e('Configuration', 'wp-instagram-feed-awplife'); ?></h2> 105 <hr> 106 <div class="row insta_grid_column"> 107 <div class="col-md-4"> 108 <div class="ma_field_discription"> 109 <h4><?php esc_html_e('Rows & Column', 'wp-instagram-feed-awplife'); ?></h4> 110 <p><?php esc_html_e('Choose columns acording to device', 'wp-instagram-feed-awplife'); ?></p> 111 </div> 112 </div> 113 <div class="col-md-8"> 114 <div class="ma_field panel-body"> 115 <select id="insta_grid_columns_l" name="insta_grid_columns_l" class="form-control" style="margin-left: 15px; width: 300px;"> 116 <option value="1" ><?php esc_html_e('Columns 12', 'wp-instagram-feed-awplife'); ?></option> 117 <option value="2"><?php esc_html_e('Columns 6', 'wp-instagram-feed-awplife'); ?></option> 118 <option value="3" selected><?php esc_html_e('Columns 4', 'wp-instagram-feed-awplife'); ?></option> 119 <option value="4"><?php esc_html_e('Columns 3', 'wp-instagram-feed-awplife'); ?></option> 120 <option value="6"><?php esc_html_e('Columns 2', 'wp-instagram-feed-awplife'); ?></option> 121 <option value="12"><?php esc_html_e('Columns 1', 'wp-instagram-feed-awplife'); ?></option> 122 </select> 123 </div> 124 </div> 125 </div> 126 <div class="row"> 127 <div class="col-md-4"> 128 <div class="ma_field_discription"> 129 <h4><?php esc_html_e('Instagram Image Limit', 'wp-instagram-feed-awplife'); ?></h4> 130 <p><?php esc_html_e('How much images you want to show the instagram gallery.', 'wp-instagram-feed-awplife'); ?></p> 131 </div> 132 </div> 133 <div class="col-md-8"> 134 <div class="ma_field panel-body"> 135 <p class="range-slider"> 136 <input id="insta_image_limit" name="insta_image_limit" class="range-slider__range" type="range" value="24" min="1" max="50" step="1"> 137 <span class="range-slider__value"><?php esc_html_e('0', 'wp-instagram-feed-awplife'); ?></span> 138 </p> 139 </div> 140 </div> 141 </div> 142 <div class="row"> 143 <div class="col-md-4"> 144 <div class="ma_field_discription"> 145 <h4><?php esc_html_e('Instagram Image Spacing', 'wp-instagram-feed-awplife'); ?></h4> 146 <p><?php esc_html_e('Set Image Spacing.', 'wp-instagram-feed-awplife'); ?></p> 147 </div> 148 </div> 149 <div class="col-md-8"> 150 <div class="ma_field panel-body"> 151 <p class="range-slider"> 152 <input id="insta_image_spacing" name="insta_image_spacing" class="range-slider__range" type="range" value="3" min="0" max="20" step="1"> 153 <span class="range-slider__value"><?php esc_html_e('0', 'wp-instagram-feed-awplife'); ?></span> 154 </p> 155 </div> 156 </div> 157 </div> 158 <div class="row"> 159 <div class="col-md-4"> 160 <div class="ma_field_discription"> 161 <h4><?php esc_html_e('Icon On Photos', 'wp-instagram-feed-awplife'); ?></h4> 162 <p><?php esc_html_e('Set icon on photos', 'wp-instagram-feed-awplife'); ?></p> 163 </div> 164 </div> 165 <div class="col-md-8"> 166 <div class="ma_field panel-body"> 167 <label class="switch"> 168 <input type="checkbox" id="insta_icon_image" name="insta_icon_image" value="yes" checked > 169 <div class="slider round"></div> 170 </label> 171 </div> 172 </div> 173 </div> 174 <div class="row"> 175 <div class="col-md-4"> 176 <div class="ma_field_discription"> 177 <h4><?php esc_html_e('Show Caption On Photos', 'wp-instagram-feed-awplife'); ?></h4> 178 <p><?php esc_html_e('Set captions on photo', 'wp-instagram-feed-awplife'); ?></p> 179 </div> 180 </div> 181 <div class="col-md-8"> 182 <div class="ma_field panel-body"> 183 <label class="switch"> 184 <input type="checkbox" id="insta_caption_image" name="insta_caption_image" value="yes"> 185 <div class="slider round"></div> 186 </label> 187 </div> 188 </div> 189 </div> 190 <div class="row"> 191 <div class="col-md-4"> 192 <div class="ma_field_discription"> 193 <h4><?php esc_html_e('Instagram Image Link', 'wp-instagram-feed-awplife'); ?></h4> 194 <p><?php esc_html_e('Choose option for instagram Image Link New Tab', 'wp-instagram-feed-awplife'); ?></p> 195 </div> 196 </div> 197 <div class="col-md-8"> 198 <div class="ma_field panel-body"> 199 <label class="switch"> 200 <input type="checkbox" id="insta_link_redirection" name="insta_link_redirection" value="_new"> 201 <div class="slider round"></div> 202 </label> 203 </div> 204 </div> 205 </div> 206 </div> 207 <div class="bhoechie-tab-content"> 208 <h2><?php esc_html_e('Lightbox', 'wp-instagram-feed-awplife'); ?></h2> 209 <hr> 210 211 <div class="row"> 212 <div class="col-md-4"> 213 <div class="ma_field_discription"> 214 <h4><?php esc_html_e('Lightbox', 'wp-instagram-feed-awplife'); ?></h4> 215 <p><?php esc_html_e('On Off Lightbox', 'wp-instagram-feed-awplife'); ?></p> 216 </div> 217 </div> 218 <div class="col-md-8"> 219 <div class="ma_field panel-body"> 220 <label class="switch"> 221 <input type="checkbox" id="insta_lightbox" name="insta_lightbox" value="yes"> 222 <div class="slider round"></div> 223 </label> 224 </div> 225 </div> 226 </div> 227 <div class="row"> 228 <div class="col-md-4"> 229 <div class="ma_field_discription"> 230 <h4><?php esc_html_e('Lightbox Color', 'wp-instagram-feed-awplife'); ?></h4> 231 <p><?php esc_html_e('Changing the color of your Lightbox', 'wp-instagram-feed-awplife'); ?></p> 232 </div> 233 </div> 234 <div class="col-md-8"> 235 <div class="ma_field panel-body"> 236 <input type="text" id="insta_lightbox_color" name="insta_lightbox_color" value="#ffffff"> 237 </div> 238 </div> 239 </div> 240 </div> 241 <div class="bhoechie-tab-content"> 242 <h1><?php esc_html_e( 'Upgrade To Pro', 'wp-instagram-feed-awplife' ); ?></h1> 243 <hr> 244 <div style="padding-left: 10px;"> 245 <p class="ms-title"><?php esc_html_e( 'Upgrade To Premium For Unloack More Features & Settings', 'wp-instagram-feed-awplife' ); ?></p> 246 </div> 247 <div> 248 <h1><strong><?php esc_html_e( 'Offer:', 'wp-instagram-feed-awplife' ); ?></strong><?php esc_html_e( 'Upgrade To Premium Just In Half Price', 'wp-instagram-feed-awplife' ); ?> <strike> <?php esc_html_e( '$49', 'wp-instagram-feed-awplife' ); ?></strike><strong> <?php esc_html_e( '$39', 'wp-instagram-feed-awplife' ); ?></strong></h1> 249 <br> 250 <a href="https://awplife.com/wordpress-plugins/instagram-feed-gallery-premium/" target="_blank" class="button button-primary button-hero load-customize hide-if-no-customize"><?php esc_html_e( 'Premium Version Details', 'wp-instagram-feed-awplife' ); ?></a> 251 <a href="https://awplife.com/demo/instagram-feed-gallery-premium/" target="_blank" class="button button-primary button-hero load-customize hide-if-no-customize"><?php esc_html_e( 'Check Live Demo', 'wp-instagram-feed-awplife' ); ?></a> 84 <div class="col-lg-3 col-md-4 col-sm-6"> 85 <input type="radio" name="insta_layout" id="insta_layout_grid" value="insta_layout_grid" checked> 86 <label for="insta_layout_grid"><img class="img-fluid" style="box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" src="<?php echo esc_url(IFGP_PLUGIN_URL . '/img/Grid-Layout.png'); ?>" /></label> 87 </div> 88 <!-- Pro Layouts Moved to Upgrade Tab --> 89 </div> 90 </div> 91 </div> 92 <div class="bhoechie-tab-content "> 93 <h2><?php esc_html_e('Configuration', 'wp-instagram-feed-awplife'); ?></h2> 94 <hr> 95 <div class="row insta_grid_column"> 96 <div class="col-md-4"> 97 <div class="ma_field_discription"> 98 <h4><?php esc_html_e('Rows & Column', 'wp-instagram-feed-awplife'); ?></h4> 99 <p><?php esc_html_e('Choose columns acording to device', 'wp-instagram-feed-awplife'); ?></p> 100 </div> 101 </div> 102 <div class="col-md-8"> 103 <div class="ma_field panel-body"> 104 <select id="insta_grid_columns_l" name="insta_grid_columns_l" class="form-control" style="margin-left: 15px; width: 300px;"> 105 <option value="1"><?php esc_html_e('Columns 12', 'wp-instagram-feed-awplife'); ?></option> 106 <option value="2"><?php esc_html_e('Columns 6', 'wp-instagram-feed-awplife'); ?></option> 107 <option value="3" selected><?php esc_html_e('Columns 4', 'wp-instagram-feed-awplife'); ?></option> 108 <option value="4"><?php esc_html_e('Columns 3', 'wp-instagram-feed-awplife'); ?></option> 109 <option value="6"><?php esc_html_e('Columns 2', 'wp-instagram-feed-awplife'); ?></option> 110 <option value="12"><?php esc_html_e('Columns 1', 'wp-instagram-feed-awplife'); ?></option> 111 </select> 112 </div> 113 </div> 114 </div> 115 <div class="row"> 116 <div class="col-md-4"> 117 <div class="ma_field_discription"> 118 <h4><?php esc_html_e('Instagram Image Limit', 'wp-instagram-feed-awplife'); ?></h4> 119 <p><?php esc_html_e('How much images you want to show the instagram gallery.', 'wp-instagram-feed-awplife'); ?></p> 120 </div> 121 </div> 122 <div class="col-md-8"> 123 <div class="ma_field panel-body"> 124 <p class="range-slider"> 125 <input id="insta_image_limit" name="insta_image_limit" class="range-slider__range" type="range" value="24" min="1" max="50" step="1"> 126 <span class="range-slider__value"><?php esc_html_e('0', 'wp-instagram-feed-awplife'); ?></span> 127 </p> 128 </div> 129 </div> 130 </div> 131 <div class="row"> 132 <div class="col-md-4"> 133 <div class="ma_field_discription"> 134 <h4><?php esc_html_e('Instagram Image Spacing', 'wp-instagram-feed-awplife'); ?></h4> 135 <p><?php esc_html_e('Set Image Spacing.', 'wp-instagram-feed-awplife'); ?></p> 136 </div> 137 </div> 138 <div class="col-md-8"> 139 <div class="ma_field panel-body"> 140 <p class="range-slider"> 141 <input id="insta_image_spacing" name="insta_image_spacing" class="range-slider__range" type="range" value="3" min="0" max="20" step="1"> 142 <span class="range-slider__value"><?php esc_html_e('0', 'wp-instagram-feed-awplife'); ?></span> 143 </p> 144 </div> 145 </div> 146 </div> 147 <div class="row"> 148 <div class="col-md-4"> 149 <div class="ma_field_discription"> 150 <h4><?php esc_html_e('Icon On Photos', 'wp-instagram-feed-awplife'); ?></h4> 151 <p><?php esc_html_e('Set icon on photos', 'wp-instagram-feed-awplife'); ?></p> 152 </div> 153 </div> 154 <div class="col-md-8"> 155 <div class="ma_field panel-body"> 156 <label class="switch"> 157 <input type="checkbox" id="insta_icon_image" name="insta_icon_image" value="yes" checked> 158 <div class="slider round"></div> 159 </label> 160 </div> 161 </div> 162 </div> 163 <div class="row"> 164 <div class="col-md-4"> 165 <div class="ma_field_discription"> 166 <h4><?php esc_html_e('Show Caption On Photos', 'wp-instagram-feed-awplife'); ?></h4> 167 <p><?php esc_html_e('Set captions on photo', 'wp-instagram-feed-awplife'); ?></p> 168 </div> 169 </div> 170 <div class="col-md-8"> 171 <div class="ma_field panel-body"> 172 <label class="switch"> 173 <input type="checkbox" id="insta_caption_image" name="insta_caption_image" value="yes"> 174 <div class="slider round"></div> 175 </label> 176 </div> 177 </div> 178 </div> 179 <div class="row"> 180 <div class="col-md-4"> 181 <div class="ma_field_discription"> 182 <h4><?php esc_html_e('Instagram Image Link', 'wp-instagram-feed-awplife'); ?></h4> 183 <p><?php esc_html_e('Choose option for instagram Image Link New Tab', 'wp-instagram-feed-awplife'); ?></p> 184 </div> 185 </div> 186 <div class="col-md-8"> 187 <div class="ma_field panel-body"> 188 <label class="switch"> 189 <input type="checkbox" id="insta_link_redirection" name="insta_link_redirection" value="_new"> 190 <div class="slider round"></div> 191 </label> 192 </div> 193 </div> 194 </div> 195 </div> 196 <div class="bhoechie-tab-content"> 197 <h2><?php esc_html_e('Lightbox', 'wp-instagram-feed-awplife'); ?></h2> 198 <hr> 199 200 <div class="row"> 201 <div class="col-md-4"> 202 <div class="ma_field_discription"> 203 <h4><?php esc_html_e('Lightbox', 'wp-instagram-feed-awplife'); ?></h4> 204 <p><?php esc_html_e('On Off Lightbox', 'wp-instagram-feed-awplife'); ?></p> 205 </div> 206 </div> 207 <div class="col-md-8"> 208 <div class="ma_field panel-body"> 209 <label class="switch"> 210 <input type="checkbox" id="insta_lightbox" name="insta_lightbox" value="yes"> 211 <div class="slider round"></div> 212 </label> 213 </div> 214 </div> 215 </div> 216 <div class="row"> 217 <div class="col-md-4"> 218 <div class="ma_field_discription"> 219 <h4><?php esc_html_e('Lightbox Color', 'wp-instagram-feed-awplife'); ?></h4> 220 <p><?php esc_html_e('Changing the color of your Lightbox', 'wp-instagram-feed-awplife'); ?></p> 221 </div> 222 </div> 223 <div class="col-md-8"> 224 <div class="ma_field panel-body"> 225 <input type="text" id="insta_lightbox_color" name="insta_lightbox_color" value="#ffffff"> 226 </div> 227 </div> 228 </div> 229 </div> 230 <div class="bhoechie-tab-content"> 231 <style> 232 .awp-upgrade-container { 233 padding: 30px; 234 background: #fff; 235 border-radius: 12px; 236 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 237 color: #333; 238 } 239 240 .awp-upgrade-hero { 241 text-align: center; 242 padding: 40px 20px; 243 background: linear-gradient(135deg, #cd2757 0%, #e91e63 100%); 244 color: #fff; 245 border-radius: 10px; 246 margin-bottom: 40px; 247 box-shadow: 0 10px 25px rgba(205, 39, 87, 0.2); 248 } 249 250 .awp-upgrade-hero h1 { 251 font-size: 2.5em; 252 font-weight: 800; 253 margin-bottom: 15px; 254 color: #fff; 255 } 256 257 .awp-upgrade-hero p { 258 font-size: 1.2em; 259 opacity: 0.9; 260 max-width: 800px; 261 margin: 0 auto; 262 } 263 264 .awp-offer-badge { 265 display: inline-block; 266 background: #ffc107; 267 color: #000; 268 padding: 5px 15px; 269 border-radius: 50px; 270 font-weight: bold; 271 font-size: 0.9em; 272 margin-bottom: 15px; 273 text-transform: uppercase; 274 } 275 276 .awp-features-grid { 277 display: grid; 278 grid-template-columns: repeat(3, 1fr); 279 gap: 25px; 280 margin-top: 40px; 281 } 282 283 .awp-feature-card { 284 padding: 25px; 285 border: 1px solid #eee; 286 border-radius: 10px; 287 transition: all 0.3s ease; 288 text-align: center; 289 background: #fafafa; 290 } 291 292 .awp-feature-card:hover { 293 transform: translateY(-5px); 294 box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); 295 background: #fff; 296 border-color: #cd2757; 297 } 298 299 .awp-feature-card .dashicons { 300 font-size: 40px; 301 width: 40px; 302 height: 40px; 303 color: #cd2757; 304 margin-bottom: 15px; 305 } 306 307 .awp-feature-card h3 { 308 margin: 15px 0 10px; 309 font-size: 1.2em; 310 font-weight: 700; 311 } 312 313 .awp-feature-card p { 314 font-size: 0.95em; 315 color: #666; 316 } 317 318 .awp-comparison-section { 319 margin-top: 60px; 320 } 321 322 .awp-comparison-table { 323 width: 100%; 324 border-collapse: collapse; 325 background: #fff; 326 border-radius: 10px; 327 overflow: hidden; 328 box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); 329 } 330 331 .awp-comparison-table th, 332 .awp-comparison-table td { 333 padding: 20px; 334 text-align: center; 335 border-bottom: 1px solid #f0f0f0; 336 } 337 338 .awp-comparison-table th { 339 background: #f8f9fa; 340 font-weight: 700; 341 color: #2c3e50; 342 } 343 344 .awp-comparison-table .feature-name { 345 text-align: left; 346 font-weight: 600; 347 width: 40%; 348 } 349 350 .awp-comparison-table .free-col { 351 background: #fdfdfd; 352 width: 30%; 353 } 354 355 .awp-comparison-table .pro-col { 356 background: rgba(205, 39, 87, 0.03); 357 width: 30%; 358 font-weight: bold; 359 } 360 361 .check-icon { 362 color: #4caf50; 363 font-weight: bold; 364 font-size: 1.2em; 365 } 366 367 .cross-icon { 368 color: #f44336; 369 font-weight: bold; 370 font-size: 1.2em; 371 } 372 373 .awp-upgrade-buttons { 374 display: flex; 375 justify-content: center; 376 gap: 20px; 377 margin-top: 50px; 378 } 379 380 .btn-premium { 381 background: #cd2757 !important; 382 color: #fff !important; 383 padding: 15px 35px !important; 384 font-size: 18px !important; 385 font-weight: 700 !important; 386 border-radius: 50px !important; 387 text-decoration: none !important; 388 box-shadow: 0 5px 15px rgba(205, 39, 87, 0.3) !important; 389 transition: all 0.3s ease !important; 390 border: none !important; 391 display: inline-flex !important; 392 align-items: center !important; 393 } 394 395 .btn-premium:hover { 396 background: #b01b46 !important; 397 transform: translateY(-2px); 398 box-shadow: 0 8px 20px rgba(205, 39, 87, 0.4) !important; 399 } 400 401 .btn-demo { 402 background: #333 !important; 403 color: #fff !important; 404 padding: 15px 35px !important; 405 font-size: 18px !important; 406 font-weight: 700 !important; 407 border-radius: 50px !important; 408 text-decoration: none !important; 409 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important; 410 transition: all 0.3s ease !important; 411 border: none !important; 412 display: inline-flex !important; 413 align-items: center !important; 414 } 415 416 .btn-demo:hover { 417 background: #000 !important; 418 transform: translateY(-2px); 419 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important; 420 } 421 </style> 422 <div class="awp-upgrade-container"> 423 <div class="awp-upgrade-hero"> 424 <div class="awp-offer-badge"><?php esc_html_e('Limited Time Offer', 'wp-instagram-feed-awplife'); ?></div> 425 <h1><?php esc_html_e('Upgrade to Pro & Unlock Full Power', 'wp-instagram-feed-awplife'); ?></h1> 426 <p><?php esc_html_e('Get 5 Stunning Layouts, Instagram Profile Display, Advanced Customization, and Priority Support.', 'wp-instagram-feed-awplife'); ?></p> 427 <div style="margin-top: 25px; font-size: 1.5em; font-weight: bold;"> 428 <strike style="opacity: 0.6; margin-right: 10px;"><?php esc_html_e('$49', 'wp-instagram-feed-awplife'); ?></strike> 429 <span><?php esc_html_e('$39', 'wp-instagram-feed-awplife'); ?></span> 430 </div> 431 </div> 432 433 <div class="awp-features-grid"> 434 <div class="awp-feature-card"> 435 <span class="dashicons dashicons-layout"></span> 436 <h3><?php esc_html_e('5 Premium Layouts', 'wp-instagram-feed-awplife'); ?></h3> 437 <p><?php esc_html_e('Choose from Grid, Masonry, Mosaic, Carousel, and List layouts to match your site design.', 'wp-instagram-feed-awplife'); ?></p> 438 </div> 439 <div class="awp-feature-card"> 440 <span class="dashicons dashicons-admin-users"></span> 441 <h3><?php esc_html_e('Instagram Profile Info', 'wp-instagram-feed-awplife'); ?></h3> 442 <p><?php esc_html_e('Showcase your Instagram username, bio, followers, and following count beautifully.', 'wp-instagram-feed-awplife'); ?></p> 443 </div> 444 <div class="awp-feature-card"> 445 <span class="dashicons dashicons-smartphone"></span> 446 <h3><?php esc_html_e('Mobile Responsive', 'wp-instagram-feed-awplife'); ?></h3> 447 <p><?php esc_html_e('Dedicated column controls for mobile devices to ensure your feed looks perfect on all screens.', 'wp-instagram-feed-awplife'); ?></p> 448 </div> 449 <div class="awp-feature-card"> 450 <span class="dashicons dashicons-upload"></span> 451 <h3><?php esc_html_e('Load More Button', 'wp-instagram-feed-awplife'); ?></h3> 452 <p><?php esc_html_e('Allow visitors to load more posts without leaving the page with advanced "Load More" functionality.', 'wp-instagram-feed-awplife'); ?></p> 453 </div> 454 <div class="awp-feature-card"> 455 <span class="dashicons dashicons-visibility"></span> 456 <h3><?php esc_html_e('Advanced Lightbox', 'wp-instagram-feed-awplife'); ?></h3> 457 <p><?php esc_html_e('Enhanced lightbox with a built-in Follow button to grow your Instagram audience faster.', 'wp-instagram-feed-awplife'); ?></p> 458 </div> 459 <div class="awp-feature-card"> 460 <span class="dashicons dashicons-media-code"></span> 461 <h3><?php esc_html_e('Custom CSS Utility', 'wp-instagram-feed-awplife'); ?></h3> 462 <p><?php esc_html_e('Easily apply your own custom styles directly from the settings page without touching code.', 'wp-instagram-feed-awplife'); ?></p> 463 </div> 464 </div> 465 466 <div class="awp-comparison-section"> 467 <h2 style="text-align: center; margin-bottom: 30px; font-weight: 800;"><?php esc_html_e('Why Go Pro?', 'wp-instagram-feed-awplife'); ?></h2> 468 <table class="awp-comparison-table"> 469 <thead> 470 <tr> 471 <th class="feature-name"><?php esc_html_e('Features', 'wp-instagram-feed-awplife'); ?></th> 472 <th class="free-col"><?php esc_html_e('Free Version', 'wp-instagram-feed-awplife'); ?></th> 473 <th class="pro-col"><?php esc_html_e('Pro Version', 'wp-instagram-feed-awplife'); ?></th> 474 </tr> 475 </thead> 476 <tbody> 477 <tr> 478 <td class="feature-name"><?php esc_html_e('Number of Layouts', 'wp-instagram-feed-awplife'); ?></td> 479 <td class="free-col"><?php esc_html_e('1 (Grid)', 'wp-instagram-feed-awplife'); ?></td> 480 <td class="pro-col"><?php esc_html_e('5 (Grid, Masonry, Mosaic, Carousel, List)', 'wp-instagram-feed-awplife'); ?></td> 481 </tr> 482 <tr> 483 <td class="feature-name"><?php esc_html_e('Instagram Profile Statistics', 'wp-instagram-feed-awplife'); ?></td> 484 <td class="free-col"><span class="cross-icon">✘</span></td> 485 <td class="pro-col"><span class="check-icon">✔</span></td> 486 </tr> 487 <tr> 488 <td class="feature-name"><?php esc_html_e('Mobile Column Settings', 'wp-instagram-feed-awplife'); ?></td> 489 <td class="free-col"><span class="cross-icon">✘</span></td> 490 <td class="pro-col"><span class="check-icon">✔</span></td> 491 </tr> 492 <tr> 493 <td class="feature-name"><?php esc_html_e('Image Load Limit', 'wp-instagram-feed-awplife'); ?></td> 494 <td class="free-col"><?php esc_html_e('Max 50', 'wp-instagram-feed-awplife'); ?></td> 495 <td class="pro-col"><?php esc_html_e('Up to 200', 'wp-instagram-feed-awplife'); ?></td> 496 </tr> 497 <tr> 498 <td class="feature-name"><?php esc_html_e('Follow Button In Lightbox', 'wp-instagram-feed-awplife'); ?></td> 499 <td class="free-col"><span class="cross-icon">✘</span></td> 500 <td class="pro-col"><span class="check-icon">✔</span></td> 501 </tr> 502 <tr> 503 <td class="feature-name"><?php esc_html_e('Custom CSS Support', 'wp-instagram-feed-awplife'); ?></td> 504 <td class="free-col"><span class="cross-icon">✘</span></td> 505 <td class="pro-col"><span class="check-icon">✔</span></td> 506 </tr> 507 <tr> 508 <td class="feature-name"><?php esc_html_e('Priority Email Support', 'wp-instagram-feed-awplife'); ?></td> 509 <td class="free-col"><span class="cross-icon">✘</span></td> 510 <td class="pro-col"><span class="check-icon">✔</span></td> 511 </tr> 512 </tbody> 513 </table> 514 </div> 515 516 <div class="awp-upgrade-buttons"> 517 <a href="https://awplife.com/wordpress-plugins/instagram-feed-gallery-premium/" target="_blank" class="btn-premium"> 518 <span class="dashicons dashicons-cart" style="margin-right: 8px;"></span> 519 <?php esc_html_e('Upgrade To Pro Now', 'wp-instagram-feed-awplife'); ?> 520 </a> 521 <a href="https://awplife.com/demo/instagram-feed-gallery-premium/" target="_blank" class="btn-demo"> 522 <?php esc_html_e('Check Live Demo', 'wp-instagram-feed-awplife'); ?> 523 </a> 524 </div> 525 526 <div class="awp-premium-layouts-preview" style="margin-top: 60px; text-align: center;"> 527 <h2 style="font-weight: 800; margin-bottom: 25px;"><?php esc_html_e('Unlock Premium Layouts', 'wp-instagram-feed-awplife'); ?></h2> 528 <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;"> 529 <a style="transition: transform 0.3s ease; display: inline-block;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'" href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-feed-gallery-masonry-layout/" target="_new"><img style="width: 160px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);" src="<?php echo esc_url(IFGP_PLUGIN_URL . '/img/masonry.png'); ?>" alt="Masonry Layout" title="View Masonry Demo" /></a> 530 <a style="transition: transform 0.3s ease; display: inline-block;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'" href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-feed-gallery-mosaic/" target="_new"><img style="width: 160px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);" src="<?php echo esc_url(IFGP_PLUGIN_URL . '/img/mosaic.jpg'); ?>" alt="Mosaic Layout" title="View Mosaic Demo" /></a> 531 <a style="transition: transform 0.3s ease; display: inline-block;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'" href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-carousel-layout/" target="_new"><img style="width: 160px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);" src="<?php echo esc_url(IFGP_PLUGIN_URL . '/img/carousel-layout.png'); ?>" alt="Carousel Layout" title="View Carousel Demo" /></a> 532 <a style="transition: transform 0.3s ease; display: inline-block;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'" href="https://awplife.com/demo/instagram-feed-gallery-premium/instagram-post-layout/" target="_new"><img style="width: 160px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);" src="<?php echo esc_url(IFGP_PLUGIN_URL . '/img/post-layout.png'); ?>" alt="Post List Layout" title="View Post List Demo" /></a> 533 </div> 252 534 </div> 253 535 </div> 254 536 </div> 255 537 </div> 256 <div class="panel panel-info igp_pannel_bottom ">257 <div class="row panel-body notice notice-info notice-alt">258 <div class="col-md-6 text-left">259 <h3 class="panel-title"><?php esc_html_e('Instagram Feed Gallery Premium', 'wp-instagram-feed-awplife'); ?> <span style="display:inline;"><?php esc_html_e('Version', 'wp-instagram-feed-awplife'); ?> - <?php echo esc_html(IFGP_PLUGIN_VER); ?><span></h3>260 < /div>261 <div class="col-md-6 text-right">262 <div class="panel-heading">263 <button type="button" onclick="IgpGetShortcode();" class="igp_button btn-lg button_1"><?php esc_html_e('[ Generate Sortcode ]', 'wp-instagram-feed-awplife'); ?></button>264 < /div>538 </div> 539 <div class="panel panel-info igp_pannel_bottom "> 540 <div class="row panel-body notice notice-info notice-alt"> 541 <div class="col-md-6 text-left"> 542 <h3 class="panel-title"><?php esc_html_e('Instagram Feed Gallery Premium', 'wp-instagram-feed-awplife'); ?> <span style="display:inline;"><?php esc_html_e('Version', 'wp-instagram-feed-awplife'); ?> - <?php echo esc_html(IFGP_PLUGIN_VER); ?><span></h3> 543 </div> 544 <div class="col-md-6 text-right"> 545 <div class="panel-heading"> 546 <button type="button" onclick="IgpGetShortcode();" class="igp_button btn-lg button_1"><?php esc_html_e('[ Generate Sortcode ]', 'wp-instagram-feed-awplife'); ?></button> 265 547 </div> 266 548 </div> 267 549 </div> 268 <div class="modal" id="modal-show-shortcode" tabindex="-1" role="dialog" aria-labelledby="modal-new-short-code-label"> 269 <div class="modal-dialog" role="document" id="inner-modal"> 270 <div class="modal-content"> 271 <div class="modal-header"> 272 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 273 <h4 class="modal-title" id="modal-new-ticket-label"><?php esc_html_e('Instagram Feed Gallery Premium Shortcode', 'wp-instagram-feed-awplife'); ?></h4> 274 </div> 275 <div class="modal-body text-center"> 276 <textarea id="awl-shortcode" readonly rows="13" cols="120" style="width: 100%; font-size: 15px;"> 550 </div> 551 <div class="modal" id="modal-show-shortcode" tabindex="-1" role="dialog" aria-labelledby="modal-new-short-code-label"> 552 <div class="modal-dialog" role="document" id="inner-modal"> 553 <div class="modal-content"> 554 <div class="modal-header"> 555 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 556 <h4 class="modal-title" id="modal-new-ticket-label"><?php esc_html_e('Instagram Feed Gallery Premium Shortcode', 'wp-instagram-feed-awplife'); ?></h4> 557 </div> 558 <div class="modal-body text-center"> 559 <textarea id="awl-shortcode" readonly rows="13" cols="120" style="width: 100%; font-size: 15px;"> 277 560 </textarea> 278 <div class="center-block text-center"> 279 <button type="button" class="igp_button button_1" data-toggle="tooltip" title="Copied" onclick="CopyShortcode()" ><i class="fa fa-copy" aria-hidden="true"></i> <?php esc_html_e('Copy Sortcode', 'wp-instagram-feed-awplife'); ?></button> 280 </div> 561 <div class="center-block text-center"> 562 <button type="button" class="igp_button button_1" data-toggle="tooltip" title="Copied" onclick="CopyShortcode()"><i class="fa fa-copy" aria-hidden="true"></i> <?php esc_html_e('Copy Sortcode', 'wp-instagram-feed-awplife'); ?></button> 281 563 </div> 282 564 </div> 283 565 </div> 284 566 </div> 285 </div> 567 </div> 286 568 </div> 287 569 </div> 288 570 </div> 289 <div class="col-md-2"> 290 <div class="postbox-container" style="margin-top:20px; margin-bottom:10px;"> 291 <div class="meta-box-sortables ui-sortable"> 292 <div class="postbox"> 293 <div class="postbox-header"><h2 class="hndle ui-sortable-handle" style="font-size: 16px; text-align: center;">Our Themes</h2> 294 <div class="handle-actions hide-if-no-js"><button type="button" class="handle-order-higher" aria-disabled="false" aria-describedby="pfg-themes-handle-order-higher-description"></div></div><div class="inside" style="padding: 0 6px 0px; line-height: 1.4; font-size: 13px;"> 295 <a href="https://awplife.com/premium-wordpress-themes/" target="_new"><img src="<?php echo esc_url(IFGP_PLUGIN_URL.'/img/Premium-wordpress-themes.jpg'); ?>" width="250" height="280"></a> 296 </div> 571 </div> 572 <div class="col-md-2"> 573 <div class="postbox-container" style="margin-top:20px; margin-bottom:10px;"> 574 <div class="meta-box-sortables ui-sortable"> 575 <div class="postbox"> 576 <div class="postbox-header"> 577 <h2 class="hndle ui-sortable-handle" style="font-size: 16px; text-align: center;">Our Themes</h2> 578 <div class="handle-actions hide-if-no-js"><button type="button" class="handle-order-higher" aria-disabled="false" aria-describedby="pfg-themes-handle-order-higher-description"></div> 579 </div> 580 <div class="inside" style="padding: 0 6px 0px; line-height: 1.4; font-size: 13px;"> 581 <a href="https://awplife.com/premium-wordpress-themes/" target="_new"><img src="<?php echo esc_url(IFGP_PLUGIN_URL . '/img/Premium-wordpress-themes.jpg'); ?>" width="250" height="280"></a> 297 582 </div> 298 583 </div> 299 <div class="postbox ">300 <h2 style="font-size: 16px; padding: 10px; border-bottom: 1px solid #c3c4c7;">Rate Our Plugin</h2>301 <div class="inside">302 <div style="text-align:center">303 <p>If you like our plugin then please <b>Rate us</b> on WordPress</p>304 < /div>305 <div style="text-align:center">306 <span class="dashicons dashicons-star-filled"></span>307 <span class="dashicons dashicons-star-filled"></span>308 <span class="dashicons dashicons-star-filled"></span>309 <span class="dashicons dashicons-star-filled"></span>310 <span class="dashicons dashicons-star-filled"></span>311 < /div>312 <br>313 <div style="text-align:center">314 <a href="https://wordpress.org/support/plugin/wp-instagram-feed-awplife/reviews/" target="_new" class="button button-primary button-large" style="background: #cd2757; border:none; text-shadow: none;"><span class="dashicons dashicons-heart" style="line-height:1.4;"></span> Please Rate Us</a>315 < /div>584 </div> 585 <div class="postbox "> 586 <h2 style="font-size: 16px; padding: 10px; border-bottom: 1px solid #c3c4c7;">Rate Our Plugin</h2> 587 <div class="inside"> 588 <div style="text-align:center"> 589 <p>If you like our plugin then please <b>Rate us</b> on WordPress</p> 590 </div> 591 <div style="text-align:center"> 592 <span class="dashicons dashicons-star-filled"></span> 593 <span class="dashicons dashicons-star-filled"></span> 594 <span class="dashicons dashicons-star-filled"></span> 595 <span class="dashicons dashicons-star-filled"></span> 596 <span class="dashicons dashicons-star-filled"></span> 597 </div> 598 <br> 599 <div style="text-align:center"> 600 <a href="https://wordpress.org/support/plugin/wp-instagram-feed-awplife/reviews/" target="_new" class="button button-primary button-large" style="background: #cd2757; border:none; text-shadow: none;"><span class="dashicons dashicons-heart" style="line-height:1.4;"></span> Please Rate Us</a> 316 601 </div> 317 602 </div> 318 </div> 603 </div> 319 604 </div> 320 605 </div> 606 </div> 321 607 <script> 322 jQuery(document).ready(function () { 323 // tab 324 jQuery("div.bhoechie-tab-menu>div.list-group>a").click(function(e) { 325 e.preventDefault(); 326 jQuery(this).siblings('a.active').removeClass("active"); 327 jQuery(this).addClass("active"); 328 var index = jQuery(this).index(); 329 jQuery("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active"); 330 jQuery("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active"); 331 }); 332 333 //range slider 334 var rangeSlider = function(){ 335 var slider = jQuery('.range-slider'), 336 range = jQuery('.range-slider__range'), 337 value = jQuery('.range-slider__value'); 338 339 slider.each(function(){ 340 value.each(function(){ 341 var value = jQuery(this).prev().attr('value'); 342 jQuery(this).html(value); 608 jQuery(document).ready(function() { 609 // tab 610 jQuery("div.bhoechie-tab-menu>div.list-group>a").click(function(e) { 611 e.preventDefault(); 612 jQuery(this).siblings('a.active').removeClass("active"); 613 jQuery(this).addClass("active"); 614 var index = jQuery(this).index(); 615 jQuery("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active"); 616 jQuery("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active"); 343 617 }); 344 618 345 range.on('input', function(){ 346 jQuery(this).next(value).html(this.value); 347 }); 348 }); 349 }; 350 rangeSlider(); 619 //range slider 620 var rangeSlider = function() { 621 var slider = jQuery('.range-slider'), 622 range = jQuery('.range-slider__range'), 623 value = jQuery('.range-slider__value'); 624 625 slider.each(function() { 626 value.each(function() { 627 var value = jQuery(this).prev().attr('value'); 628 jQuery(this).html(value); 629 }); 630 631 range.on('input', function() { 632 jQuery(this).next(value).html(this.value); 633 }); 634 }); 635 }; 636 rangeSlider(); 351 637 }); 352 638 353 639 function IgpGetShortcode() { 354 640 355 641 var shortcode = '[IFG'; 356 642 357 643 var instagram_acces_token = jQuery("#instagram_acces_token").val(); 358 if (instagram_acces_token){644 if (instagram_acces_token) { 359 645 shortcode = shortcode + ' instagram_acces_token="' + instagram_acces_token + '"'; 360 646 } else { 361 647 shortcode = shortcode + ' instagram_acces_token="' + '"'; 362 648 } 363 649 364 650 var insta_layout = jQuery('[name=insta_layout]:checked').val(); 365 if (insta_layout){651 if (insta_layout) { 366 652 shortcode = shortcode + ' insta_layout="' + insta_layout + '"'; 367 653 } else { 368 654 shortcode = shortcode + ' insta_layout="' + 'insta_layout_grid' + '"'; 369 655 } 370 656 371 657 var insta_grid_columns_l = jQuery("#insta_grid_columns_l").val(); 372 if (insta_grid_columns_l){658 if (insta_grid_columns_l) { 373 659 shortcode = shortcode + ' insta_grid_columns_l="' + insta_grid_columns_l + '"'; 374 660 } else { 375 661 shortcode = shortcode + ' insta_grid_columns_l="' + '' + '"'; 376 662 } 377 663 378 664 var insta_image_limit = jQuery("#insta_image_limit").val(); 379 if (insta_image_limit){665 if (insta_image_limit) { 380 666 shortcode = shortcode + ' insta_image_limit="' + insta_image_limit + '"'; 381 667 } 382 668 var insta_image_spacing = jQuery("#insta_image_spacing").val(); 383 if (insta_image_spacing){669 if (insta_image_spacing) { 384 670 shortcode = shortcode + ' insta_image_spacing="' + insta_image_spacing + '"'; 385 671 } 386 672 387 673 var insta_icon_image = jQuery("#insta_icon_image").val(); 388 if (jQuery("#insta_icon_image").prop('checked') == true){674 if (jQuery("#insta_icon_image").prop('checked') == true) { 389 675 shortcode = shortcode + ' insta_icon_image="' + insta_icon_image + '"'; 390 676 } else { 391 677 shortcode = shortcode + ''; 392 } 393 394 678 } 679 680 395 681 var insta_caption_image = jQuery("#insta_caption_image").val(); 396 if (jQuery("#insta_caption_image").prop('checked') == true){682 if (jQuery("#insta_caption_image").prop('checked') == true) { 397 683 shortcode = shortcode + ' insta_caption_image="' + insta_caption_image + '"'; 398 684 } else { 399 685 shortcode = shortcode + ''; 400 } 401 686 } 687 402 688 var insta_link_redirection = jQuery("#insta_link_redirection").val(); 403 if (jQuery("#insta_link_redirection").prop('checked') == true){689 if (jQuery("#insta_link_redirection").prop('checked') == true) { 404 690 shortcode = shortcode + ' insta_link_redirection="' + insta_link_redirection + '"'; 405 691 } else { 406 692 shortcode = shortcode + ''; 407 693 } 408 694 409 695 var insta_lightbox = jQuery("#insta_lightbox").val(); 410 if (jQuery("#insta_lightbox").prop('checked') == true){696 if (jQuery("#insta_lightbox").prop('checked') == true) { 411 697 shortcode = shortcode + ' insta_lightbox="' + insta_lightbox + '"'; 412 698 } else { 413 699 shortcode = shortcode + ''; 414 } 700 } 415 701 var insta_lightbox_color = jQuery("#insta_lightbox_color").val(); 416 if (insta_lightbox_color){702 if (insta_lightbox_color) { 417 703 shortcode = shortcode + ' insta_lightbox_color="' + insta_lightbox_color + '"'; 418 704 } else { … … 423 709 jQuery('#modal-show-shortcode').modal('show'); 424 710 } 425 711 426 712 //color-picker 427 (function( jQuery) {713 (function(jQuery) { 428 714 jQuery(function() { 429 715 // Add Color Picker 430 716 jQuery('#insta_lightbox_color').wpColorPicker(); 431 717 }); 432 })( jQuery);433 718 })(jQuery); 719 434 720 function CopyShortcode() { 435 var copyText = document.getElementById("awl-shortcode");436 copyText.select();437 document.execCommand("copy");721 var copyText = document.getElementById("awl-shortcode"); 722 copyText.select(); 723 document.execCommand("copy"); 438 724 } 439 725 </script> -
wp-instagram-feed-awplife/trunk/shortcode.php
r2807675 r3473624 1 1 <?php 2 if ( ! defined( 'ABSPATH' )) exit; // Exit if accessed directly2 if (! defined('ABSPATH')) exit; // Exit if accessed directly 3 3 /** 4 4 * Instagram Feed Shortcode … … 10 10 */ 11 11 add_shortcode('IFG', 'wp_instagram_feed_shortcode'); 12 function wp_instagram_feed_shortcode($atts) { 12 function wp_instagram_feed_shortcode($atts) 13 { 13 14 ob_start(); 14 15 15 16 //js 16 17 wp_enqueue_script('jquery'); 17 18 18 19 // awp custom bootstrap css 19 wp_enqueue_style('ifgp-bootstrap-css', IFGP_PLUGIN_URL . 'css/ifgp-bootstrap-frontend.css' );20 wp_enqueue_style('ifgp-alw-style-css', IFGP_PLUGIN_URL . 'css/alw-style.css' );21 wp_enqueue_style('ifgp-shortcode-css', IFGP_PLUGIN_URL . 'css/ifgp-shortcode.css' );22 wp_enqueue_style('ifgp-main-css', IFGP_PLUGIN_URL . 'css/main.css' );23 20 wp_enqueue_style('ifgp-bootstrap-css', IFGP_PLUGIN_URL . 'css/ifgp-bootstrap-frontend.css'); 21 wp_enqueue_style('ifgp-alw-style-css', IFGP_PLUGIN_URL . 'css/alw-style.css'); 22 wp_enqueue_style('ifgp-shortcode-css', IFGP_PLUGIN_URL . 'css/ifgp-shortcode.css'); 23 wp_enqueue_style('ifgp-main-css', IFGP_PLUGIN_URL . 'css/main.css'); 24 24 25 //Access Token 25 if(isset($atts['instagram_acces_token'])) $instagram_acces_token = $atts['instagram_acces_token']; else $instagram_acces_token = ""; 26 if(isset($atts['insta_image_limit'])) $insta_image_limit = $atts['insta_image_limit']; else $insta_image_limit = ""; 27 if($insta_image_limit > 50) $insta_image_limit = 50; 26 if (isset($atts['instagram_acces_token'])) $instagram_acces_token = $atts['instagram_acces_token']; 27 else $instagram_acces_token = ""; 28 if (isset($atts['insta_image_limit'])) $insta_image_limit = $atts['insta_image_limit']; 29 else $insta_image_limit = ""; 30 if ($insta_image_limit > 50) $insta_image_limit = 50; 28 31 29 32 $instagram_data_decode = wp_remote_get("https://graph.instagram.com/me/media?fields=id,media_type,permalink,thumbnail_url,timestamp,media_url,caption,username,children{media_url}&access_token=$instagram_acces_token&limit=$insta_image_limit"); 30 33 $instagram_response = $instagram_data_decode['response']['code']; 31 34 $instagram_data = json_decode($instagram_data_decode['body'], true); 32 35 33 36 //Gallery 34 if(isset($atts['insta_layout'])) $insta_layout = $atts['insta_layout']; else $insta_layout = "insta_layout_grid"; 35 if(isset($atts['insta_grid_row_l'])) $insta_grid_row_l = $atts['insta_grid_row_l']; else $insta_grid_row_l = ""; 36 if(isset($atts['insta_grid_columns_l'])) $insta_grid_columns_l = $atts['insta_grid_columns_l']; else $insta_grid_columns_l = ""; 37 if(isset($atts['insta_icon_image'])) $insta_icon_image = $atts['insta_icon_image']; else $insta_icon_image = ""; 38 if(isset($atts['insta_image_spacing'])) $insta_image_spacing = $atts['insta_image_spacing']; else $insta_image_spacing = ""; 39 if($insta_image_spacing > 20) $insta_image_spacing = 20; 40 if(isset($atts['insta_caption_image'])) $insta_caption_image = $atts['insta_caption_image']; else $insta_caption_image = ""; 41 if(isset($atts['insta_link_redirection'])) $insta_link_redirection = $atts['insta_link_redirection']; else $insta_link_redirection = ""; 42 if(isset($atts['insta_lightbox'])) $insta_lightbox = $atts['insta_lightbox']; else $insta_lightbox = ""; 43 if(isset($atts['insta_lightbox_color'])) $insta_lightbox_color = $atts['insta_lightbox_color']; else $insta_lightbox_color = ""; 44 45 if($insta_layout == 'insta_layout_grid') { 37 if (isset($atts['insta_layout'])) $insta_layout = $atts['insta_layout']; 38 else $insta_layout = "insta_layout_grid"; 39 if (isset($atts['insta_grid_row_l'])) $insta_grid_row_l = $atts['insta_grid_row_l']; 40 else $insta_grid_row_l = ""; 41 if (isset($atts['insta_grid_columns_l'])) $insta_grid_columns_l = $atts['insta_grid_columns_l']; 42 else $insta_grid_columns_l = ""; 43 if (isset($atts['insta_icon_image'])) $insta_icon_image = $atts['insta_icon_image']; 44 else $insta_icon_image = ""; 45 if (isset($atts['insta_image_spacing'])) $insta_image_spacing = $atts['insta_image_spacing']; 46 else $insta_image_spacing = ""; 47 if ($insta_image_spacing > 20) $insta_image_spacing = 20; 48 if (isset($atts['insta_caption_image'])) $insta_caption_image = $atts['insta_caption_image']; 49 else $insta_caption_image = ""; 50 if (isset($atts['insta_link_redirection'])) $insta_link_redirection = $atts['insta_link_redirection']; 51 else $insta_link_redirection = ""; 52 if (isset($atts['insta_lightbox'])) $insta_lightbox = $atts['insta_lightbox']; 53 else $insta_lightbox = ""; 54 if (isset($atts['insta_lightbox_color'])) $insta_lightbox_color = $atts['insta_lightbox_color']; 55 else $insta_lightbox_color = ""; 56 57 if ($insta_layout == 'insta_layout_grid') { 46 58 require('layout/instagram-grid-layout-shortcode.php'); 47 59 } 48 60 49 61 //Include code file 50 62 return ob_get_clean(); 51 63 } 52 ?> -
wp-instagram-feed-awplife/trunk/wp-instagram-feed-awplife.php
r3428570 r3473624 1 1 <?php 2 if ( ! defined( 'ABSPATH' )) exit; // Exit if accessed directly2 if (! defined('ABSPATH')) exit; // Exit if accessed directly 3 3 /** 4 4 @package Wp Instagram Feed Awplife … … 6 6 * Plugin URI: https://awplife.com/wordpress-plugins/instagram-feed-gallery-premium/ 7 7 * Description: Create a responsive social media feed gallery with Instagram access token. Grid layout, lightbox, shortcode support. 8 * Version: 1. 4.98 * Version: 1.5.0 9 9 * Requires at least: 5.0 10 10 * Requires PHP: 7.0 … … 18 18 */ 19 19 20 if ( ! class_exists( 'Instagram_Feed_Awplife' )) {20 if (! class_exists('Instagram_Feed_Awplife')) { 21 21 22 class Instagram_Feed_Awplife { 23 22 class Instagram_Feed_Awplife 23 { 24 24 25 protected $protected_plugin_api; 25 26 protected $ajax_plugin_nonce; 26 27 public function __construct() { 27 28 public function __construct() 29 { 28 30 $this->_constants(); 29 31 $this->_hooks(); 30 32 } 31 32 protected function _constants() { 33 34 protected function _constants() 35 { 33 36 //Plugin Version 34 define( 'IFGP_PLUGIN_VER', '1.4.9');35 37 define('IFGP_PLUGIN_VER', '1.5.0'); 38 36 39 //Plugin Text Domain 37 define("IFGP_TXTDM", "wp-instagram-feed-awplife" );40 define("IFGP_TXTDM", "wp-instagram-feed-awplife"); 38 41 39 42 //Plugin Name 40 define( 'IFGP_PLUGIN_NAME', 'wp-instagram-feed-awplife');43 define('IFGP_PLUGIN_NAME', 'wp-instagram-feed-awplife'); 41 44 42 45 //Plugin Slug 43 define( 'IFGP_PLUGIN_SLUG', 'wp-instagram-feed-awplife');46 define('IFGP_PLUGIN_SLUG', 'wp-instagram-feed-awplife'); 44 47 45 48 //Plugin Directory Path 46 define( 'IFGP_PLUGIN_DIR', plugin_dir_path( __FILE__ ));49 define('IFGP_PLUGIN_DIR', plugin_dir_path(__FILE__)); 47 50 48 51 //Plugin Directory URL 49 define( 'IFGP_PLUGIN_URL', plugin_dir_url( __FILE__ ));52 define('IFGP_PLUGIN_URL', plugin_dir_url(__FILE__)); 50 53 51 54 /** … … 53 56 * @uses NONCE_KEY Defined in the WP root config.php 54 57 */ 55 define( 'IFGP_SECURE_KEY', md5( NONCE_KEY ) ); 56 58 define('IFGP_SECURE_KEY', md5(NONCE_KEY)); 57 59 } // end of constructor function 58 60 59 61 /** 60 62 * Setup the default filters and actions 61 63 */ 62 protected function _hooks() { 64 protected function _hooks() 65 { 63 66 //Load text domain 64 add_action( 'init', array( $this, '_load_textdomain' ));65 67 add_action('init', array($this, '_load_textdomain')); 68 66 69 //add instagram type gallery menu item, change menu filter for multisite 67 add_action( 'admin_menu', array( $this, 'instagram_feed_menu' ));68 69 add_action( 'wp_enqueue_scripts', array(&$this, 'enqueue_scripts_in_header'));70 71 }// end of hook function 72 73 public function enqueue_scripts_in_header(){70 add_action('admin_menu', array($this, 'instagram_feed_menu')); 71 72 add_action('wp_enqueue_scripts', array(&$this, 'enqueue_scripts_in_header')); 73 } // end of hook function 74 75 public function enqueue_scripts_in_header() 76 { 74 77 wp_enqueue_script('jquery'); 75 78 } 76 79 77 80 /** 78 81 * Loads the text domain. 79 82 */ 80 public function _load_textdomain() { 81 load_plugin_textdomain( 'wp-instagram-feed-awplife', false, dirname( plugin_basename( __FILE__ ) ) . '/languages' ); 83 public function _load_textdomain() 84 { 85 load_plugin_textdomain('wp-instagram-feed-awplife', false, dirname(plugin_basename(__FILE__)) . '/languages'); 82 86 } 83 87 84 88 /** 85 89 * Adds the Instagram Feed menu item 86 90 */ 87 public function instagram_feed_menu() { 91 public function instagram_feed_menu() 92 { 88 93 $icon = IFGP_PLUGIN_URL . '/img/insta-icon.png'; 89 add_menu_page( 'Instagram Feed', 'Instagram Feed', 'administrator', 'wp-instagram-feed-awplife', array( $this, 'wp_instagram_feed_settings_page'), $icon, 65);94 add_menu_page('Instagram Feed', 'Instagram Feed', 'administrator', 'wp-instagram-feed-awplife', array($this, 'wp_instagram_feed_settings_page'), $icon, 65); 90 95 } 91 92 public function wp_instagram_feed_settings_page() { 96 97 public function wp_instagram_feed_settings_page() 98 { 93 99 require_once('setting.php'); 94 100 } 95 96 97 101 } // end of class 98 102 … … 105 109 require_once('shortcode.php'); 106 110 } // end of class exists 107 ?>
Note: See TracChangeset
for help on using the changeset viewer.