WordPress Infinite Scroll – Ajax Load More - Version 2.8.4

Version Description

  • NEW - Adding new loading styles and button types.
  • NEW - Adding new 'button_loading_label' parameter allowing users to change button text while loading content.
  • NEW - Adding required support and functionality for new Comments add-on - https://connekthq.com/plugins/ajax-load-more/add-ons/comments/
  • UPDATE - Updating JS functions for release of Previous Post v1.1.
  • UPDATE - Various admin enhancements and removing deprecated code.
  • UPDATE - removing default link color in ajax-load-more.css.
Download this release

Release Info

Developer dcooney
Plugin Icon 128x128 WordPress Infinite Scroll – Ajax Load More
Version 2.8.4
Comparing to
See all releases

Code changes from version 2.8.3 to 2.8.4

README.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: dcooney
3
  Donate link: http://connekthq.com/donate/
4
  Tags: infinite scroll, scroll, infinite, lazy load, lazy loading, pagination, ajax pagination, ajax, ajax posts, ajax load posts, loop, query, dynamic, shortcode builder, wp_query, search, tags, category, post types, taxonomy, meta_query, archives, date, infinite scrolling
5
  Requires at least: 3.6
6
- Tested up to: 4.3.1
7
- Stable tag: 2.8.3
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -12,7 +12,7 @@ A powerful solution to add infinite scroll functionality to your website
12
 
13
  == Description ==
14
 
15
- Ajax Load More is the ultimate solution for infinite scrolling and lazy loading posts, custom post types and pages with Ajax powered queries.
16
 
17
  Build complex WordPress queries using the Ajax Load More custom shortcode builder then add the shortcode to your pages via the content editor or directly into your template files.
18
 
@@ -31,6 +31,18 @@ Check out the **[demo site](http://connekthq.com/plugins/ajax-load-more/)** for
31
 
32
  ***
33
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  = Shortcode Parameters =
35
 
36
  Ajax Load More accepts a number of parameters that are passed to the WordPress query. These parameters are transferred via shortcode - don't worry, creating your shortcode is simple with our intuitive Shortcode Builder.
@@ -74,6 +86,7 @@ Ajax Load More accepts a number of parameters that are passed to the WordPress q
74
  * **images_loaded** - Wait for all images to load before displaying ajax loaded content (true/false). Default = 'false'
75
  * **destroy_after** - Remove ajax load more functionality after 'n' number of pages have been loaded. Default = null
76
  * **button_label** - The label text for Load More button. Default = 'Older Posts'
 
77
  * **container_type** - Override the global Container Type that was set on ALM Settings page. Default = null
78
  * **css_classes** - Add custom CSS classes to the Ajax Load More container. Default = null
79
  * **cache** - Turn on content caching for the specific Ajax Load More query. <a href="http://connekthq.com/plugins/ajax-load-more/cache/">add-on only</a> - (true/false). Default = ‘false’
@@ -100,6 +113,8 @@ Ajax Load More accepts a number of parameters that are passed to the WordPress q
100
  * **[Destroy After](http://connekthq.com/plugins/ajax-load-more/examples/destroy-after/)** - Remove Ajax Load More functionality after 'n' number of pages
101
  * **[Fade Transition](http://connekthq.com/plugins/ajax-load-more/examples/fade-transition/)** - Elements fade in as posts are loaded
102
  * **[Filtering](http://connekthq.com/plugins/ajax-load-more/examples/filtering/)** - Reset and filter an Ajax Load More instance
 
 
103
  * **[Masonry](http://connekthq.com/plugins/ajax-load-more/examples/masonry/)** - Creating a flexible grid layout with Masonry JS
104
  * **[Multiple Instances](http://connekthq.com/plugins/ajax-load-more/examples/multiple-instances/)** - Include multiple Ajax Load More' on a single page
105
  * **[Paging URLs](http://connekthq.com/plugins/ajax-load-more/examples/paging-urls/)** - Generate unique paging URLs for every Ajax Load More query with the SEO add-on
@@ -118,14 +133,18 @@ Ajax Load More accepts a number of parameters that are passed to the WordPress q
118
  = Add-ons =
119
  The following Add-ons are available to increase the functionality of Ajax Load More.
120
 
121
- > #### Custom Repeaters
122
- > The **[Custom Repeaters](http://connekthq.com/plugins/ajax-load-more/custom-repeaters/)** add-on will allow for **unlimited repeater templates** and provide the ability to create unique templates for different content types throughout your theme.<br />
123
- > [Get More Information](http://connekthq.com/plugins/ajax-load-more/custom-repeaters/)
124
- >
125
  > #### Cache
126
  > The **[Cache](http://connekthq.com/plugins/ajax-load-more/cache/)** add-oncreates static HTML files of Ajax Load More requests then serves those static pages to your visitors without querying the database.<br />
127
  > [Get More Information](http://connekthq.com/plugins/ajax-load-more/cache/)
128
  >
 
 
 
 
 
 
 
 
129
  > #### Paging
130
  > The **[Paging](http://connekthq.com/plugins/ajax-load-more/paging/)** add-on will transform Ajax Load More’s lazy load/infinite scroll functionality into a robust ajax powered navigation system.<br />
131
  > [Get More Information](http://connekthq.com/plugins/ajax-load-more/paging/)
@@ -177,6 +196,13 @@ The following [functions](https://connekthq.com/plugins/ajax-load-more/docs/call
177
  console.log('Ajax Load More filter has completed!');
178
  };
179
 
 
 
 
 
 
 
 
180
  ***
181
 
182
  = Variables =
@@ -287,6 +313,16 @@ How to install Ajax Load More.
287
  == Changelog ==
288
 
289
 
 
 
 
 
 
 
 
 
 
 
290
  = 2.8.3 =
291
  * PERFORMANCE - Updating ALM core to enqueue Ajax Load More js only when shortcode is present on screen.
292
  * NEW - Adding 'canonical-url' data attribute to ALM plugin wrapper - this will be used by various functions throughout the core plugin and add-ons.
3
  Donate link: http://connekthq.com/donate/
4
  Tags: infinite scroll, scroll, infinite, lazy load, lazy loading, pagination, ajax pagination, ajax, ajax posts, ajax load posts, loop, query, dynamic, shortcode builder, wp_query, search, tags, category, post types, taxonomy, meta_query, archives, date, infinite scrolling
5
  Requires at least: 3.6
6
+ Tested up to: 4.4
7
+ Stable tag: 2.8.4
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
12
 
13
  == Description ==
14
 
15
+ Ajax Load More is the ultimate solution for infinite scrolling and lazy loading posts, custom post types, single posts, pages and comments with Ajax powered queries.
16
 
17
  Build complex WordPress queries using the Ajax Load More custom shortcode builder then add the shortcode to your pages via the content editor or directly into your template files.
18
 
31
 
32
  ***
33
 
34
+ = Content Types =
35
+ Ajax Load More will allow for infinite scrolling of pretty much any content type WordPress offers.
36
+
37
+ * [Posts](https://connekthq.com/plugins/ajax-load-more/examples/default/)
38
+ * [Custom Post Types](https://connekthq.com/plugins/ajax-load-more/examples/masonry/)
39
+ * [Pages](https://connekthq.com/plugins/ajax-load-more/examples/search-results/)
40
+ * [Single Posts](https://connekthq.com/ajax-load-more-posts/alm-post-example/) **
41
+ * [Comments](http://comments.connekthq.com/example-post/) **
42
+
43
+ ** Add-on required
44
+
45
+
46
  = Shortcode Parameters =
47
 
48
  Ajax Load More accepts a number of parameters that are passed to the WordPress query. These parameters are transferred via shortcode - don't worry, creating your shortcode is simple with our intuitive Shortcode Builder.
86
  * **images_loaded** - Wait for all images to load before displaying ajax loaded content (true/false). Default = 'false'
87
  * **destroy_after** - Remove ajax load more functionality after 'n' number of pages have been loaded. Default = null
88
  * **button_label** - The label text for Load More button. Default = 'Older Posts'
89
+ * **button_loading_label** - Update the text of the Load More button while content is loading. Default = null
90
  * **container_type** - Override the global Container Type that was set on ALM Settings page. Default = null
91
  * **css_classes** - Add custom CSS classes to the Ajax Load More container. Default = null
92
  * **cache** - Turn on content caching for the specific Ajax Load More query. <a href="http://connekthq.com/plugins/ajax-load-more/cache/">add-on only</a> - (true/false). Default = ‘false’
113
  * **[Destroy After](http://connekthq.com/plugins/ajax-load-more/examples/destroy-after/)** - Remove Ajax Load More functionality after 'n' number of pages
114
  * **[Fade Transition](http://connekthq.com/plugins/ajax-load-more/examples/fade-transition/)** - Elements fade in as posts are loaded
115
  * **[Filtering](http://connekthq.com/plugins/ajax-load-more/examples/filtering/)** - Reset and filter an Ajax Load More instance
116
+ * **[Infinite Scroll](http://connekthq.com/plugins/ajax-load-more/examples/infinite-scroll/)** - A look at the new loading functionality and style
117
+ * **[Images Loaded](http://connekthq.com/plugins/ajax-load-more/examples/images-loaded/)** - Download images before displaying ajax loaded content
118
  * **[Masonry](http://connekthq.com/plugins/ajax-load-more/examples/masonry/)** - Creating a flexible grid layout with Masonry JS
119
  * **[Multiple Instances](http://connekthq.com/plugins/ajax-load-more/examples/multiple-instances/)** - Include multiple Ajax Load More' on a single page
120
  * **[Paging URLs](http://connekthq.com/plugins/ajax-load-more/examples/paging-urls/)** - Generate unique paging URLs for every Ajax Load More query with the SEO add-on
133
  = Add-ons =
134
  The following Add-ons are available to increase the functionality of Ajax Load More.
135
 
 
 
 
 
136
  > #### Cache
137
  > The **[Cache](http://connekthq.com/plugins/ajax-load-more/cache/)** add-oncreates static HTML files of Ajax Load More requests then serves those static pages to your visitors without querying the database.<br />
138
  > [Get More Information](http://connekthq.com/plugins/ajax-load-more/cache/)
139
  >
140
+ > #### Comments
141
+ > The **[Comments](http://connekthq.com/plugins/ajax-load-more/add-ons/comments/)** add-on will load and display blog comments using the core Ajax Load More infinite scroll functionality.<br />
142
+ > [Get More Information](http://connekthq.com/plugins/ajax-load-more/add-ons/comments/)
143
+ >
144
+ > #### Custom Repeaters
145
+ > The **[Custom Repeaters](http://connekthq.com/plugins/ajax-load-more/custom-repeaters/)** add-on will allow for **unlimited repeater templates** and provide the ability to create unique templates for different content types throughout your theme.<br />
146
+ > [Get More Information](http://connekthq.com/plugins/ajax-load-more/custom-repeaters/)
147
+ >
148
  > #### Paging
149
  > The **[Paging](http://connekthq.com/plugins/ajax-load-more/paging/)** add-on will transform Ajax Load More’s lazy load/infinite scroll functionality into a robust ajax powered navigation system.<br />
150
  > [Get More Information](http://connekthq.com/plugins/ajax-load-more/paging/)
196
  console.log('Ajax Load More filter has completed!');
197
  };
198
 
199
+
200
+ **ALM URL Update** - The almUrlUpdate() function is triggered after a successful URL update (pushState) from the Previous Post or the Search Engine Optimization add-on
201
+
202
+ $.fn.almUrlUpdate = function(permalink, type){
203
+ console.log("URL updated to " + permalink + '- dispatched from the '+ type + ' add-on.');
204
+ };
205
+
206
  ***
207
 
208
  = Variables =
313
  == Changelog ==
314
 
315
 
316
+ = 2.8.4 =
317
+ * NEW - Adding new loading styles and button types.
318
+ * NEW - Adding new 'button_loading_label' parameter allowing users to change button text while loading content.
319
+ * NEW - Adding required support and functionality for new Comments add-on - https://connekthq.com/plugins/ajax-load-more/add-ons/comments/
320
+ * UPDATE - Updating JS functions for release of Previous Post v1.1.
321
+ * UPDATE - Various admin enhancements and removing deprecated code.
322
+ * UPDATE - removing default link color in ajax-load-more.css.
323
+
324
+
325
+
326
  = 2.8.3 =
327
  * PERFORMANCE - Updating ALM core to enqueue Ajax Load More js only when shortcode is present on screen.
328
  * NEW - Adding 'canonical-url' data attribute to ALM plugin wrapper - this will be used by various functions throughout the core plugin and add-ons.
admin/admin.php CHANGED
@@ -410,6 +410,7 @@ function alm_enqueue_admin_scripts(){
410
  //Load Admin CSS
411
  wp_enqueue_style( 'alm-admin-css', ALM_ADMIN_URL. 'css/admin.css');
412
  wp_enqueue_style( 'alm-select2-css', ALM_ADMIN_URL. 'css/select2.css');
 
413
  wp_enqueue_style( 'alm-core-css', ALM_URL. '/core/css/ajax-load-more.css');
414
  wp_enqueue_style( 'alm-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
415
 
@@ -436,6 +437,7 @@ function alm_enqueue_admin_scripts(){
436
  wp_enqueue_script( 'jquery-form' );
437
  wp_enqueue_script( 'alm-select2', ALM_ADMIN_URL. 'js/libs/select2.min.js', array( 'jquery' ));
438
  wp_enqueue_script( 'alm-drops', ALM_ADMIN_URL. 'js/libs/jquery.drops.js', array( 'jquery' ));
 
439
  wp_enqueue_script( 'alm-admin', ALM_ADMIN_URL. 'js/admin.js', array( 'jquery' ));
440
  wp_enqueue_script( 'alm-shortcode-builder', ALM_ADMIN_URL. 'shortcode-builder/js/shortcode-builder.js', array( 'jquery' ));
441
  }
@@ -822,7 +824,7 @@ function alm_admin_init(){
822
 
823
  add_settings_field( // Btn color
824
  '_alm_btn_color',
825
- __('Button Color', 'ajax-load-more' ),
826
  'alm_btn_color_callback',
827
  'ajax-load-more',
828
  'alm_general_settings'
@@ -1102,44 +1104,74 @@ function alm_class_callback(){
1102
  function alm_btn_color_callback() {
1103
 
1104
  $options = get_option( 'alm_settings' );
1105
- $color = $options['_alm_btn_color'];
1106
 
1107
- if(!isset($color))
1108
  $options['_alm_btn_color'] = '0';
1109
 
1110
  $selected0 = '';
1111
- if($color == 'default') $selected0 = 'selected="selected"';
1112
 
1113
  $selected1 = '';
1114
- if($color == 'blue') $selected1 = 'selected="selected"';
1115
 
1116
  $selected2 = '';
1117
- if($color == 'green') $selected2 = 'selected="selected"';
1118
 
1119
  $selected3 = '';
1120
- if($color == 'red') $selected3 = 'selected="selected"';
1121
 
1122
  $selected4 = '';
1123
- if($color == 'purple') $selected4 = 'selected="selected"';
1124
 
1125
  $selected5 = '';
1126
- if($color == 'grey') $selected5 = 'selected="selected"';
1127
 
1128
  $selected6 = '';
1129
- if($color == 'white') $selected6 = 'selected="selected"';
1130
 
1131
- $html = '<label for="alm_settings_btn_color">'.__('Choose your <strong>Load More</strong> button color', 'ajax-load-more').'.</label><br/>';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1132
  $html .= '<select id="alm_settings_btn_color" name="alm_settings[_alm_btn_color]">';
1133
- $html .= '<option value="default" ' . $selected0 .'>Default (Orange)</option>';
1134
- $html .= '<option value="blue" ' . $selected1 .'>Blue</option>';
1135
- $html .= '<option value="green" ' . $selected2 .'>Green</option>';
1136
- $html .= '<option value="red" ' . $selected3 .'>Red</option>';
1137
- $html .= '<option value="purple" ' . $selected4 .'>Purple</option>';
1138
- $html .= '<option value="grey" ' . $selected5 .'>Grey</option>';
1139
- $html .= '<option value="white" ' . $selected6 .'>White</option>';
 
 
 
 
 
 
 
 
 
 
1140
  $html .= '</select>';
1141
 
1142
- $html .= '<div class="clear"></div><div class="ajax-load-more-wrap core '.$color.'"><span>'.__('Preview', 'ajax-load-more') .'</span><button class="alm-load-more-btn loading" disabled="disabled">Load More</button></div>';
1143
  echo $html;
1144
  }
1145
 
@@ -1164,23 +1196,6 @@ function alm_btn_class_callback(){
1164
  echo $html;
1165
  ?>
1166
  <script>
1167
- //Button preview
1168
- var colorArray = "default grey purple green red blue white";
1169
- jQuery("select#alm_settings_btn_color").change(function() {
1170
- var color = jQuery(this).val();
1171
- // Remove other colors
1172
- jQuery('.ajax-load-more-wrap.core').removeClass('default');
1173
- jQuery('.ajax-load-more-wrap.core').removeClass('grey');
1174
- jQuery('.ajax-load-more-wrap.core').removeClass('purple');
1175
- jQuery('.ajax-load-more-wrap.core').removeClass('green');
1176
- jQuery('.ajax-load-more-wrap.core').removeClass('red');
1177
- jQuery('.ajax-load-more-wrap.core').removeClass('blue');
1178
- jQuery('.ajax-load-more-wrap.core').removeClass('white');
1179
- jQuery('.ajax-load-more-wrap.core').addClass(color);
1180
- });
1181
- jQuery("select#alm_settings_btn_color").click(function(e){
1182
- e.preventDefault();
1183
- });
1184
 
1185
  // Check if Disable CSS === true
1186
  if(jQuery('input#alm_disable_css_input').is(":checked")){
410
  //Load Admin CSS
411
  wp_enqueue_style( 'alm-admin-css', ALM_ADMIN_URL. 'css/admin.css');
412
  wp_enqueue_style( 'alm-select2-css', ALM_ADMIN_URL. 'css/select2.css');
413
+ wp_enqueue_style( 'alm-tooltipster', ALM_ADMIN_URL. 'css/tooltipster/tooltipster.css');
414
  wp_enqueue_style( 'alm-core-css', ALM_URL. '/core/css/ajax-load-more.css');
415
  wp_enqueue_style( 'alm-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
416
 
437
  wp_enqueue_script( 'jquery-form' );
438
  wp_enqueue_script( 'alm-select2', ALM_ADMIN_URL. 'js/libs/select2.min.js', array( 'jquery' ));
439
  wp_enqueue_script( 'alm-drops', ALM_ADMIN_URL. 'js/libs/jquery.drops.js', array( 'jquery' ));
440
+ wp_enqueue_script( 'alm-tipster', ALM_ADMIN_URL. 'js/libs/jquery.tooltipster.min.js', array( 'jquery' ));
441
  wp_enqueue_script( 'alm-admin', ALM_ADMIN_URL. 'js/admin.js', array( 'jquery' ));
442
  wp_enqueue_script( 'alm-shortcode-builder', ALM_ADMIN_URL. 'shortcode-builder/js/shortcode-builder.js', array( 'jquery' ));
443
  }
824
 
825
  add_settings_field( // Btn color
826
  '_alm_btn_color',
827
+ __('Button/Loading Style', 'ajax-load-more' ),
828
  'alm_btn_color_callback',
829
  'ajax-load-more',
830
  'alm_general_settings'
1104
  function alm_btn_color_callback() {
1105
 
1106
  $options = get_option( 'alm_settings' );
1107
+ $type = $options['_alm_btn_color'];
1108
 
1109
+ if(!isset($type))
1110
  $options['_alm_btn_color'] = '0';
1111
 
1112
  $selected0 = '';
1113
+ if($type == 'default') $selected0 = 'selected="selected"';
1114
 
1115
  $selected1 = '';
1116
+ if($type == 'blue') $selected1 = 'selected="selected"';
1117
 
1118
  $selected2 = '';
1119
+ if($type == 'green') $selected2 = 'selected="selected"';
1120
 
1121
  $selected3 = '';
1122
+ if($type == 'red') $selected3 = 'selected="selected"';
1123
 
1124
  $selected4 = '';
1125
+ if($type == 'purple') $selected4 = 'selected="selected"';
1126
 
1127
  $selected5 = '';
1128
+ if($type == 'grey') $selected5 = 'selected="selected"';
1129
 
1130
  $selected6 = '';
1131
+ if($type == 'white') $selected6 = 'selected="selected"';
1132
 
1133
+ $selected7 = '';
1134
+ if($type == 'infinite classic') $selected7 = 'selected="selected"';
1135
+
1136
+ $selected8 = '';
1137
+ if($type == 'infinite skype') $selected8 = 'selected="selected"';
1138
+
1139
+ $selected9 = '';
1140
+ if($type == 'infinite ring') $selected9 = 'selected="selected"';
1141
+
1142
+ $selected10 = '';
1143
+ if($type == 'infinite fading-blocks') $selected10 = 'selected="selected"';
1144
+
1145
+ $selected11 = '';
1146
+ if($type == 'infinite fading-circles') $selected11 = 'selected="selected"';
1147
+
1148
+ $selected12 = '';
1149
+ if($type == 'infinite chasing-arrows') $selected12 = 'selected="selected"';
1150
+
1151
+ $html = '<label for="alm_settings_btn_color">'.__('Select an Ajax loading style - you can choose between a <strong>button</strong> or <strong>infinite scroll</strong>', 'ajax-load-more');
1152
+ $html .= '.<br/><span style="display:block">Selecting an Infinite Scroll button style will remove the click interaction and load content on scroll only.</span>';
1153
+ $html .= '</label>';
1154
  $html .= '<select id="alm_settings_btn_color" name="alm_settings[_alm_btn_color]">';
1155
+ $html .= '<optgroup label="Buttons">';
1156
+ $html .= '<option value="default" class="alm-color default" ' . $selected0 .'>Default</option>';
1157
+ $html .= '<option value="blue" class="alm-color blue" ' . $selected1 .'>Blue</option>';
1158
+ $html .= '<option value="green" class="alm-color green" ' . $selected2 .'>Green</option>';
1159
+ //$html .= '<option value="red" ' . $selected3 .'>Red</option>';
1160
+ $html .= '<option value="purple" class="alm-color purple" ' . $selected4 .'>Purple</option>';
1161
+ $html .= '<option value="grey" class="alm-color grey" ' . $selected5 .'>Grey</option>';
1162
+ //$html .= '<option value="white" ' . $selected6 .'>White (Button)</option>';
1163
+ $html .= '</optgroup>';
1164
+ $html .= '<optgroup label="Infinite Scroll (no button)">';
1165
+ $html .= '<option value="infinite classic" class="infinite classic" ' . $selected7 .'>Classic</option>';
1166
+ $html .= '<option value="infinite skype" class="infinite skype" ' . $selected8 .'>Skype</option>';
1167
+ $html .= '<option value="infinite ring" class="infinite ring" ' . $selected9 .'>Circle Fill</option>';
1168
+ $html .= '<option value="infinite fading-blocks" class="infinite fading-blocks" ' . $selected10 .'>Fading Blocks</option>';
1169
+ $html .= '<option value="infinite fading-circles" class="infinite fading-circles" ' . $selected11 .'>Fading Circles</option>';
1170
+ $html .= '<option value="infinite chasing-arrows" class="infinite chasing-arrows" ' . $selected12 .'>Chasing Arrows</option>';
1171
+ $html .= '</optgroup>';
1172
  $html .= '</select>';
1173
 
1174
+ $html .= '<div class="clear"></div><div class="ajax-load-more-wrap core '.$type.'"><span>'.__('Preview', 'ajax-load-more') .'</span><button class="alm-load-more-btn loading" disabled="disabled">Load More</button></div>';
1175
  echo $html;
1176
  }
1177
 
1196
  echo $html;
1197
  ?>
1198
  <script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1199
 
1200
  // Check if Disable CSS === true
1201
  if(jQuery('input#alm_disable_css_input').is(":checked")){
admin/css/admin.css CHANGED
@@ -1,5 +1,74 @@
1
  @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,600);
2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
 
4
  /*
5
  * Admin - Popup Generator
@@ -38,12 +107,12 @@
38
  padding: 15px 10px 140px !important;
39
  }
40
 
41
- #alm-settings form h3{
42
  padding: 2px 0 6px 12px;
43
  border-left: 5px solid #ff5a58;
44
  margin: 0;
45
  }
46
- #alm-settings form h3 + p{
47
  color: #999;
48
  padding: 0 0 0 12px;
49
  border-left: 5px solid #ff5a58;
@@ -341,7 +410,8 @@
341
  .ajax-load-more #taxonomy-extended,
342
  .ajax-load-more #nav-controls,
343
  .ajax-load-more #seo-extended,
344
- .ajax-load-more #meta-query-relation{
 
345
  display: none;
346
  overflow: hidden;
347
  }
@@ -643,6 +713,24 @@
643
  padding-left: 21px !important;
644
  color: #999;
645
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
646
 
647
  .ajax-load-more .section-title p span,
648
  .admin.ajax-load-more.settings .form-table p.notify span{
@@ -876,6 +964,7 @@
876
  padding: 0 0 10px;
877
  max-width: 90%;
878
  cursor: pointer !important;
 
879
  }
880
  .form-table input[type=radio],
881
  .form-table input[type=checkbox]{
@@ -950,7 +1039,7 @@
950
  .admin.ajax-load-more.settings .select2-container{
951
  margin-top:10px;
952
  }
953
- .admin.ajax-load-more.settings .ajax-load-more-wrap {
954
  position: relative;
955
  top: 10px;
956
  padding: 10px;
@@ -959,19 +1048,20 @@
959
  margin-top:10px;
960
  margin-bottom: 10px;
961
  }
962
- .admin.ajax-load-more.settings .ajax-load-more-wrap button{
 
 
 
 
963
  margin: 0 !important;
964
  }
965
- .admin.ajax-load-more.settings .ajax-load-more-wrap > span{
966
  display: block;
967
  font-size: 11px;
968
  opacity: 0.7;
969
  padding: 0 0 8px;
970
  text-transform: uppercase;
971
  }
972
- .admin.ajax-load-more.settings button.alm-load-more-btn.loading:before {
973
- margin: 5px 6px 6px;
974
- }
975
 
976
  .admin.ajax-load-more.settings .ajax-load-more-wrap.pages{}
977
  .admin.ajax-load-more.settings .ajax-load-more-wrap.pages li{
@@ -986,6 +1076,7 @@
986
  .admin.ajax-load-more.settings .form-table td,
987
  .admin.ajax-load-more.settings .form-table th{
988
  padding: 20px 0 16px;
 
989
  }
990
  .admin.ajax-load-more.settings .form-table th{
991
  padding-left: 17px;
@@ -1141,15 +1232,13 @@ input.save-repeater{
1141
  .alm-save-settings{}
1142
  .alm-save-settings p.submit{
1143
  float: left;
1144
- margin: 0 10px 0 0;
1145
  width: auto;
1146
  }
1147
- .alm-save-settings .loading{
1148
- width: 50px;
1149
- height: 26px;
1150
  display: none;
1151
  float: left;
1152
- background: #fff url("../img/loader.gif") no-repeat center center;
1153
  }
1154
 
1155
 
@@ -1173,6 +1262,7 @@ table.highlight{
1173
  display: block;
1174
  clear: both;
1175
  }
 
1176
  .ajax-load-more .cnkt-main .group,
1177
  .ajax-load-more .cnkt-sidebar .cta,
1178
  .call-out.light{
@@ -1258,6 +1348,8 @@ table.highlight{
1258
  font-size: 14px;
1259
  padding: 8px 14px;
1260
  }
 
 
1261
  #alm-add-ons .group img{
1262
  padding: 12px 18px 12px;
1263
  }
@@ -1272,9 +1364,18 @@ table.highlight{
1272
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
1273
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
1274
  }
 
 
 
 
 
 
1275
  #alm-add-ons .group a:hover h2{
1276
  color: #ff5a58 !important;
1277
  }
 
 
 
1278
 
1279
  /* Add-on Callout! */
1280
  .call-out{
1
  @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,600);
2
 
3
+ /* Custom buttom/loading styles */
4
+ .select2-results .select2-result.alm-color .select2-result-label{
5
+ position: relative;
6
+ }
7
+ .select2-results .select2-result.alm-color .select2-result-label:after{
8
+ width: 10px;
9
+ height: 10px;
10
+ border-radius: 100%;
11
+ content: '';
12
+ display: block;
13
+ position: absolute;
14
+ right: 20px;
15
+ top: 50%;
16
+ margin-top: -5px;
17
+ z-index: 1;
18
+ }
19
+ .select2-results .select2-result.alm-color.default .select2-result-label:after{
20
+ background-color: #ed7070;
21
+ }
22
+ .select2-results .select2-result.alm-color.blue .select2-result-label:after{
23
+ background-color: #0081bf;
24
+ }
25
+ .select2-results .select2-result.alm-color.green .select2-result-label:after{
26
+ background-color: #6fca68;
27
+ }
28
+ .select2-results .select2-result.alm-color.purple .select2-result-label:after{
29
+ background-color: #a86bb9;
30
+ }
31
+ .select2-results .select2-result.alm-color.grey .select2-result-label:after{
32
+ background-color: #888;
33
+ }
34
+
35
+ .select2-results .select2-result.infinite .select2-result-label:after{
36
+ display: none;
37
+ }
38
+ .select2-results .select2-result.infinite .select2-result-label{
39
+ -webkit-background-size: 20px 20px;
40
+ -moz-background-size: 20px 20px;
41
+ background-size: 20px 20px;
42
+ background-repeat: no-repeat;
43
+ background-position: 93% center;
44
+ }
45
+ .select2-results .select2-result.classic .select2-result-label{
46
+ background-image: url("../../core/img/spinner.gif");
47
+ }
48
+ .select2-results .select2-result.skype .select2-result-label{
49
+ background-image: url("../../core/img/spinner-skype.gif");
50
+ }
51
+ .select2-results .select2-result.ring .select2-result-label{
52
+ background-image: url("../../core/img/spinner-ring.gif");
53
+ }
54
+ .select2-results .select2-result.chasing-arrows .select2-result-label{
55
+ background-image: url("../../core/img/spinner-chasing-arrows.gif");
56
+ }
57
+ .select2-results .select2-result.fading-blocks .select2-result-label{
58
+ background-image: url("../../core/img/loader-fading-blocks.gif");
59
+ -webkit-background-size: 20px 16px;
60
+ -moz-background-size: 20px 16px;
61
+ background-size: 20px 16px;
62
+ }
63
+ .select2-results .select2-result.fading-circles .select2-result-label{
64
+ background-image: url("../../core/img/loader-fading-circles.gif");
65
+ -webkit-background-size: 30px 10px;
66
+ -moz-background-size: 30px 10px;
67
+ background-size: 30px 10px;
68
+ background-position: 95% center;
69
+ }
70
+
71
+
72
 
73
  /*
74
  * Admin - Popup Generator
107
  padding: 15px 10px 140px !important;
108
  }
109
 
110
+ #alm-settings form h2{
111
  padding: 2px 0 6px 12px;
112
  border-left: 5px solid #ff5a58;
113
  margin: 0;
114
  }
115
+ #alm-settings form h2 + p{
116
  color: #999;
117
  padding: 0 0 0 12px;
118
  border-left: 5px solid #ff5a58;
410
  .ajax-load-more #taxonomy-extended,
411
  .ajax-load-more #nav-controls,
412
  .ajax-load-more #seo-extended,
413
+ .ajax-load-more #meta-query-relation,
414
+ .ajax-load-more .comments_extras{
415
  display: none;
416
  overflow: hidden;
417
  }
713
  padding-left: 21px !important;
714
  color: #999;
715
  }
716
+ .ajax-load-more .section-title p .fa.tooltip,
717
+ .form-table label .fa.tooltip{
718
+ margin: 0 2px;
719
+ display: inline-block;
720
+ font-size: 16px;
721
+ opacity: 0.9;
722
+ top: 0;
723
+ }
724
+ .ajax-load-more .section-title p .fa.tooltip:hover,
725
+ .form-table label .fa.tooltip:hover{
726
+ opacity: 1;
727
+ }
728
+ .fa.tooltip{
729
+ text-decoration: none;
730
+ cursor: help;
731
+ position: relative;
732
+ top: -1px;
733
+ }
734
 
735
  .ajax-load-more .section-title p span,
736
  .admin.ajax-load-more.settings .form-table p.notify span{
964
  padding: 0 0 10px;
965
  max-width: 90%;
966
  cursor: pointer !important;
967
+ line-height: 1.5;
968
  }
969
  .form-table input[type=radio],
970
  .form-table input[type=checkbox]{
1039
  .admin.ajax-load-more.settings .select2-container{
1040
  margin-top:10px;
1041
  }
1042
+ .admin.ajax-load-more .ajax-load-more-wrap {
1043
  position: relative;
1044
  top: 10px;
1045
  padding: 10px;
1048
  margin-top:10px;
1049
  margin-bottom: 10px;
1050
  }
1051
+
1052
+ .admin.ajax-load-more .ajax-load-more-wrap.preview-pane.none{
1053
+ display: none;
1054
+ }
1055
+ .admin.ajax-load-more .ajax-load-more-wrap button{
1056
  margin: 0 !important;
1057
  }
1058
+ .admin.ajax-load-more .ajax-load-more-wrap > span{
1059
  display: block;
1060
  font-size: 11px;
1061
  opacity: 0.7;
1062
  padding: 0 0 8px;
1063
  text-transform: uppercase;
1064
  }
 
 
 
1065
 
1066
  .admin.ajax-load-more.settings .ajax-load-more-wrap.pages{}
1067
  .admin.ajax-load-more.settings .ajax-load-more-wrap.pages li{
1076
  .admin.ajax-load-more.settings .form-table td,
1077
  .admin.ajax-load-more.settings .form-table th{
1078
  padding: 20px 0 16px;
1079
+ line-height: 1.5;
1080
  }
1081
  .admin.ajax-load-more.settings .form-table th{
1082
  padding-left: 17px;
1232
  .alm-save-settings{}
1233
  .alm-save-settings p.submit{
1234
  float: left;
1235
+ margin: 0 5px 0 0;
1236
  width: auto;
1237
  }
1238
+ .alm-save-settings .spinner{
 
 
1239
  display: none;
1240
  float: left;
1241
+ visibility: visible !important;
1242
  }
1243
 
1244
 
1262
  display: block;
1263
  clear: both;
1264
  }
1265
+
1266
  .ajax-load-more .cnkt-main .group,
1267
  .ajax-load-more .cnkt-sidebar .cta,
1268
  .call-out.light{
1348
  font-size: 14px;
1349
  padding: 8px 14px;
1350
  }
1351
+ .ajax-load-more .cnkt-main .group.installed{ }
1352
+
1353
  #alm-add-ons .group img{
1354
  padding: 12px 18px 12px;
1355
  }
1364
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
1365
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
1366
  }
1367
+ #alm-add-ons .group.installed:hover{
1368
+ border-color: #ccc;
1369
+ -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
1370
+ -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
1371
+ box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
1372
+ }
1373
  #alm-add-ons .group a:hover h2{
1374
  color: #ff5a58 !important;
1375
  }
1376
+ #alm-add-ons .group.installed a:hover h2{
1377
+ color: #444 !important;
1378
+ }
1379
 
1380
  /* Add-on Callout! */
1381
  .call-out{
admin/css/select2.css CHANGED
@@ -220,13 +220,17 @@
220
  overflow-y: auto;
221
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
222
  }
 
 
 
 
223
 
224
  .select2-results li {
225
  list-style: none;
226
  display: block;
227
  background-image: none;
228
  padding: 0;
229
- margin: 0;
230
  border-top: 1px solid #efefef;
231
  color: #666;
232
  width: auto;
@@ -234,15 +238,17 @@
234
  }
235
 
236
  .select2-results li.select2-result-with-children > .select2-result-label {
237
- font-weight: bold;
 
 
 
238
  }
239
 
240
  .select2-results .select2-result-label {
241
  margin: 0;
242
  cursor: pointer;
243
  min-height: 1em;
244
- padding: 10px 7px;
245
- border-left: 4px solid transparent;
246
  -webkit-touch-callout: none;
247
  -webkit-user-select: none;
248
  -khtml-user-select: none;
@@ -254,7 +260,6 @@
254
  .select2-results .select2-highlighted .select2-result-label{ /* Hover */
255
  background: #f7f7f7;
256
  color: #ca5252;
257
- border-color: #efefef;
258
  }
259
 
260
  .select2-results .select2-highlighted:active {
220
  overflow-y: auto;
221
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
222
  }
223
+ .select2-result-sub{
224
+ margin: 0;
225
+ padding: 0;
226
+ }
227
 
228
  .select2-results li {
229
  list-style: none;
230
  display: block;
231
  background-image: none;
232
  padding: 0;
233
+ margin: 0 !important;
234
  border-top: 1px solid #efefef;
235
  color: #666;
236
  width: auto;
238
  }
239
 
240
  .select2-results li.select2-result-with-children > .select2-result-label {
241
+ font-weight: 600;
242
+ font-size: 15px;
243
+ cursor: default;
244
+ color: #222;
245
  }
246
 
247
  .select2-results .select2-result-label {
248
  margin: 0;
249
  cursor: pointer;
250
  min-height: 1em;
251
+ padding: 10px 8px;
 
252
  -webkit-touch-callout: none;
253
  -webkit-user-select: none;
254
  -khtml-user-select: none;
260
  .select2-results .select2-highlighted .select2-result-label{ /* Hover */
261
  background: #f7f7f7;
262
  color: #ca5252;
 
263
  }
264
 
265
  .select2-results .select2-highlighted:active {
admin/css/tooltipster/themes/tooltipster-light.css ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .tooltipster-light {
2
+ border-radius: 5px;
3
+ border: 1px solid #cccccc;
4
+ background: #ededed;
5
+ color: #666666;
6
+ }
7
+ .tooltipster-light .tooltipster-content {
8
+ font-family: Arial, sans-serif;
9
+ font-size: 14px;
10
+ line-height: 16px;
11
+ padding: 8px 10px;
12
+ }
admin/css/tooltipster/themes/tooltipster-noir.css ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .tooltipster-noir {
2
+ border-radius: 0px;
3
+ border: 3px solid #2c2c2c;
4
+ background: #fff;
5
+ color: #2c2c2c;
6
+ }
7
+ .tooltipster-noir .tooltipster-content {
8
+ font-family: 'Georgia', serif;
9
+ font-size: 14px;
10
+ line-height: 16px;
11
+ padding: 8px 10px;
12
+ }
admin/css/tooltipster/themes/tooltipster-punk.css ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .tooltipster-punk {
2
+ border-radius: 5px;
3
+ border-bottom: 3px solid #f71169;
4
+ background: #2a2a2a;
5
+ color: #fff;
6
+ }
7
+ .tooltipster-punk .tooltipster-content {
8
+ font-family: 'Courier', monospace;
9
+ font-size: 14px;
10
+ line-height: 16px;
11
+ padding: 8px 10px;
12
+ }
admin/css/tooltipster/themes/tooltipster-shadow.css ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .tooltipster-shadow {
2
+ border-radius: 5px;
3
+ background: #fff;
4
+ box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
5
+ color: #2c2c2c;
6
+ }
7
+ .tooltipster-shadow .tooltipster-content {
8
+ font-family: 'Arial', sans-serif;
9
+ font-size: 14px;
10
+ line-height: 16px;
11
+ padding: 8px 10px;
12
+ }
admin/css/tooltipster/tooltipster.css ADDED
@@ -0,0 +1,277 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
2
+ .tooltipster-default {
3
+ border-radius: 3px;
4
+ border: 2px solid #222;
5
+ border: none;
6
+ background: #0073aa;
7
+ background: rgba(33, 149, 204, 0.95);
8
+ color: #e7f3f8;
9
+ }
10
+
11
+ /* Use this next selector to style things like font-size and line-height: */
12
+ .tooltipster-default .tooltipster-content {
13
+ font-family: 'Open Sans', sans-serif;
14
+ font-size: 13px;
15
+ line-height: 20px;
16
+ padding: 12px 16px;
17
+ overflow: hidden;
18
+ text-align: center;
19
+ }
20
+
21
+ /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
22
+ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
23
+ /* border-color: ... !important; */
24
+ }
25
+
26
+
27
+ /* If you're using the icon option, use this next selector to style them */
28
+ .tooltipster-icon {
29
+ cursor: help;
30
+ margin-left: 4px;
31
+ }
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+ /* This is the base styling required to make all Tooltipsters work */
41
+ .tooltipster-base {
42
+ padding: 0;
43
+ font-size: 0;
44
+ line-height: 0;
45
+ position: absolute;
46
+ left: 0;
47
+ top: 0;
48
+ z-index: 9999999;
49
+ pointer-events: none;
50
+ width: auto;
51
+ overflow: visible;
52
+ }
53
+ .tooltipster-base .tooltipster-content {
54
+ overflow: hidden;
55
+ }
56
+
57
+
58
+ /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
59
+ .tooltipster-arrow {
60
+ display: block;
61
+ text-align: center;
62
+ width: 100%;
63
+ height: 100%;
64
+ position: absolute;
65
+ top: 0;
66
+ left: 0;
67
+ z-index: -1;
68
+ }
69
+ .tooltipster-arrow span, .tooltipster-arrow-border {
70
+ display: block;
71
+ width: 0;
72
+ height: 0;
73
+ position: absolute;
74
+ }
75
+ .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
76
+ border-left: 8px solid transparent !important;
77
+ border-right: 8px solid transparent !important;
78
+ border-top: 8px solid;
79
+ bottom: -7px;
80
+ }
81
+ .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
82
+ border-left: 9px solid transparent !important;
83
+ border-right: 9px solid transparent !important;
84
+ border-top: 9px solid;
85
+ bottom: -7px;
86
+ }
87
+
88
+ .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
89
+ border-left: 8px solid transparent !important;
90
+ border-right: 8px solid transparent !important;
91
+ border-bottom: 8px solid;
92
+ top: -7px;
93
+ }
94
+ .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
95
+ border-left: 9px solid transparent !important;
96
+ border-right: 9px solid transparent !important;
97
+ border-bottom: 9px solid;
98
+ top: -7px;
99
+ }
100
+ .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
101
+ left: 0;
102
+ right: 0;
103
+ margin: 0 auto;
104
+ }
105
+ .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
106
+ left: 6px;
107
+ }
108
+ .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
109
+ left: 5px;
110
+ }
111
+ .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
112
+ right: 6px;
113
+ }
114
+ .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
115
+ right: 5px;
116
+ }
117
+ .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
118
+ border-top: 8px solid transparent !important;
119
+ border-bottom: 8px solid transparent !important;
120
+ border-left: 8px solid;
121
+ top: 50%;
122
+ margin-top: -7px;
123
+ right: -7px;
124
+ }
125
+ .tooltipster-arrow-left .tooltipster-arrow-border {
126
+ border-top: 9px solid transparent !important;
127
+ border-bottom: 9px solid transparent !important;
128
+ border-left: 9px solid;
129
+ margin-top: -8px;
130
+ }
131
+ .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
132
+ border-top: 8px solid transparent !important;
133
+ border-bottom: 8px solid transparent !important;
134
+ border-right: 8px solid;
135
+ top: 50%;
136
+ margin-top: -7px;
137
+ left: -7px;
138
+ }
139
+ .tooltipster-arrow-right .tooltipster-arrow-border {
140
+ border-top: 9px solid transparent !important;
141
+ border-bottom: 9px solid transparent !important;
142
+ border-right: 9px solid;
143
+ margin-top: -8px;
144
+ }
145
+
146
+
147
+ /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
148
+
149
+ .tooltipster-fade {
150
+ opacity: 0;
151
+ -webkit-transition-property: opacity;
152
+ -moz-transition-property: opacity;
153
+ -o-transition-property: opacity;
154
+ -ms-transition-property: opacity;
155
+ transition-property: opacity;
156
+ }
157
+ .tooltipster-fade-show {
158
+ opacity: 1;
159
+ }
160
+
161
+ .tooltipster-grow {
162
+ -webkit-transform: scale(0,0);
163
+ -moz-transform: scale(0,0);
164
+ -o-transform: scale(0,0);
165
+ -ms-transform: scale(0,0);
166
+ transform: scale(0,0);
167
+ -webkit-transition-property: -webkit-transform;
168
+ -moz-transition-property: -moz-transform;
169
+ -o-transition-property: -o-transform;
170
+ -ms-transition-property: -ms-transform;
171
+ transition-property: transform;
172
+ -webkit-backface-visibility: hidden;
173
+ }
174
+ .tooltipster-grow-show {
175
+ -webkit-transform: scale(1,1);
176
+ -moz-transform: scale(1,1);
177
+ -o-transform: scale(1,1);
178
+ -ms-transform: scale(1,1);
179
+ transform: scale(1,1);
180
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
181
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
182
+ -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
183
+ -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
184
+ -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
185
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
186
+ }
187
+
188
+ .tooltipster-swing {
189
+ opacity: 0;
190
+ -webkit-transform: rotateZ(4deg);
191
+ -moz-transform: rotateZ(4deg);
192
+ -o-transform: rotateZ(4deg);
193
+ -ms-transform: rotateZ(4deg);
194
+ transform: rotateZ(4deg);
195
+ -webkit-transition-property: -webkit-transform, opacity;
196
+ -moz-transition-property: -moz-transform;
197
+ -o-transition-property: -o-transform;
198
+ -ms-transition-property: -ms-transform;
199
+ transition-property: transform;
200
+ }
201
+ .tooltipster-swing-show {
202
+ opacity: 1;
203
+ -webkit-transform: rotateZ(0deg);
204
+ -moz-transform: rotateZ(0deg);
205
+ -o-transform: rotateZ(0deg);
206
+ -ms-transform: rotateZ(0deg);
207
+ transform: rotateZ(0deg);
208
+ -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
209
+ -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
210
+ -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
211
+ -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
212
+ -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
213
+ transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
214
+ }
215
+
216
+ .tooltipster-fall {
217
+ top: 0;
218
+ -webkit-transition-property: top;
219
+ -moz-transition-property: top;
220
+ -o-transition-property: top;
221
+ -ms-transition-property: top;
222
+ transition-property: top;
223
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
224
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
225
+ -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
226
+ -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
227
+ -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
228
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
229
+ }
230
+ .tooltipster-fall-show {
231
+ }
232
+ .tooltipster-fall.tooltipster-dying {
233
+ -webkit-transition-property: all;
234
+ -moz-transition-property: all;
235
+ -o-transition-property: all;
236
+ -ms-transition-property: all;
237
+ transition-property: all;
238
+ top: 0px !important;
239
+ opacity: 0;
240
+ }
241
+
242
+ .tooltipster-slide {
243
+ left: -40px;
244
+ -webkit-transition-property: left;
245
+ -moz-transition-property: left;
246
+ -o-transition-property: left;
247
+ -ms-transition-property: left;
248
+ transition-property: left;
249
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
250
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
251
+ -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
252
+ -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
253
+ -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
254
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
255
+ }
256
+ .tooltipster-slide.tooltipster-slide-show {
257
+ }
258
+ .tooltipster-slide.tooltipster-dying {
259
+ -webkit-transition-property: all;
260
+ -moz-transition-property: all;
261
+ -o-transition-property: all;
262
+ -ms-transition-property: all;
263
+ transition-property: all;
264
+ left: 0px !important;
265
+ opacity: 0;
266
+ }
267
+
268
+
269
+ /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
270
+ .tooltipster-content-changing {
271
+ opacity: 0.5;
272
+ -webkit-transform: scale(1.1, 1.1);
273
+ -moz-transform: scale(1.1, 1.1);
274
+ -o-transform: scale(1.1, 1.1);
275
+ -ms-transform: scale(1.1, 1.1);
276
+ transform: scale(1.1, 1.1);
277
+ }
admin/img/add-ons/comments-add-on.jpg ADDED
Binary file
admin/js/admin.js CHANGED
@@ -5,6 +5,56 @@ jQuery(document).ready(function($) {
5
 
6
 
7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  $('.alm-template-listing li a').click(function(e){
9
  e.preventDefault();
10
  var el = $(this),
@@ -27,12 +77,14 @@ jQuery(document).ready(function($) {
27
 
28
 
29
 
 
30
  /*
31
  * Mailchimp Signup
32
  * From the setting screen
33
  *
34
  * @since 2.7.2
35
  */
 
36
  $('form#alm-mc-embedded').submit(function() {
37
  var el = $('#alm-mailing-list'),
38
  email = $('input#mc_email', el).val(),
@@ -139,7 +191,7 @@ jQuery(document).ready(function($) {
139
  *
140
  * @since 2.8.3
141
  */
142
- //
143
  var almActivating = false;
144
  $(document).on('click', '.license-btn', function(e){
145
  e.preventDefault();
@@ -279,11 +331,9 @@ jQuery(document).ready(function($) {
279
  $(document).on('click', '.alm-settings-nav li a', function(e){
280
  e.preventDefault();
281
  var el = $(this).parent(),
282
- index = el.index();
283
-
284
-
285
  $('html, body').animate({
286
- scrollTop: $("#alm_OptionsForm h3").eq(index).offset().top - 40
287
  }, 500);
288
 
289
 
5
 
6
 
7
 
8
+ /*
9
+ * Tooltipster
10
+ * http://iamceege.github.io/tooltipster/
11
+ *
12
+ * @since 2.8.4
13
+ */
14
+
15
+ $('.tooltip').tooltipster({
16
+ delay: 100,
17
+ speed: 175,
18
+ maxWidth: 400
19
+ });
20
+
21
+
22
+
23
+
24
+ /*
25
+ * Button preview pane
26
+ * Found on Settings and Shortcode Builder
27
+ *
28
+ * @since 2.8.4
29
+ */
30
+
31
+ $("select#alm_settings_btn_color").change(function() {
32
+ var color = jQuery(this).val();
33
+ // Remove other colors
34
+ $('.ajax-load-more-wrap.core.preview-pane').removeClass('none');
35
+ $('.ajax-load-more-wrap.core').removeClass('default');
36
+ $('.ajax-load-more-wrap.core').removeClass('grey');
37
+ $('.ajax-load-more-wrap.core').removeClass('purple');
38
+ $('.ajax-load-more-wrap.core').removeClass('green');
39
+ $('.ajax-load-more-wrap.core').removeClass('red');
40
+ $('.ajax-load-more-wrap.core').removeClass('blue');
41
+ $('.ajax-load-more-wrap.core').removeClass('white');
42
+ $('.ajax-load-more-wrap.core').removeClass('infinite');
43
+ $('.ajax-load-more-wrap.core').removeClass('skype');
44
+ $('.ajax-load-more-wrap.core').removeClass('ring');
45
+ $('.ajax-load-more-wrap.core').removeClass('fading-blocks');
46
+ $('.ajax-load-more-wrap.core').removeClass('fading-circles');
47
+ $('.ajax-load-more-wrap.core').removeClass('chasing-arrows');
48
+ $('.ajax-load-more-wrap.core').addClass(color);
49
+
50
+ });
51
+ $("select#alm_settings_btn_color").click(function(e){
52
+ e.preventDefault();
53
+ });
54
+
55
+
56
+
57
+
58
  $('.alm-template-listing li a').click(function(e){
59
  e.preventDefault();
60
  var el = $(this),
77
 
78
 
79
 
80
+
81
  /*
82
  * Mailchimp Signup
83
  * From the setting screen
84
  *
85
  * @since 2.7.2
86
  */
87
+
88
  $('form#alm-mc-embedded').submit(function() {
89
  var el = $('#alm-mailing-list'),
90
  email = $('input#mc_email', el).val(),
191
  *
192
  * @since 2.8.3
193
  */
194
+
195
  var almActivating = false;
196
  $(document).on('click', '.license-btn', function(e){
197
  e.preventDefault();
331
  $(document).on('click', '.alm-settings-nav li a', function(e){
332
  e.preventDefault();
333
  var el = $(this).parent(),
334
+ index = el.index();
 
 
335
  $('html, body').animate({
336
+ scrollTop: $("#alm_OptionsForm h2").eq(index).offset().top - 40
337
  }, 500);
338
 
339
 
admin/js/libs/jquery.tooltipster.min.js ADDED
@@ -0,0 +1 @@
 
1
+ /* Tooltipster v3.3.0 */;(function(e,t,n){function s(t,n){this.bodyOverflowX;this.callbacks={hide:[],show:[]};this.checkInterval=null;this.Content;this.$el=e(t);this.$elProxy;this.elProxyPosition;this.enabled=true;this.options=e.extend({},i,n);this.mouseIsOverProxy=false;this.namespace="tooltipster-"+Math.round(Math.random()*1e5);this.Status="hidden";this.timerHide=null;this.timerShow=null;this.$tooltip;this.options.iconTheme=this.options.iconTheme.replace(".","");this.options.theme=this.options.theme.replace(".","");this._init()}function o(t,n){var r=true;e.each(t,function(e,i){if(typeof n[e]==="undefined"||t[e]!==n[e]){r=false;return false}});return r}function f(){return!a&&u}function l(){var e=n.body||n.documentElement,t=e.style,r="transition";if(typeof t[r]=="string"){return true}v=["Moz","Webkit","Khtml","O","ms"],r=r.charAt(0).toUpperCase()+r.substr(1);for(var i=0;i<v.length;i++){if(typeof t[v[i]+r]=="string"){return true}}return false}var r="tooltipster",i={animation:"fade",arrow:true,arrowColor:"",autoClose:true,content:null,contentAsHTML:false,contentCloning:true,debug:true,delay:200,minWidth:0,maxWidth:null,functionInit:function(e,t){},functionBefore:function(e,t){t()},functionReady:function(e,t){},functionAfter:function(e){},hideOnClick:false,icon:"(?)",iconCloning:true,iconDesktop:false,iconTouch:false,iconTheme:"tooltipster-icon",interactive:false,interactiveTolerance:350,multiple:false,offsetX:0,offsetY:0,onlyOne:false,position:"top",positionTracker:false,positionTrackerCallback:function(e){if(this.option("trigger")=="hover"&&this.option("autoClose")){this.hide()}},restoration:"current",speed:350,timer:0,theme:"tooltipster-default",touchDevices:true,trigger:"hover",updateAnimation:true};s.prototype={_init:function(){var t=this;if(n.querySelector){var r=null;if(t.$el.data("tooltipster-initialTitle")===undefined){r=t.$el.attr("title");if(r===undefined)r=null;t.$el.data("tooltipster-initialTitle",r)}if(t.options.content!==null){t._content_set(t.options.content)}else{t._content_set(r)}var i=t.options.functionInit.call(t.$el,t.$el,t.Content);if(typeof i!=="undefined")t._content_set(i);t.$el.removeAttr("title").addClass("tooltipstered");if(!u&&t.options.iconDesktop||u&&t.options.iconTouch){if(typeof t.options.icon==="string"){t.$elProxy=e('<span class="'+t.options.iconTheme+'"></span>');t.$elProxy.text(t.options.icon)}else{if(t.options.iconCloning)t.$elProxy=t.options.icon.clone(true);else t.$elProxy=t.options.icon}t.$elProxy.insertAfter(t.$el)}else{t.$elProxy=t.$el}if(t.options.trigger=="hover"){t.$elProxy.on("mouseenter."+t.namespace,function(){if(!f()||t.options.touchDevices){t.mouseIsOverProxy=true;t._show()}}).on("mouseleave."+t.namespace,function(){if(!f()||t.options.touchDevices){t.mouseIsOverProxy=false}});if(u&&t.options.touchDevices){t.$elProxy.on("touchstart."+t.namespace,function(){t._showNow()})}}else if(t.options.trigger=="click"){t.$elProxy.on("click."+t.namespace,function(){if(!f()||t.options.touchDevices){t._show()}})}}},_show:function(){var e=this;if(e.Status!="shown"&&e.Status!="appearing"){if(e.options.delay){e.timerShow=setTimeout(function(){if(e.options.trigger=="click"||e.options.trigger=="hover"&&e.mouseIsOverProxy){e._showNow()}},e.options.delay)}else e._showNow()}},_showNow:function(n){var r=this;r.options.functionBefore.call(r.$el,r.$el,function(){if(r.enabled&&r.Content!==null){if(n)r.callbacks.show.push(n);r.callbacks.hide=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;if(r.options.onlyOne){e(".tooltipstered").not(r.$el).each(function(t,n){var r=e(n),i=r.data("tooltipster-ns");e.each(i,function(e,t){var n=r.data(t),i=n.status(),s=n.option("autoClose");if(i!=="hidden"&&i!=="disappearing"&&s){n.hide()}})})}var i=function(){r.Status="shown";e.each(r.callbacks.show,function(e,t){t.call(r.$el)});r.callbacks.show=[]};if(r.Status!=="hidden"){var s=0;if(r.Status==="disappearing"){r.Status="appearing";if(l()){r.$tooltip.clearQueue().removeClass("tooltipster-dying").addClass("tooltipster-"+r.options.animation+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.stop().fadeIn(i)}}else if(r.Status==="shown"){i()}}else{r.Status="appearing";var s=r.options.speed;r.bodyOverflowX=e("body").css("overflow-x");e("body").css("overflow-x","hidden");var o="tooltipster-"+r.options.animation,a="-webkit-transition-duration: "+r.options.speed+"ms; -webkit-animation-duration: "+r.options.speed+"ms; -moz-transition-duration: "+r.options.speed+"ms; -moz-animation-duration: "+r.options.speed+"ms; -o-transition-duration: "+r.options.speed+"ms; -o-animation-duration: "+r.options.speed+"ms; -ms-transition-duration: "+r.options.speed+"ms; -ms-animation-duration: "+r.options.speed+"ms; transition-duration: "+r.options.speed+"ms; animation-duration: "+r.options.speed+"ms;",f=r.options.minWidth?"min-width:"+Math.round(r.options.minWidth)+"px;":"",c=r.options.maxWidth?"max-width:"+Math.round(r.options.maxWidth)+"px;":"",h=r.options.interactive?"pointer-events: auto;":"";r.$tooltip=e('<div class="tooltipster-base '+r.options.theme+'" style="'+f+" "+c+" "+h+" "+a+'"><div class="tooltipster-content"></div></div>');if(l())r.$tooltip.addClass(o);r._content_insert();r.$tooltip.appendTo("body");r.reposition();r.options.functionReady.call(r.$el,r.$el,r.$tooltip);if(l()){r.$tooltip.addClass(o+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.css("display","none").fadeIn(r.options.speed,i)}r._interval_set();e(t).on("scroll."+r.namespace+" resize."+r.namespace,function(){r.reposition()});if(r.options.autoClose){e("body").off("."+r.namespace);if(r.options.trigger=="hover"){if(u){setTimeout(function(){e("body").on("touchstart."+r.namespace,function(){r.hide()})},0)}if(r.options.interactive){if(u){r.$tooltip.on("touchstart."+r.namespace,function(e){e.stopPropagation()})}var p=null;r.$elProxy.add(r.$tooltip).on("mouseleave."+r.namespace+"-autoClose",function(){clearTimeout(p);p=setTimeout(function(){r.hide()},r.options.interactiveTolerance)}).on("mouseenter."+r.namespace+"-autoClose",function(){clearTimeout(p)})}else{r.$elProxy.on("mouseleave."+r.namespace+"-autoClose",function(){r.hide()})}if(r.options.hideOnClick){r.$elProxy.on("click."+r.namespace+"-autoClose",function(){r.hide()})}}else if(r.options.trigger=="click"){setTimeout(function(){e("body").on("click."+r.namespace+" touchstart."+r.namespace,function(){r.hide()})},0);if(r.options.interactive){r.$tooltip.on("click."+r.namespace+" touchstart."+r.namespace,function(e){e.stopPropagation()})}}}}if(r.options.timer>0){r.timerHide=setTimeout(function(){r.timerHide=null;r.hide()},r.options.timer+s)}}})},_interval_set:function(){var t=this;t.checkInterval=setInterval(function(){if(e("body").find(t.$el).length===0||e("body").find(t.$elProxy).length===0||t.Status=="hidden"||e("body").find(t.$tooltip).length===0){if(t.Status=="shown"||t.Status=="appearing")t.hide();t._interval_cancel()}else{if(t.options.positionTracker){var n=t._repositionInfo(t.$elProxy),r=false;if(o(n.dimension,t.elProxyPosition.dimension)){if(t.$elProxy.css("position")==="fixed"){if(o(n.position,t.elProxyPosition.position))r=true}else{if(o(n.offset,t.elProxyPosition.offset))r=true}}if(!r){t.reposition();t.options.positionTrackerCallback.call(t,t.$el)}}}},200)},_interval_cancel:function(){clearInterval(this.checkInterval);this.checkInterval=null},_content_set:function(e){if(typeof e==="object"&&e!==null&&this.options.contentCloning){e=e.clone(true)}this.Content=e},_content_insert:function(){var e=this,t=this.$tooltip.find(".tooltipster-content");if(typeof e.Content==="string"&&!e.options.contentAsHTML){t.text(e.Content)}else{t.empty().append(e.Content)}},_update:function(e){var t=this;t._content_set(e);if(t.Content!==null){if(t.Status!=="hidden"){t._content_insert();t.reposition();if(t.options.updateAnimation){if(l()){t.$tooltip.css({width:"","-webkit-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-moz-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-o-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-ms-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms",transition:"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms"}).addClass("tooltipster-content-changing");setTimeout(function(){if(t.Status!="hidden"){t.$tooltip.removeClass("tooltipster-content-changing");setTimeout(function(){if(t.Status!=="hidden"){t.$tooltip.css({"-webkit-transition":t.options.speed+"ms","-moz-transition":t.options.speed+"ms","-o-transition":t.options.speed+"ms","-ms-transition":t.options.speed+"ms",transition:t.options.speed+"ms"})}},t.options.speed)}},t.options.speed)}else{t.$tooltip.fadeTo(t.options.speed,.5,function(){if(t.Status!="hidden"){t.$tooltip.fadeTo(t.options.speed,1)}})}}}}else{t.hide()}},_repositionInfo:function(e){return{dimension:{height:e.outerHeight(false),width:e.outerWidth(false)},offset:e.offset(),position:{left:parseInt(e.css("left")),top:parseInt(e.css("top"))}}},hide:function(n){var r=this;if(n)r.callbacks.hide.push(n);r.callbacks.show=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;var i=function(){e.each(r.callbacks.hide,function(e,t){t.call(r.$el)});r.callbacks.hide=[]};if(r.Status=="shown"||r.Status=="appearing"){r.Status="disappearing";var s=function(){r.Status="hidden";if(typeof r.Content=="object"&&r.Content!==null){r.Content.detach()}r.$tooltip.remove();r.$tooltip=null;e(t).off("."+r.namespace);e("body").off("."+r.namespace).css("overflow-x",r.bodyOverflowX);e("body").off("."+r.namespace);r.$elProxy.off("."+r.namespace+"-autoClose");r.options.functionAfter.call(r.$el,r.$el);i()};if(l()){r.$tooltip.clearQueue().removeClass("tooltipster-"+r.options.animation+"-show").addClass("tooltipster-dying");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(s)}else{r.$tooltip.stop().fadeOut(r.options.speed,s)}}else if(r.Status=="hidden"){i()}return r},show:function(e){this._showNow(e);return this},update:function(e){return this.content(e)},content:function(e){if(typeof e==="undefined"){return this.Content}else{this._update(e);return this}},reposition:function(){var n=this;if(e("body").find(n.$tooltip).length!==0){n.$tooltip.css("width","");n.elProxyPosition=n._repositionInfo(n.$elProxy);var r=null,i=e(t).width(),s=n.elProxyPosition,o=n.$tooltip.outerWidth(false),u=n.$tooltip.innerWidth()+1,a=n.$tooltip.outerHeight(false);if(n.$elProxy.is("area")){var f=n.$elProxy.attr("shape"),l=n.$elProxy.parent().attr("name"),c=e('img[usemap="#'+l+'"]'),h=c.offset().left,p=c.offset().top,d=n.$elProxy.attr("coords")!==undefined?n.$elProxy.attr("coords").split(","):undefined;if(f=="circle"){var v=parseInt(d[0]),m=parseInt(d[1]),g=parseInt(d[2]);s.dimension.height=g*2;s.dimension.width=g*2;s.offset.top=p+m-g;s.offset.left=h+v-g}else if(f=="rect"){var v=parseInt(d[0]),m=parseInt(d[1]),y=parseInt(d[2]),b=parseInt(d[3]);s.dimension.height=b-m;s.dimension.width=y-v;s.offset.top=p+m;s.offset.left=h+v}else if(f=="poly"){var w=[],E=[],S=0,x=0,T=0,N=0,C="even";for(var k=0;k<d.length;k++){var L=parseInt(d[k]);if(C=="even"){if(L>T){T=L;if(k===0){S=T}}if(L<S){S=L}C="odd"}else{if(L>N){N=L;if(k==1){x=N}}if(L<x){x=L}C="even"}}s.dimension.height=N-x;s.dimension.width=T-S;s.offset.top=p+x;s.offset.left=h+S}else{s.dimension.height=c.outerHeight(false);s.dimension.width=c.outerWidth(false);s.offset.top=p;s.offset.left=h}}var A=0,O=0,M=0,_=parseInt(n.options.offsetY),D=parseInt(n.options.offsetX),P=n.options.position;function H(){var n=e(t).scrollLeft();if(A-n<0){r=A-n;A=n}if(A+o-n>i){r=A-(i+n-o);A=i+n-o}}function B(n,r){if(s.offset.top-e(t).scrollTop()-a-_-12<0&&r.indexOf("top")>-1){P=n}if(s.offset.top+s.dimension.height+a+12+_>e(t).scrollTop()+e(t).height()&&r.indexOf("bottom")>-1){P=n;M=s.offset.top-a-_-12}}if(P=="top"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left+D-j/2;M=s.offset.top-a-_-12;H();B("bottom","top")}if(P=="top-left"){A=s.offset.left+D;M=s.offset.top-a-_-12;H();B("bottom-left","top-left")}if(P=="top-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top-a-_-12;H();B("bottom-right","top-right")}if(P=="bottom"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left-j/2+D;M=s.offset.top+s.dimension.height+_+12;H();B("top","bottom")}if(P=="bottom-left"){A=s.offset.left+D;M=s.offset.top+s.dimension.height+_+12;H();B("top-left","bottom-left")}if(P=="bottom-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top+s.dimension.height+_+12;H();B("top-right","bottom-right")}if(P=="left"){A=s.offset.left-D-o-12;O=s.offset.left+D+s.dimension.width+12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A<0&&O+o>i){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=o+A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);A=s.offset.left-D-q-12-I;F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A<0){A=s.offset.left+D+s.dimension.width+12;r="left"}}if(P=="right"){A=s.offset.left+D+s.dimension.width+12;O=s.offset.left-D-o-12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A+o>i&&O<0){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=i-A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A+o>i){A=s.offset.left-D-o-12;r="right"}}if(n.options.arrow){var R="tooltipster-arrow-"+P;if(n.options.arrowColor.length<1){var U=n.$tooltip.css("background-color")}else{var U=n.options.arrowColor}if(!r){r=""}else if(r=="left"){R="tooltipster-arrow-right";r=""}else if(r=="right"){R="tooltipster-arrow-left";r=""}else{r="left:"+Math.round(r)+"px;"}if(P=="top"||P=="top-left"||P=="top-right"){var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}else if(P=="bottom"||P=="bottom-left"||P=="bottom-right"){var z=parseFloat(n.$tooltip.css("border-top-width")),W=n.$tooltip.css("border-top-color")}else if(P=="left"){var z=parseFloat(n.$tooltip.css("border-right-width")),W=n.$tooltip.css("border-right-color")}else if(P=="right"){var z=parseFloat(n.$tooltip.css("border-left-width")),W=n.$tooltip.css("border-left-color")}else{var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}if(z>1){z++}var X="";if(z!==0){var V="",J="border-color: "+W+";";if(R.indexOf("bottom")!==-1){V="margin-top: -"+Math.round(z)+"px;"}else if(R.indexOf("top")!==-1){V="margin-bottom: -"+Math.round(z)+"px;"}else if(R.indexOf("left")!==-1){V="margin-right: -"+Math.round(z)+"px;"}else if(R.indexOf("right")!==-1){V="margin-left: -"+Math.round(z)+"px;"}X='<span class="tooltipster-arrow-border" style="'+V+" "+J+';"></span>'}n.$tooltip.find(".tooltipster-arrow").remove();var K='<div class="'+R+' tooltipster-arrow" style="'+r+'">'+X+'<span style="border-color:'+U+';"></span></div>';n.$tooltip.append(K)}n.$tooltip.css({top:Math.round(M)+"px",left:Math.round(A)+"px"})}return n},enable:function(){this.enabled=true;return this},disable:function(){this.hide();this.enabled=false;return this},destroy:function(){var t=this;t.hide();if(t.$el[0]!==t.$elProxy[0]){t.$elProxy.remove()}t.$el.removeData(t.namespace).off("."+t.namespace);var n=t.$el.data("tooltipster-ns");if(n.length===1){var r=null;if(t.options.restoration==="previous"){r=t.$el.data("tooltipster-initialTitle")}else if(t.options.restoration==="current"){r=typeof t.Content==="string"?t.Content:e("<div></div>").append(t.Content).html()}if(r){t.$el.attr("title",r)}t.$el.removeClass("tooltipstered").removeData("tooltipster-ns").removeData("tooltipster-initialTitle")}else{n=e.grep(n,function(e,n){return e!==t.namespace});t.$el.data("tooltipster-ns",n)}return t},elementIcon:function(){return this.$el[0]!==this.$elProxy[0]?this.$elProxy[0]:undefined},elementTooltip:function(){return this.$tooltip?this.$tooltip[0]:undefined},option:function(e,t){if(typeof t=="undefined")return this.options[e];else{this.options[e]=t;return this}},status:function(){return this.Status}};e.fn[r]=function(){var t=arguments;if(this.length===0){if(typeof t[0]==="string"){var n=true;switch(t[0]){case"setDefaults":e.extend(i,t[1]);break;default:n=false;break}if(n)return true;else return this}else{return this}}else{if(typeof t[0]==="string"){var r="#*$~&";this.each(function(){var n=e(this).data("tooltipster-ns"),i=n?e(this).data(n[0]):null;if(i){if(typeof i[t[0]]==="function"){var s=i[t[0]](t[1],t[2])}else{throw new Error('Unknown method .tooltipster("'+t[0]+'")')}if(s!==i){r=s;return false}}else{throw new Error("You called Tooltipster's \""+t[0]+'" method on an uninitialized element')}});return r!=="#*$~&"?r:this}else{var o=[],u=t[0]&&typeof t[0].multiple!=="undefined",a=u&&t[0].multiple||!u&&i.multiple,f=t[0]&&typeof t[0].debug!=="undefined",l=f&&t[0].debug||!f&&i.debug;this.each(function(){var n=false,r=e(this).data("tooltipster-ns"),i=null;if(!r){n=true}else if(a){n=true}else if(l){console.log('Tooltipster: one or more tooltips are already attached to this element: ignoring. Use the "multiple" option to attach more tooltips.')}if(n){i=new s(this,t[0]);if(!r)r=[];r.push(i.namespace);e(this).data("tooltipster-ns",r);e(this).data(i.namespace,i)}o.push(i)});if(a)return o;else return this}}};var u=!!("ontouchstart"in t);var a=false;e("body").one("mousemove",function(){a=true})})(jQuery,window,document);
admin/shortcode-builder/js/shortcode-builder.js CHANGED
@@ -21,10 +21,10 @@ jQuery(document).ready(function($) {
21
 
22
  // multiple
23
  $('.ajax-load-more .categories select.multiple').select2({
24
- placeholder : 'Select Categories',
25
  });
26
  $('.ajax-load-more .tags select.multiple').select2({
27
- placeholder : 'Select Tags'
28
  });
29
  };
30
  _alm.select2();
@@ -123,6 +123,51 @@ jQuery(document).ready(function($) {
123
  }
124
 
125
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
126
  // ---------------------------
127
  // - PAGING
128
  // ---------------------------
@@ -174,12 +219,16 @@ jQuery(document).ready(function($) {
174
  var previous = $('.previous-post input[name=prev-post]:checked').val();
175
  if(previous !== 'false' && previous != undefined){
176
 
177
- var prev_post_id = $('#prev_post_id').val();
 
178
  $('.prev_post_id').slideDown(100, 'alm_easeInOutQuad');
179
 
180
  output += ' previous_post="'+previous+'"';
181
  output += ' previous_post_id="\'.'+prev_post_id+'.\'"';
182
 
 
 
 
183
  }else{
184
  $('.prev_post_id').slideUp(100, 'alm_easeInOutQuad');
185
  }
@@ -217,21 +266,26 @@ jQuery(document).ready(function($) {
217
  // - Post Types
218
  // ---------------------------
219
 
220
- var post_type_count = 0;
221
- $('.post_types input[type=checkbox]').each(function(e){
222
- if($(this).is(":checked")) {
223
- post_type_count++;
224
- if(post_type_count>1){
225
- output += ', ' + $(this).data('type');
226
- }else{
227
- if($(this).hasClass('changed')){
228
- output += ' post_type="'+$(this).data('type')+'';
229
- }
 
 
 
230
  }
231
- }
232
- });
233
- if(post_type_count>0)
234
- output += '"';
 
 
235
 
236
  // ---------------------------
237
  // - Post Format
@@ -567,10 +621,16 @@ jQuery(document).ready(function($) {
567
  // - Button Label
568
  // ---------------------------
569
 
570
- var btn_lbl = $('.btn-label input').val();
571
- btn_lbl = $.trim(btn_lbl);
572
- if(btn_lbl !== '' && $('.btn-label input').hasClass('changed'))
573
- output += ' button_label="'+btn_lbl+'"';
 
 
 
 
 
 
574
 
575
 
576
  // ---------------------------
@@ -627,6 +687,10 @@ jQuery(document).ready(function($) {
627
  $('select#repeater-select').select2('val','default');
628
  }
629
  }
 
 
 
 
630
 
631
  // If post type is not selected, select 'post'.
632
  if(!$('.post_types input[type=checkbox]:checked').length > 0){
21
 
22
  // multiple
23
  $('.ajax-load-more .categories select.multiple').select2({
24
+ placeholder : '-- Select Categories --',
25
  });
26
  $('.ajax-load-more .tags select.multiple').select2({
27
+ placeholder : '-- Select Tags --'
28
  });
29
  };
30
  _alm.select2();
123
  }
124
 
125
 
126
+ // ---------------------------
127
+ // - Comments
128
+ // ---------------------------
129
+
130
+ var comments = $('#alm-comments input[name=comments]:checked').val();
131
+ if(comments === undefined){
132
+ comments = false;
133
+ }
134
+
135
+ if(comments === 'true'){
136
+ var comments_post_id = $('#comments_post_id').val(),
137
+ comments_per_page = $('#comments-per-page').val(),
138
+ comments_type = $('#comments_type').val(),
139
+ comments_template = $('#comments_template').val(),
140
+ comments_callback = $('#comments_callback').val().trim(),
141
+ comments_style = $('#alm-comments input[name=alm_comment_style]:checked').val();
142
+
143
+ if(comments_callback !== ''){
144
+ $('#comments_template').select2('val','none');
145
+ }
146
+
147
+ output += ' comments="'+comments+'"';
148
+ output += ' comments_post_id="\'.'+comments_post_id+'.\'"';
149
+
150
+ if(comments_type !== 'comment')
151
+ output += ' comments_type="'+comments_type+'"';
152
+
153
+ if(comments_per_page !== '5')
154
+ output += ' comments_per_page="'+comments_per_page+'"';
155
+
156
+ if(comments_style !== 'ol')
157
+ output += ' comments_style="'+comments_style+'"';
158
+
159
+ if(comments_template !== 'none')
160
+ output += ' comments_template="'+comments_template+'"';
161
+
162
+ if(comments_callback !== '')
163
+ output += ' comments_callback="'+comments_callback+'"';
164
+
165
+ $('.comments_extras').slideDown(100, 'alm_easeInOutQuad');
166
+ }else{
167
+ $('.comments_extras').slideUp(100, 'alm_easeInOutQuad');
168
+ }
169
+
170
+
171
  // ---------------------------
172
  // - PAGING
173
  // ---------------------------
219
  var previous = $('.previous-post input[name=prev-post]:checked').val();
220
  if(previous !== 'false' && previous != undefined){
221
 
222
+ var prev_post_id = $('#prev_post_id').val(),
223
+ previous_post_taxonomy = $('#pp-taxonomy-select').val();
224
  $('.prev_post_id').slideDown(100, 'alm_easeInOutQuad');
225
 
226
  output += ' previous_post="'+previous+'"';
227
  output += ' previous_post_id="\'.'+prev_post_id+'.\'"';
228
 
229
+ if(previous_post_taxonomy !== '' )
230
+ output += ' previous_post_taxonomy="'+previous_post_taxonomy+'"';
231
+
232
  }else{
233
  $('.prev_post_id').slideUp(100, 'alm_easeInOutQuad');
234
  }
266
  // - Post Types
267
  // ---------------------------
268
 
269
+ if(comments === 'false' || comments === false || comments === undefined){ // Hide post_types if comments is active
270
+
271
+ var post_type_count = 0;
272
+ $('.post_types input[type=checkbox]').each(function(e){
273
+ if($(this).is(":checked")) {
274
+ post_type_count++;
275
+ if(post_type_count>1){
276
+ output += ', ' + $(this).data('type');
277
+ }else{
278
+ if($(this).hasClass('changed')){
279
+ output += ' post_type="'+$(this).data('type')+'';
280
+ }
281
+ }
282
  }
283
+ });
284
+ if(post_type_count>0){
285
+ output += '"';
286
+ }
287
+
288
+ }
289
 
290
  // ---------------------------
291
  // - Post Format
621
  // - Button Label
622
  // ---------------------------
623
 
624
+ var button_label = $('.btn-label input#button-label').val().trim(),
625
+ button_loading_label = $('.btn-label input#button-loading-label').val().trim();
626
+
627
+ if(button_label !== '' && button_label !== 'Older Posts')
628
+ output += ' button_label="'+button_label+'"';
629
+
630
+ if(button_loading_label !== '')
631
+ output += ' button_loading_label="'+button_loading_label+'"';
632
+
633
+
634
 
635
 
636
  // ---------------------------
687
  $('select#repeater-select').select2('val','default');
688
  }
689
  }
690
+
691
+ if(el.attr('id') === 'comments_template'){
692
+ $('#comments_callback').val('');
693
+ }
694
 
695
  // If post type is not selected, select 'post'.
696
  if(!$('.post_types input[type=checkbox]:checked').length > 0){
admin/shortcode-builder/shortcode-builder.php CHANGED
@@ -9,7 +9,6 @@
9
  ?>
10
 
11
 
12
-
13
  <?php if(has_action('alm_cache_installed')){ ?>
14
  <!-- CACHE -->
15
  <div class="row input cache add-on" id="alm-cache">
@@ -53,6 +52,163 @@
53
  </div>
54
  <?php } ?>
55
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
56
  <?php if(has_action('alm_paging_installed')){ ?>
57
  <!-- PAGING -->
58
  <div class="row input paging add-on" id="alm-paging">
@@ -190,7 +346,7 @@
190
  <input class="alm_element" type="radio" name="prev-post" value="false" id="prev-post-false" checked="checked">
191
  <label for="prev-post-false"><?php _e('False', 'ajax-load-more'); ?></label>
192
  </li>
193
- </ul>
194
  </div>
195
  </div>
196
  <div class="clear"></div>
@@ -199,13 +355,43 @@
199
  <hr>
200
  <div class="section-title">
201
  <h4><?php _e('Post ID', 'ajax-load-more'); ?></h4>
202
- <p><?php _e('The current post ID to pass to Ajax Load More.', 'ajax-load-more'); ?></p>
203
  </div>
204
  <div class="wrap">
205
  <div class="inner">
206
  <input type="text" value="get_the_ID()" id="prev_post_id" class="alm_element disabled-input" disabled="disabled">
207
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
208
  </div>
 
209
  <p class="warning-callout">
210
  <?php _e('You must add the Previous Post shortcode directly to your single template file using the <a href="https://developer.wordpress.org/reference/functions/do_shortcode/" target="_blank">do_shortcode</a> method. &raquo; <a href="https://connekthq.com/plugins/ajax-load-more/add-ons/previous-post/" target="_blank">View documentation</a>', 'ajax-load-more'); ?>
211
  </p>
@@ -453,7 +639,7 @@
453
  'public' => true,
454
  '_builtin' => false
455
  );
456
- $tax_output = 'objects'; // or objects
457
  $taxonomies = get_taxonomies( $tax_args, $tax_output );
458
  if ( $taxonomies ) {
459
  echo '<div class="row taxonomy" id="alm-taxonomy">';
@@ -705,7 +891,7 @@
705
  <h3 class="heading"><?php _e('Offset', 'ajax-load-more'); ?></h3>
706
  <div class="expand-wrap">
707
  <div class="section-title">
708
- <p><?php _e('Offset the initial WordPress query by <em>\'n\'</em> number of posts', 'ajax-load-more'); ?></p>
709
  </div>
710
  <div class="wrap">
711
  <div class="inner">
@@ -781,8 +967,8 @@
781
  <div class="clear"></div>
782
  <hr>
783
  <div class="section-title">
784
- <h4><?php _e('Scroll Distance', 'ajax-load-more'); ?></h4>
785
- <p><?php _e('The distance from the bottom of the screen to trigger the loading of posts while scrolling. (Default = 150)', 'ajax-load-more'); ?></p>
786
  </div>
787
  <div class="wrap">
788
  <div class="inner">
@@ -794,7 +980,7 @@
794
  <div class="clear"></div>
795
  <hr>
796
  <div class="section-title">
797
- <h4><?php _e('Maximum Pages', 'ajax-load-more'); ?></h4>
798
  <p><?php _e('Maximum number of pages to load while scrolling. (0 = unlimited)', 'ajax-load-more'); ?></p>
799
  </div>
800
  <div class="wrap">
@@ -859,7 +1045,9 @@
859
  <h3 class="heading"><?php _e('Images Loaded', 'ajax-load-more'); ?></h3>
860
  <div class="expand-wrap">
861
  <div class="section-title">
862
- <p><?php _e('Wait for all images to load before displaying ajax loaded content.', 'ajax-load-more'); ?></p>
 
 
863
  </div>
864
  <div class="wrap">
865
  <div class="inner">
@@ -895,16 +1083,33 @@
895
 
896
  <!-- Button Text -->
897
  <div class="row input btn-label" id="alm-btn-label">
898
- <h3 class="heading"><?php _e('Button Label', 'ajax-load-more'); ?></h3>
 
899
  <div class="expand-wrap">
 
900
  <div class="section-title">
901
- <p><?php _e('Customize the <em>Load More</em> button label.', 'ajax-load-more'); ?></p>
 
902
  </div>
903
  <div class="wrap">
904
  <div class="inner">
905
  <input class="alm_element" name="button-label" type="text" id="button-label" value="<?php _e('Older Posts', 'ajax-load-more'); ?>">
906
  </div>
907
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
908
  </div>
909
  </div>
910
 
@@ -914,7 +1119,7 @@
914
  <div class="expand-wrap">
915
 
916
  <div class="section-title">
917
- <h4><?php _e('Container Type', 'ajax-load-more'); ?></h4>
918
  <p><?php _e('Override the global Container Type that was set on <a href="admin.php?page=ajax-load-more">ALM Settings page</a>.', 'ajax-load-more'); ?></p>
919
  </div>
920
  <div class="wrap">
@@ -934,7 +1139,7 @@
934
  <div class="clear"></div>
935
  <hr/>
936
  <div class="section-title">
937
- <h4><?php _e('Container Classes', 'ajax-load-more'); ?></h4>
938
  <p><?php _e('Add custom CSS classes to the Ajax Load More container. <br/><br/> e.g. portfolio-listing large-12 etc', 'ajax-load-more'); ?></p>
939
  </div>
940
  <div class="wrap">
9
  ?>
10
 
11
 
 
12
  <?php if(has_action('alm_cache_installed')){ ?>
13
  <!-- CACHE -->
14
  <div class="row input cache add-on" id="alm-cache">
52
  </div>
53
  <?php } ?>
54
 
55
+
56
+ <?php if(has_action('alm_comments_installed')){ ?>
57
+ <!-- COMMENTS -->
58
+ <div class="row input comments add-on" id="alm-comments">
59
+ <h3 class="heading"><?php _e('Comments', 'ajax-load-more'); ?></h3>
60
+ <div class="expand-wrap">
61
+ <div class="section-title">
62
+ <h4><?php _e('Comments', 'ajax-load-more'); ?></h4>
63
+ <p><?php _e('Enable Ajax Load More to display blog comments.', 'ajax-load-more'); ?></p>
64
+ </div>
65
+ <div class="wrap">
66
+ <div class="inner">
67
+ <ul>
68
+ <li>
69
+ <input class="alm_element" type="radio" name="comments" value="true" id="comments-true" >
70
+ <label for="comments-true"><?php _e('True', 'ajax-load-more'); ?></label>
71
+ </li>
72
+ <li>
73
+ <input class="alm_element" type="radio" name="comments" value="false" id="comments-false" checked="checked">
74
+ <label for="comments-false"><?php _e('False', 'ajax-load-more'); ?></label>
75
+ </li>
76
+ </ul>
77
+ </div>
78
+ </div>
79
+ <div class="clear"></div>
80
+ <div class="comments_extras">
81
+
82
+
83
+ <div class="clear"></div>
84
+ <hr>
85
+ <div class="section-title">
86
+ <h4><?php _e('Post ID', 'ajax-load-more'); ?></h4>
87
+ <p><?php _e('The ID of the current single post.', 'ajax-load-more'); ?></p>
88
+ </div>
89
+ <div class="wrap">
90
+ <div class="inner">
91
+ <input type="text" value="get_the_ID()" id="comments_post_id" class="alm_element disabled-input" disabled="disabled">
92
+ </div>
93
+ </div>
94
+
95
+
96
+ <div class="clear"></div>
97
+ <hr>
98
+ <div class="section-title">
99
+ <h4><?php _e('Comments Per Page', 'ajax-load-more'); ?></h4>
100
+ <p><?php _e('The number of top level items to show for each page of comments.', 'ajax-load-more'); ?></p>
101
+ </div>
102
+ <div class="wrap">
103
+ <div class="inner">
104
+ <input type="number" class="alm_element numbers-only" name="comments-per-page" id="comments-per-page" step="1" min="1" value="5">
105
+ </div>
106
+ </div>
107
+ <div class="section-title full">
108
+ <p><?php _e('<strong>Note</strong>: The amount selected does NOT include comment replies.', 'ajax-load-more'); ?></p>
109
+ </div>
110
+
111
+ <div class="clear"></div>
112
+ <hr>
113
+ <div class="section-title">
114
+ <h4><?php _e('Comment Type', 'ajax-load-more'); ?></h4>
115
+ <p><?php _e('The type of comment(s) to display.', 'ajax-load-more'); ?></p>
116
+ </div>
117
+ <div class="wrap">
118
+ <div class="inner">
119
+ <select class="alm_element comments_type" id="comments_type">
120
+ <option value="comment" selected="selected"><?php _e('Comment', 'ajax-load-more'); ?></option>
121
+ <option value="all"><?php _e('All', 'ajax-load-more'); ?></option>
122
+ <option value="trackback"><?php _e('Trackback', 'ajax-load-more'); ?></option>
123
+ <option value="pingback"><?php _e('Pingback', 'ajax-load-more'); ?></option>
124
+ <option value="pings"><?php _e('Pings', 'ajax-load-more'); ?></option>
125
+ </select>
126
+ </div>
127
+ </div>
128
+
129
+
130
+ <div class="clear"></div>
131
+ <hr>
132
+ <div class="section-title">
133
+ <h4><?php _e('Comment Style', 'ajax-load-more'); ?></h4>
134
+ <p><?php _e('Select the HTML container style for your comments.', 'ajax-load-more'); ?></p>
135
+ </div>
136
+ <div class="wrap">
137
+ <div class="inner">
138
+ <ul class="comment_container_type">
139
+ <li>
140
+ <input type="radio" id="comment-type-ol" value="ol" name="alm_comment_style" class="alm_element" checked="checked">
141
+ <label for="comment-type-ol">&lt;ol&gt; &lt;/ol&gt;</label>
142
+ </li>
143
+ <li>
144
+ <input type="radio" id="comment-type-ul" value="ul" name="alm_comment_style" class="alm_element">
145
+ <label for="comment-type-ul">&lt;ul&gt; &lt;/ul&gt;</label>
146
+ </li>
147
+ <li>
148
+ <input type="radio" id="comment-type-div" value="div" name="alm_comment_style" class="alm_element">
149
+ <label for="comment-type-div">&lt;div&gt; &lt;/div&gt;</label>
150
+ </li>
151
+ </ul>
152
+ </div>
153
+ </div>
154
+
155
+
156
+ <div class="clear"></div>
157
+ <hr>
158
+
159
+ <div class="section-title">
160
+ <h4><?php _e('Comment Template', 'ajax-load-more'); ?></h4>
161
+ <p><?php _e('Select a repeater template that will display comment data.', 'ajax-load-more'); ?></p>
162
+ </div>
163
+
164
+ <div class="wrap">
165
+ <div class="inner">
166
+ <select class="alm_element comments_template" id="comments_template">
167
+ <option value="none" selected="selected"><?php _e('None', 'ajax-load-more'); ?></option>
168
+ <option name="default" id="chk-default" value="default"><?php _e('Default', 'ajax-load-more'); ?></option>
169
+ <?php if (has_action('alm_get_custom_repeaters')) {
170
+ do_action('alm_get_custom_repeaters');
171
+ }
172
+ if (has_action('alm_get_unlimited_repeaters')) {
173
+ do_action('alm_get_unlimited_repeaters');
174
+ }
175
+ ?>
176
+ </select>
177
+ </div>
178
+ </div>
179
+ <div class="section-title full">
180
+ <p><?php _e('<strong>Note</strong>: <span>None</span> will use the default WordPress comment layout.', 'ajax-load-more'); ?></p>
181
+ </div>
182
+ <div class="spacer"></div>
183
+ <div class="clear"></div>
184
+ <div class="select-theme-repeater">
185
+ <span class="or">or</span>
186
+ <hr/>
187
+ <div class="spacer"></div>
188
+ <div class="section-title">
189
+ <h4><?php _e('Callback Function', 'ajax-load-more'); ?></h4>
190
+ <p><?php _e('A custom <a href="https://codex.wordpress.org/Function_Reference/wp_list_comments#Arguments" target="_blank">callback</a> function that will display each comment.', 'ajax-load-more'); ?></p>
191
+ </div>
192
+ <div class="wrap">
193
+ <div class="inner">
194
+ <input type="text" value="" placeholder="function_name" id="comments_callback" class="alm_element">
195
+ </div>
196
+ </div>
197
+ <div class="section-title full">
198
+ <p><?php _e('<strong>Note</strong>: The majority of premium themes have a custom callback function for displaying comments. Please see comments.php or functions.php within your theme directory to locate the callback function for your theme.', 'ajax-load-more'); ?></p>
199
+ </div>
200
+ </div>
201
+
202
+ <p class="warning-callout">
203
+ <?php _e('You must add the comments shortcode directly to your single template file using the <a href="https://developer.wordpress.org/reference/functions/do_shortcode/" target="_blank">do_shortcode</a> method. &raquo; <a href="https://connekthq.com/plugins/ajax-load-more/add-ons/comments/" target="_blank">View documentation</a>', 'ajax-load-more'); ?>
204
+ </p>
205
+
206
+ </div>
207
+ </div>
208
+ </div>
209
+ <?php } ?>
210
+
211
+
212
  <?php if(has_action('alm_paging_installed')){ ?>
213
  <!-- PAGING -->
214
  <div class="row input paging add-on" id="alm-paging">
346
  <input class="alm_element" type="radio" name="prev-post" value="false" id="prev-post-false" checked="checked">
347
  <label for="prev-post-false"><?php _e('False', 'ajax-load-more'); ?></label>
348
  </li>
349
+ </ul>
350
  </div>
351
  </div>
352
  <div class="clear"></div>
355
  <hr>
356
  <div class="section-title">
357
  <h4><?php _e('Post ID', 'ajax-load-more'); ?></h4>
358
+ <p><?php _e('The ID of the current single post.', 'ajax-load-more'); ?></p>
359
  </div>
360
  <div class="wrap">
361
  <div class="inner">
362
  <input type="text" value="get_the_ID()" id="prev_post_id" class="alm_element disabled-input" disabled="disabled">
363
  </div>
364
+ </div>
365
+
366
+ <div class="clear"></div>
367
+ <hr>
368
+ <div class="section-title">
369
+ <h4><?php _e('Taxonomy', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Selecting a taxonomy means only previous posts from the same taxonomy will be returned','ajax-load-more'); ?>"></a></h4>
370
+ <p><?php _e('Query previous posts from the same taxonomy.', 'ajax-load-more'); ?></p>
371
+ </div>
372
+ <div class="wrap">
373
+ <div class="inner">
374
+ <?php
375
+ // Taxonomies
376
+ $pp_tax_args = array(
377
+ 'public' => true,
378
+ '_builtin' => false
379
+ );
380
+ $pp_tax_output = 'objects';
381
+ $pp_taxonomies = get_taxonomies( $pp_tax_args, $pp_tax_output );
382
+ if ( $pp_taxonomies ) {
383
+ echo '<select class="alm_element" name="pp-taxonomy-select" id="pp-taxonomy-select">';
384
+ echo '<option value="" selected="selected">-- ' . __('Select Taxonomy', 'ajax-load-more') . ' --</option>';
385
+ echo '<option value="category">' . __('Category', 'ajax-load-more') . '</option>';
386
+ echo '<option value="tag">' . __('Tag', 'ajax-load-more') . '</option>';
387
+ foreach( $pp_taxonomies as $pp_taxonomy ){
388
+ echo '<option name="pp-'.$pp_taxonomy->query_var.'" id="pp-'.$pp_taxonomy->query_var.'" value="'.$pp_taxonomy->query_var.'">'.$pp_taxonomy->label.'</option>';
389
+ }
390
+ echo '</select>';
391
+ } ?>
392
+ </div>
393
  </div>
394
+
395
  <p class="warning-callout">
396
  <?php _e('You must add the Previous Post shortcode directly to your single template file using the <a href="https://developer.wordpress.org/reference/functions/do_shortcode/" target="_blank">do_shortcode</a> method. &raquo; <a href="https://connekthq.com/plugins/ajax-load-more/add-ons/previous-post/" target="_blank">View documentation</a>', 'ajax-load-more'); ?>
397
  </p>
639
  'public' => true,
640
  '_builtin' => false
641
  );
642
+ $tax_output = 'objects';
643
  $taxonomies = get_taxonomies( $tax_args, $tax_output );
644
  if ( $taxonomies ) {
645
  echo '<div class="row taxonomy" id="alm-taxonomy">';
891
  <h3 class="heading"><?php _e('Offset', 'ajax-load-more'); ?></h3>
892
  <div class="expand-wrap">
893
  <div class="section-title">
894
+ <p><?php _e('Offset the initial query by <em>\'n\'</em> number of posts', 'ajax-load-more'); ?>.</p>
895
  </div>
896
  <div class="wrap">
897
  <div class="inner">
967
  <div class="clear"></div>
968
  <hr>
969
  <div class="section-title">
970
+ <h4><?php _e('Scroll Distance', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Distance is based on the position of the loading button from the bottom of the screen','ajax-load-more'); ?>"></a></h4>
971
+ <p><?php _e('The distance from the bottom of the screen to trigger loading of posts. (Default = 150)', 'ajax-load-more'); ?></p>
972
  </div>
973
  <div class="wrap">
974
  <div class="inner">
980
  <div class="clear"></div>
981
  <hr>
982
  <div class="section-title">
983
+ <h4><?php _e('Maximum Pages', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('If using an Infinite Scroll button style you should set this to 0','ajax-load-more'); ?>"></a></h4>
984
  <p><?php _e('Maximum number of pages to load while scrolling. (0 = unlimited)', 'ajax-load-more'); ?></p>
985
  </div>
986
  <div class="wrap">
1045
  <h3 class="heading"><?php _e('Images Loaded', 'ajax-load-more'); ?></h3>
1046
  <div class="expand-wrap">
1047
  <div class="section-title">
1048
+ <p><?php _e('Wait for all images to load before displaying ajax loaded content', 'ajax-load-more'); ?>.
1049
+ <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Background images are currently not supported','ajax-load-more'); ?>"></a>
1050
+ </p>
1051
  </div>
1052
  <div class="wrap">
1053
  <div class="inner">
1083
 
1084
  <!-- Button Text -->
1085
  <div class="row input btn-label" id="alm-btn-label">
1086
+ <h3 class="heading"><?php _e('Button Labels', 'ajax-load-more'); ?></h3>
1087
+
1088
  <div class="expand-wrap">
1089
+
1090
  <div class="section-title">
1091
+ <h4><?php _e('Button Label', 'ajax-load-more'); ?></h4>
1092
+ <p><?php _e('Customize the text of the <em>Load More</em> button.', 'ajax-load-more'); ?></p>
1093
  </div>
1094
  <div class="wrap">
1095
  <div class="inner">
1096
  <input class="alm_element" name="button-label" type="text" id="button-label" value="<?php _e('Older Posts', 'ajax-load-more'); ?>">
1097
  </div>
1098
  </div>
1099
+
1100
+ <div class="clear"></div>
1101
+ <hr/>
1102
+
1103
+ <div class="section-title">
1104
+ <h4><?php _e('Button Loading Label', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Leave field empty to not update text while loading content','ajax-load-more'); ?>"></a></h4>
1105
+ <p><?php _e('Update the text of the <em>Load More</em> button while content is loading.', 'ajax-load-more'); ?></p>
1106
+ </div>
1107
+ <div class="wrap">
1108
+ <div class="inner">
1109
+ <input class="alm_element" name="button-loading-label" type="text" id="button-loading-label" value="" placeholder="<?php _e('Loading Posts...', 'ajax-load-more'); ?>">
1110
+ </div>
1111
+ </div>
1112
+
1113
  </div>
1114
  </div>
1115