WordPress Infinite Scroll – Ajax Load More - Version 5.1.6.1

Version Description

  • November 19, 2019 =
  • NEW - Added new placeholder parameter that allows users to display a placeholder image while Ajax content is being loaded. View Example.
  • FIX - Fixed issue with deep linking URLs in the filters add-on not sending user to correct location on the page.
  • FIX - Fixed issue with HTML elements in no_results_text being rendered as plain text.
  • UPDATE - Updated admin CSS to match WordPress 5.3.
  • UPDATE - Improved license expiration notices and renewal links.
  • UPDATE - Updated alm_canonical_url filter. This filter now requires the ALM ID to be added into the filter. alm_canonical_url_{id} like the other filter hooks.
Download this release

Release Info

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

Code changes from version 5.1.6 to 5.1.6.1

README.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: https://connekthq.com/donate/
4
  Tags: infinite scroll, infinite scrolling, scroll, infinite, lazy load, lazy loading, endless scroll, pagination, ajax pagination, ajax, ajax posts, woocommerce, ajax load more, masonry
5
  Requires at least: 4.0
6
  Tested up to: 5.3
7
- Stable tag: 5.1.6
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -126,7 +126,8 @@ Ajax Load More accepts a number of parameters that are passed to the WordPress q
126
  * **css_classes** - Add custom CSS classes to the Ajax Load More container. Default = null
127
  * **id** - A unique ID for the Ajax Load More instance.
128
  * **nested** - Is this a nested Ajax Load More instance. Default = false
129
- * **no_results_text** - Display text/html when zero results are returned in an Ajax Load More query.
 
130
 
131
  → [See All Parameters](https://connekthq.com/plugins/ajax-load-more/docs/shortcode-parameters/)
132
 
@@ -381,6 +382,15 @@ How to install Ajax Load More.
381
 
382
  == Changelog ==
383
 
 
 
 
 
 
 
 
 
 
384
  = 5.1.6 - October 22, 2019 =
385
  * NEW - Added support for ACF Sub Fields in the [ACF extension](https://connekthq.com/plugins/ajax-load-more/extensions/advanced-custom-fields/).
386
  * FIX - Fixed issue with ALM not starting if the global settings were not saved previously 😔.
4
  Tags: infinite scroll, infinite scrolling, scroll, infinite, lazy load, lazy loading, endless scroll, pagination, ajax pagination, ajax, ajax posts, woocommerce, ajax load more, masonry
5
  Requires at least: 4.0
6
  Tested up to: 5.3
7
+ Stable tag: 5.1.6.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
126
  * **css_classes** - Add custom CSS classes to the Ajax Load More container. Default = null
127
  * **id** - A unique ID for the Ajax Load More instance.
128
  * **nested** - Is this a nested Ajax Load More instance. Default = false
129
+ * **no_results_text** - Display text/html when zero results are returned in an Ajax Load More query. Default = null
130
+ * **placeholder** - Display a placeholder image while Ajax content is being loaded. Default = false
131
 
132
  → [See All Parameters](https://connekthq.com/plugins/ajax-load-more/docs/shortcode-parameters/)
133
 
382
 
383
  == Changelog ==
384
 
385
+ = 5.1.6.1 - November 19, 2019 =
386
+ * NEW - Added new `placeholder` parameter that allows users to display a placeholder image while Ajax content is being loaded. [View Example](https://connekthq.com/plugins/ajax-load-more/examples/placeholder/).
387
+ * FIX - Fixed issue with deep linking URLs in the filters add-on not sending user to correct location on the page.
388
+ * FIX - Fixed issue with HTML elements in `no_results_text` being rendered as plain text.
389
+ * UPDATE - Updated admin CSS to match WordPress 5.3.
390
+ * UPDATE - Improved license expiration notices and renewal links.
391
+ * UPDATE - Updated `alm_canonical_url` filter. This filter now requires the ALM ID to be added into the filter. `alm_canonical_url_{id}` like the other filter hooks.
392
+
393
+
394
  = 5.1.6 - October 22, 2019 =
395
  * NEW - Added support for ACF Sub Fields in the [ACF extension](https://connekthq.com/plugins/ajax-load-more/extensions/advanced-custom-fields/).
396
  * FIX - Fixed issue with ALM not starting if the global settings were not saved previously 😔.
admin/admin.php CHANGED
@@ -80,7 +80,7 @@ function alm_prefix_plugin_update_message( $data, $response ) {
80
  __( 'Please activate the <a href="admin.php?page=ajax-load-more-licenses" target="_blank">license</a> to update.', 'ajax-load-more' )
81
  );
82
  }
83
- //alm_pretty_print($response);
84
  }
85
  }
86
  }
@@ -180,56 +180,6 @@ add_action( 'admin_init', 'alm_repeaters_export');
180
 
181
 
182
 
183
- /*
184
- * alm_admin_notice_errors
185
- * Invalid license notifications
186
- *
187
- * @since 3.3.0
188
- */
189
- function alm_admin_notice_errors() {
190
-
191
- $screen = get_current_screen();
192
- $alm_is_admin_screen = alm_is_admin_screen();
193
- // Exit if screen is not dashboard, plugins or ALM admin.
194
- if(!$alm_is_admin_screen && $screen->id !== 'dashboard' && $screen->id !== 'plugins'){
195
- return;
196
- }
197
- $class = 'notice error alm-err-notice';
198
- $message = '';
199
- $count = 0;
200
-
201
- if(has_action('alm_pro_installed')){ // Pro
202
- $addons = alm_get_pro_addon();
203
- $message = __( 'You have an invalid or expired <a href="admin.php?page=ajax-load-more"><b>Ajax Load More Pro</b></a> license key - please visit the <a href="admin.php?page=ajax-load-more-licenses">License</a> section to input your key or <a href="https://connekthq.com/plugins/ajax-load-more/pro/" target="_blank">purchase</a> one now.', 'ajax-load-more' );
204
-
205
- } else {
206
- $addons = alm_get_addons();
207
- $message = __( 'You have invalid <a href="admin.php?page=ajax-load-more"><b>Ajax Load More</b></a> license keys - please visit the <a href="admin.php?page=ajax-load-more-licenses">Licenses</a> section and input your keys.', 'ajax-load-more' );
208
- }
209
-
210
- // Loop each addon
211
- foreach($addons as $addon){
212
- $action = $addon['action']; // Get action
213
- if (has_action($action)){
214
- $key = $addon['key']; // Option key
215
- $status = $addon['status']; // license status
216
- $addon_status = get_option( $status );
217
- if( !isset($addon_status) || empty($addon_status) || $addon_status !== 'valid' ) {
218
- $count++;
219
- }
220
- }
221
- }
222
-
223
- // Print result
224
- if( $count > 0 ) {
225
- printf( '<div class="%1$s"><p>%2$s</p></div>', $class, $message );
226
- }
227
-
228
- }
229
- add_action( 'admin_notices', 'alm_admin_notice_errors' );
230
-
231
-
232
-
233
  /*
234
  * alm_license_activation
235
  * Activate Add-on licenses
@@ -320,10 +270,68 @@ function alm_license_activation(){
320
 
321
 
322
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
323
  /*
324
  * alm_license_check
325
  * Check the status of a license
326
  *
 
 
 
 
327
  * @since 2.8.3
328
  */
329
  function alm_license_check($item_id = null, $license = null, $option_status = null){
@@ -332,28 +340,38 @@ function alm_license_check($item_id = null, $license = null, $option_status = nu
332
  return false;
333
  }
334
 
335
- $api_params = array(
336
- 'edd_action' => 'check_license',
337
- 'license' => $license,
338
- 'item_id' => $item_id,
339
- 'url' => home_url()
340
- );
341
- $response = wp_remote_post( ALM_STORE_URL, array( 'body' => $api_params, 'timeout' => 15, 'sslverify' => false ) );
342
- if ( is_wp_error( $response ) ) {
343
- return false;
344
- }
345
-
346
- // Get Data
347
- $license_data = json_decode( wp_remote_retrieve_body( $response ) );
348
-
349
- // Update the options table
350
- update_option( $option_status, $license_data->license);
351
-
352
- // Set transient value to store license status
353
- set_transient( "alm_{$item_id}_{$license}", $license_data->license, 168 * HOUR_IN_SECONDS ); // 7 days
354
 
355
- // Return the status
356
- return $license_data->license;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
357
 
358
  }
359
 
@@ -1899,7 +1917,7 @@ function _alm_uninstall_callback(){
1899
  $html = '<input type="hidden" name="alm_settings[_alm_uninstall]" value="0" />';
1900
  $html .= '<input type="checkbox" name="alm_settings[_alm_uninstall]" id="_alm_uninstall" value="1"'. (($options['_alm_uninstall']) ? ' checked="checked"' : '') .' />';
1901
  $html .= '<label for="_alm_uninstall">'.__('Check this box if Ajax Load More should remove all of its data* when the plugin is deleted.', 'ajax-load-more');
1902
- $html .= '<span style="display:block">'. __('* Database Tables, Options and Repeater Templates', 'ajax-load-more') .'</span>';
1903
  $html .= '</label>';
1904
 
1905
  echo $html;
80
  __( 'Please activate the <a href="admin.php?page=ajax-load-more-licenses" target="_blank">license</a> to update.', 'ajax-load-more' )
81
  );
82
  }
83
+
84
  }
85
  }
86
  }
180
 
181
 
182
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
183
  /*
184
  * alm_license_activation
185
  * Activate Add-on licenses
270
 
271
 
272
 
273
+ /*
274
+ * alm_admin_notice_errors
275
+ * Invalid license notifications
276
+ *
277
+ * @since 3.3.0
278
+ */
279
+ function alm_admin_notice_errors() {
280
+
281
+ $screen = get_current_screen();
282
+ $alm_is_admin_screen = alm_is_admin_screen();
283
+
284
+ // Exit if screen is not dashboard, plugins, settings or ALM admin.
285
+ if(!$alm_is_admin_screen && $screen->id !== 'dashboard' && $screen->id !== 'plugins' && $screen->id !== 'options-general' && $screen->id !== 'options'){
286
+ return;
287
+ }
288
+
289
+ $class = 'notice error alm-err-notice';
290
+ $message = '';
291
+ $count = 0;
292
+
293
+ if(has_action('alm_pro_installed')){ // Pro
294
+ $addons = alm_get_pro_addon();
295
+ $message = __( 'You have an invalid or expired <a href="admin.php?page=ajax-load-more"><b>Ajax Load More Pro</b></a> license key - please visit the <a href="admin.php?page=ajax-load-more-licenses">License</a> section to input your key or <a href="https://connekthq.com/plugins/ajax-load-more/pro/" target="_blank">purchase</a> one now.', 'ajax-load-more' );
296
+
297
+ } else { // Other Addons
298
+ $addons = alm_get_addons();
299
+ $message = __( 'You have invalid or expired <a href="admin.php?page=ajax-load-more"><b>Ajax Load More</b></a> license keys - please visit the <a href="admin.php?page=ajax-load-more-licenses">Licenses</a> section and input your keys.', 'ajax-load-more' );
300
+ }
301
+
302
+ // Loop each addon
303
+ foreach($addons as $addon){
304
+
305
+ if (has_action($addon['action'])){
306
+ $key = $addon['key']; // Option key
307
+ $status = get_option($addon['status']); // license status
308
+
309
+ // Check license
310
+ $license_status = alm_license_check($addon['item_id'], get_option($key), $status);
311
+
312
+ if( !isset($status) || empty($status) || $license_status !== 'valid' ) {
313
+ $count++;
314
+ }
315
+ }
316
+ }
317
+
318
+ // Print result
319
+ if( $count > 0 ) {
320
+ printf( '<div class="%1$s"><p>%2$s</p></div>', $class, $message );
321
+ }
322
+ }
323
+ add_action( 'admin_notices', 'alm_admin_notice_errors' );
324
+
325
+
326
+
327
  /*
328
  * alm_license_check
329
  * Check the status of a license
330
  *
331
+ * @param {String} $item_id The ID of the product
332
+ * @param {String} $license The actual license key
333
+ * @param {String} $option_status The status of the license
334
+ * @updated 5.1.7
335
  * @since 2.8.3
336
  */
337
  function alm_license_check($item_id = null, $license = null, $option_status = null){
340
  return false;
341
  }
342
 
343
+ // Get plugin transient for license status
344
+ if(get_transient( "alm_{$item_id}_{$license}")){
345
+
346
+ // Transient exists
347
+ return get_transient( "alm_{$item_id}_{$license}");
348
+
349
+ } else {
 
 
 
 
 
 
 
 
 
 
 
 
350
 
351
+ $api_params = array(
352
+ 'edd_action' => 'check_license',
353
+ 'license' => $license,
354
+ 'item_id' => $item_id,
355
+ 'url' => home_url()
356
+ );
357
+ $response = wp_remote_post( ALM_STORE_URL, array( 'body' => $api_params, 'timeout' => 15, 'sslverify' => false ) );
358
+ if ( is_wp_error( $response ) ) {
359
+ return false;
360
+ }
361
+
362
+ // Get Data
363
+ $license_data = json_decode( wp_remote_retrieve_body( $response ) );
364
+
365
+ // Update the options table
366
+ update_option( $option_status, $license_data->license);
367
+
368
+ // Set transient value to store license status
369
+ set_transient( "alm_{$item_id}_{$license}", $license_data->license, 168 * HOUR_IN_SECONDS ); // 7 days
370
+
371
+ // Return the status
372
+ return $license_data->license;
373
+
374
+ }
375
 
376
  }
377
 
1917
  $html = '<input type="hidden" name="alm_settings[_alm_uninstall]" value="0" />';
1918
  $html .= '<input type="checkbox" name="alm_settings[_alm_uninstall]" id="_alm_uninstall" value="1"'. (($options['_alm_uninstall']) ? ' checked="checked"' : '') .' />';
1919
  $html .= '<label for="_alm_uninstall">'.__('Check this box if Ajax Load More should remove all of its data* when the plugin is deleted.', 'ajax-load-more');
1920
+ $html .= '<span style="display:block"><em>'. __('* Database Tables, Options and Repeater Templates', 'ajax-load-more') .'</em></span>';
1921
  $html .= '</label>';
1922
 
1923
  echo $html;
admin/dist/css/admin.css CHANGED
@@ -1021,6 +1021,24 @@ body.ajax-load-more_page_ajax-load-more-pro {
1021
  transform: translateY(-50%);
1022
  top: 50%; }
1023
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1024
  /*
1025
  * Admin - Popup Generator
1026
  *
@@ -1076,22 +1094,17 @@ body.ajax-load-more_page_ajax-load-more-pro {
1076
  padding-bottom: 5px !important; }
1077
 
1078
  #alm-settings form h2 {
1079
- background: #f7f7f7;
1080
- border: 1px solid #e1e1e1;
1081
- border-bottom: none;
1082
- padding: 20px 20px 6px;
1083
- margin: 20px 0 0;
1084
  font-weight: 700;
1085
  border-radius: 2px 2px 0 0; }
1086
  #alm-settings form h2:first-of-type {
1087
- margin: 0; }
1088
  #alm-settings form h2 + p {
1089
  color: #999;
1090
- padding: 0 20px 17px;
1091
- border-right: 1px solid #e1e1e1;
1092
- border-left: 1px solid #e1e1e1;
1093
- background: #f7f7f7;
1094
- margin: 0; }
1095
 
1096
  .ajax-load-more .file-location {
1097
  border: 1px solid #e1e1e1;
@@ -1120,7 +1133,8 @@ body.ajax-load-more_page_ajax-load-more-pro {
1120
  border-right: 1px solid #e1e1e1; }
1121
  .ajax-load-more .file-location code {
1122
  color: #999;
1123
- background: transparent; }
 
1124
 
1125
  .ajax-load-more code {
1126
  background: #fcf3d0; }
@@ -1324,16 +1338,19 @@ a.layout-hover:hover img {
1324
 
1325
  a.button-small {
1326
  text-decoration: none;
1327
- font-size: 11px;
1328
- padding: 7px;
1329
  display: inline-block;
1330
  background-color: #eaf6fb;
 
1331
  color: #333;
1332
  line-height: 1.1;
1333
  border-radius: 2px; }
1334
  a.button-small:hover, a.button-small:focus {
1335
  color: #222;
1336
- background-color: #d9edf5; }
 
 
1337
 
1338
  .ajax-load-more ul {
1339
  padding: 0;
@@ -1737,8 +1754,8 @@ a.button-small {
1737
  display: block;
1738
  overflow: hidden;
1739
  clear: both;
1740
- border: 1px solid #efefef;
1741
- border-radius: 2px; }
1742
  .ajax-load-more .row.no-brd {
1743
  border: none !important;
1744
  padding: 0 !important; }
@@ -2225,14 +2242,17 @@ hr.indented {
2225
  /* Table Overrides */
2226
  .admin.ajax-load-more.settings .form-table td,
2227
  .admin.ajax-load-more.settings .form-table th {
2228
- padding: 30px 0;
2229
  line-height: 1.5; }
2230
 
2231
  .admin.ajax-load-more.settings .form-table td {
2232
  padding-right: 20px; }
2233
 
2234
  .admin.ajax-load-more.settings .form-table th {
2235
- padding-left: 20px; }
 
 
 
2236
 
2237
  .admin.ajax-load-more.settings .form-table p {
2238
  margin-top: 0; }
@@ -2333,8 +2353,8 @@ p.loading,
2333
  padding-left: 24px; }
2334
 
2335
  .alm-dropdown ul li a.updating {
2336
- background-position: 6px center;
2337
- padding-left: 32px; }
2338
 
2339
  .restore-default {
2340
  float: right;
@@ -2392,7 +2412,7 @@ table.highlight {
2392
 
2393
  .form-table {
2394
  border: 1px solid #e1e1e1;
2395
- margin: 0 0 25px; }
2396
  .form-table br {
2397
  height: 1px;
2398
  display: block;
@@ -2445,13 +2465,15 @@ table.highlight {
2445
  right: 15px;
2446
  bottom: 15px; }
2447
  .repeaters .alm-delete a {
2448
- border-radius: 2px;
2449
  background: none;
2450
  color: #c94141;
2451
  font-size: 14px;
 
 
2452
  text-decoration: none;
2453
  display: block;
2454
- padding: 5px 10px; }
2455
  .repeaters .alm-delete a:hover {
2456
  background-color: #c94141;
2457
  color: #fff; }
@@ -2459,8 +2481,6 @@ table.highlight {
2459
  -webkit-box-shadow: none;
2460
  box-shadow: none; }
2461
  .repeaters .alm-delete a:active {
2462
- -webkit-box-shadow: inset 0 1px 1px #ccc !important;
2463
- box-shadow: inset 0 1px 1px #ccc !important;
2464
  background-color: #b93636; }
2465
 
2466
  .repeaters .row:hover .alm-delete {
@@ -2588,7 +2608,7 @@ table.highlight {
2588
 
2589
  /* Add-on Callout! */
2590
  .call-out {
2591
- background: #63ccb2;
2592
  padding: 18px 100px 18px 18px;
2593
  border-radius: 3px;
2594
  margin: 0;
@@ -2637,9 +2657,9 @@ table.highlight {
2637
  font-size: 13px; }
2638
 
2639
  .call-out a {
2640
- color: #3f524d !important;
2641
  text-decoration: none;
2642
- font-weight: 500; }
2643
 
2644
  .call-out a:hover,
2645
  .call-out a:focus {
@@ -2735,13 +2755,13 @@ span.cnkt-button.installed i,
2735
  box-shadow: inset 0 -6px 6px rgba(0, 0, 0, 0.05), 0 1px 0 #fff; }
2736
 
2737
  .license-title .status.valid {
2738
- background-color: #9ad682; }
2739
 
2740
  .license h2 {
2741
  margin: 0;
2742
  padding: 15px 15px 15px 38px;
2743
  font-size: 16px;
2744
- font-weight: 600;
2745
  line-height: 1.2; }
2746
 
2747
  .license p,
@@ -2823,10 +2843,8 @@ span.cnkt-button.installed i,
2823
  top: -3px; }
2824
 
2825
  .license-wrap input[type=text] {
2826
- background-color: #f7f7f7;
2827
  margin: 0;
2828
  width: 100% !important;
2829
- border-color: #e7e7e7;
2830
  padding: 14px; }
2831
 
2832
  .license-wrap .button-primary {
@@ -2853,7 +2871,7 @@ span.cnkt-button.installed i,
2853
  cursor: default; }
2854
 
2855
  .license-key-field .status.active {
2856
- background-color: #9ad682; }
2857
 
2858
  .license-key-field .status.inactive {
2859
  background-color: #d45656; }
@@ -2887,8 +2905,8 @@ span.cnkt-button.installed i,
2887
  margin: 0 0 20px;
2888
  overflow: visible;
2889
  position: relative;
2890
- -webkit-box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.045);
2891
- box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.045); }
2892
  .ajax-load-more .cnkt-sidebar .cta .alm-file-location {
2893
  padding-top: 15px;
2894
  margin-top: 15px;
@@ -3364,7 +3382,7 @@ span.cnkt-button.installed i,
3364
  .alm-cache .alm-cache-search-wrap {
3365
  position: relative;
3366
  display: block;
3367
- margin: 0 0 10px; }
3368
  .alm-cache .alm-cache-search-wrap input {
3369
  width: 100% !important;
3370
  margin: 0 !important;
@@ -3380,6 +3398,8 @@ span.cnkt-button.installed i,
3380
  z-index: 1; }
3381
  .alm-cache .alm-dir-listing {
3382
  border: 1px solid #e1e1e1;
 
 
3383
  padding: 0;
3384
  margin: 10px 0 0; }
3385
  .alm-cache .alm-dir-listing.theme-repeaters {
@@ -3406,12 +3426,12 @@ span.cnkt-button.installed i,
3406
  content: "\f07b"; }
3407
  .alm-cache .alm-dir-listing .dir-title .delete {
3408
  position: absolute;
3409
- right: 8px;
3410
- top: 11px;
3411
  font-weight: 400;
3412
- font-size: 14px;
3413
  text-decoration: none;
3414
- padding: 5px 10px;
3415
  border: 1px solid #e1e1e1;
3416
  color: #ccc;
3417
  border-radius: 2px; }
@@ -3519,12 +3539,14 @@ p.theme-title {
3519
  overflow: hidden;
3520
  width: 47%;
3521
  font-size: 14px;
3522
- background: transparent url(../../img/directory-list.gif) no-repeat left center; }
3523
 
3524
  .alm-dir-listing.theme-repeaters ul li {
3525
  display: block;
3526
  width: 100%;
3527
- padding-top: 10px; }
 
 
3528
 
3529
  .alm-dir-listing.theme-repeaters ul li label {
3530
  display: block;
@@ -3532,10 +3554,10 @@ p.theme-title {
3532
 
3533
  .alm-dir-listing ul li:last-child,
3534
  .alm-dir-listing ul li:nth-last-child(2) {
3535
- background-image: url(../../img/directory-list-btm.gif); }
3536
 
3537
  .alm-dir-listing.theme-repeaters ul li:nth-last-child(2) {
3538
- background: transparent url(../../img/directory-list.gif) no-repeat left center; }
3539
 
3540
  .alm-dir-listing ul li a {
3541
  text-decoration: none; }
@@ -3560,6 +3582,27 @@ p.theme-title {
3560
  *
3561
  * @since 2.4
3562
  */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3563
  .shortcode-builder input[type=checkbox],
3564
  .shortcode-builder input[type=radio],
3565
  .ajax-load-more .form-table input[type=checkbox],
@@ -3578,7 +3621,7 @@ p.theme-title {
3578
  min-height: 23px;
3579
  width: 100%;
3580
  display: inline-block;
3581
- padding: 0 0 0 30px;
3582
  margin: 0 0 5px;
3583
  font-size: 14px;
3584
  line-height: 1.5;
@@ -3722,7 +3765,7 @@ p.theme-title {
3722
  right: 7px;
3723
  z-index: 8; }
3724
  .alm-drop-btn.alm-repeater-options a.target {
3725
- padding: 8px 10px;
3726
  -webkit-box-shadow: none;
3727
  box-shadow: none;
3728
  border: none; }
@@ -3732,13 +3775,14 @@ p.theme-title {
3732
 
3733
  .alm-drop-btn a.target {
3734
  position: relative;
3735
- color: #999;
3736
  text-decoration: none !important;
3737
- padding: 8px 12px 8px 30px;
3738
- border: 1px solid #e1e1e1;
3739
  border-radius: 3px;
3740
  font-size: 13px;
3741
- line-height: 1.25;
 
3742
  display: block;
3743
  -webkit-box-shadow: 0 0 0 1px #fff;
3744
  box-shadow: 0 0 0 1px #fff; }
@@ -3747,8 +3791,8 @@ p.theme-title {
3747
  color: #999;
3748
  font-size: 15px;
3749
  position: absolute;
3750
- top: 9px;
3751
- left: 10px; }
3752
 
3753
  .alm-repeater-options a.target:hover i.fa-cog {
3754
  color: #333; }
@@ -3787,8 +3831,11 @@ p.theme-title {
3787
  .alm-drop-btn.alm-layout-selection li.type {
3788
  height: 36px;
3789
  line-height: 36px;
3790
- padding: 0 0 0 8px;
3791
- position: relative; }
 
 
 
3792
 
3793
  .alm-dropdown ul li.layout i {
3794
  top: 11px; }
@@ -3845,16 +3892,20 @@ p.theme-title {
3845
  .alm-drop-btn.alm-layout-selection a.external,
3846
  .alm-drop-btn.alm-layout-selection a.add-on {
3847
  background-color: #f7f7f7;
3848
- padding: 13px 10px 13px 38px;
3849
  display: block; }
3850
 
3851
  .alm-drop-btn.alm-layout-selection a.external {
3852
- padding: 0 10px 0 38px; }
 
3853
 
3854
  .alm-drop-btn.alm-layout-selection a.external i {
3855
  color: #999;
3856
  border-color: #ccc;
3857
- top: 11px;
 
 
 
3858
  width: 38px; }
3859
 
3860
  .alm-drop-btn.alm-layout-selection a.external:hover i {
@@ -3862,14 +3913,15 @@ p.theme-title {
3862
 
3863
  .alm-drop-btn.alm-layout-selection a.add-on {
3864
  line-height: 1.5;
3865
- background-color: #63ccb2;
3866
  border: none;
3867
  color: #fff;
3868
  font-weight: 400;
3869
  text-overflow: inherit;
3870
  height: auto;
3871
  white-space: normal;
3872
- font-size: 12px; }
 
3873
 
3874
  .alm-drop-btn.alm-layout-selection a.add-on:hover,
3875
  .alm-drop-btn.alm-layout-selection a.add-on:focus {
@@ -3884,7 +3936,8 @@ p.theme-title {
3884
 
3885
  .alm-drop-btn.alm-layout-selection a.add-on i {
3886
  top: 14px;
3887
- left: 3px; }
 
3888
 
3889
  .alm-drop-btn.alm-layout-selection a.add-on i {
3890
  color: #fff !important;
@@ -3894,10 +3947,8 @@ p.theme-title {
3894
  .alm-drop-btn.alm-layout-selection a.target:active,
3895
  .alm-drop-btn.alm-layout-selection.active a.target {
3896
  color: #222;
3897
- background-color: #fff;
3898
- border-color: #ccc;
3899
- -webkit-box-shadow: 0 0 3px #e7e7e7;
3900
- box-shadow: 0 0 3px #e7e7e7;
3901
  opacity: 1; }
3902
 
3903
  .alm-drop-btn.alm-layout-selection.active a.target,
@@ -3971,14 +4022,14 @@ span.dismiss a {
3971
  background: #fff;
3972
  border-radius: 3px;
3973
  border: 1px solid #ccc;
3974
- -webkit-box-shadow: 0 0 4px #ccc;
3975
- box-shadow: 0 0 4px #ccc;
3976
- padding: 5px 8px;
3977
  width: 220px; }
3978
 
3979
  .alm-layout-selection .alm-dropdown .alm-drop-inner {
3980
  width: 250px;
3981
- padding: 8px 8px 5px; }
3982
 
3983
  .alm-drop-inner:after,
3984
  .alm-drop-inner:before {
@@ -4013,21 +4064,17 @@ span.dismiss a {
4013
 
4014
  .alm-dropdown ul li {
4015
  margin: 0;
4016
- padding: 3px 0;
4017
  list-style: none;
4018
  clear: both;
4019
  font-size: 12px;
4020
  line-height: 1.2;
4021
- border-top: 1px solid #efefef;
4022
  font-weight: 400; }
4023
 
4024
- .alm-dropdown ul li:first-child {
4025
- border: none; }
4026
-
4027
  .alm-dropdown ul li a {
4028
- padding: 0 10px 0 32px;
4029
- line-height: 37px;
4030
- height: 36px;
4031
  display: block;
4032
  text-decoration: none;
4033
  background-position: 4px center;
@@ -4039,15 +4086,26 @@ span.dismiss a {
4039
  white-space: nowrap;
4040
  overflow: hidden;
4041
  text-overflow: ellipsis;
4042
- border-radius: 2px; }
 
 
 
 
 
 
 
 
4043
 
4044
  .alm-dropdown ul li a i {
4045
  margin: 0;
4046
  color: #ccc;
4047
  position: absolute;
4048
- left: 0;
4049
- top: 11px;
4050
- font-size: 13px;
 
 
 
4051
  width: 32px;
4052
  height: 16px;
4053
  line-height: 16px;
@@ -4409,34 +4467,29 @@ span.dismiss a {
4409
  position: relative;
4410
  top: 1px;
4411
  z-index: 9; }
4412
-
4413
- .ajax-load-more .alm-toggle-switch li {
4414
- float: left;
4415
- margin: 0 2px 0 0;
4416
- padding: 0;
4417
- background: none;
4418
- list-style: none; }
4419
-
4420
- .ajax-load-more .alm-toggle-switch li a {
4421
- display: block;
4422
- padding: 15px 22px;
4423
- line-height: 1;
4424
- border-radius: 2px;
4425
- text-decoration: none;
4426
- border: 1px solid #e1e1e1;
4427
- border-radius: 2px 2px 0 0;
4428
- background: #f7f7f7;
4429
- color: #666; }
4430
-
4431
- .ajax-load-more .alm-toggle-switch li a:hover {
4432
- color: #222;
4433
- background-color: #fff; }
4434
-
4435
- .ajax-load-more .alm-toggle-switch li a.active {
4436
- background: #fff;
4437
- font-weight: 600;
4438
- border-bottom-color: #fff;
4439
- color: #111; }
4440
 
4441
  /*
4442
  * Admin screen media queries
@@ -4467,7 +4520,7 @@ span.dismiss a {
4467
  position: static !important;
4468
  border: none; }
4469
  .admin.ajax-load-more.settings .form-table td {
4470
- padding: 24px 17px 20px; }
4471
  .call-out.light {
4472
  padding: 15px !important; }
4473
  .repeaters input.save-repeater {
@@ -4475,7 +4528,9 @@ span.dismiss a {
4475
 
4476
  @media screen and (max-width: 782px) {
4477
  .admin.ajax-load-more.settings .form-table th {
4478
- padding-bottom: 0; }
 
 
4479
  .share-alm .sharing {
4480
  padding-right: 0;
4481
  width: 100%;
1021
  transform: translateY(-50%);
1022
  top: 50%; }
1023
 
1024
+ #wpcontent .ajax-load-more .button:not(.button-primary),
1025
+ #wpcontent .ajax-load-more .button.button-secondary {
1026
+ border-color: #ccc;
1027
+ color: #444;
1028
+ background-color: #f3f5f6; }
1029
+ #wpcontent .ajax-load-more .button:not(.button-primary):hover, #wpcontent .ajax-load-more .button:not(.button-primary):active, #wpcontent .ajax-load-more .button:not(.button-primary):focus,
1030
+ #wpcontent .ajax-load-more .button.button-secondary:hover,
1031
+ #wpcontent .ajax-load-more .button.button-secondary:active,
1032
+ #wpcontent .ajax-load-more .button.button-secondary:focus {
1033
+ color: #222;
1034
+ border-color: #999;
1035
+ background-color: #f1f1f1;
1036
+ -webkit-box-shadow: none;
1037
+ box-shadow: none; }
1038
+ #wpcontent .ajax-load-more .button:not(.button-primary):focus,
1039
+ #wpcontent .ajax-load-more .button.button-secondary:focus {
1040
+ background-color: #e7e7e7; }
1041
+
1042
  /*
1043
  * Admin - Popup Generator
1044
  *
1094
  padding-bottom: 5px !important; }
1095
 
1096
  #alm-settings form h2 {
1097
+ padding: 20px 20px 5px 5px;
1098
+ margin: 0;
 
 
 
1099
  font-weight: 700;
1100
  border-radius: 2px 2px 0 0; }
1101
  #alm-settings form h2:first-of-type {
1102
+ padding-top: 0; }
1103
  #alm-settings form h2 + p {
1104
  color: #999;
1105
+ padding: 0 20px 15px 5px;
1106
+ margin: 0;
1107
+ font-size: 13px; }
 
 
1108
 
1109
  .ajax-load-more .file-location {
1110
  border: 1px solid #e1e1e1;
1133
  border-right: 1px solid #e1e1e1; }
1134
  .ajax-load-more .file-location code {
1135
  color: #999;
1136
+ background: transparent;
1137
+ cursor: help; }
1138
 
1139
  .ajax-load-more code {
1140
  background: #fcf3d0; }
1338
 
1339
  a.button-small {
1340
  text-decoration: none;
1341
+ font-size: 12px;
1342
+ padding: 7px 10px;
1343
  display: inline-block;
1344
  background-color: #eaf6fb;
1345
+ border: 1px solid #b9d2de;
1346
  color: #333;
1347
  line-height: 1.1;
1348
  border-radius: 2px; }
1349
  a.button-small:hover, a.button-small:focus {
1350
  color: #222;
1351
+ background-color: #d9edf5;
1352
+ text-decoration: none;
1353
+ border-color: #98b2be; }
1354
 
1355
  .ajax-load-more ul {
1356
  padding: 0;
1754
  display: block;
1755
  overflow: hidden;
1756
  clear: both;
1757
+ border: 1px solid #e1e1e1;
1758
+ border-radius: 3px; }
1759
  .ajax-load-more .row.no-brd {
1760
  border: none !important;
1761
  padding: 0 !important; }
2242
  /* Table Overrides */
2243
  .admin.ajax-load-more.settings .form-table td,
2244
  .admin.ajax-load-more.settings .form-table th {
2245
+ padding: 20px;
2246
  line-height: 1.5; }
2247
 
2248
  .admin.ajax-load-more.settings .form-table td {
2249
  padding-right: 20px; }
2250
 
2251
  .admin.ajax-load-more.settings .form-table th {
2252
+ padding-left: 20px;
2253
+ font-weight: 700;
2254
+ background-color: #f7f7f7;
2255
+ border-right: 1px solid #e1e1e1; }
2256
 
2257
  .admin.ajax-load-more.settings .form-table p {
2258
  margin-top: 0; }
2353
  padding-left: 24px; }
2354
 
2355
  .alm-dropdown ul li a.updating {
2356
+ background-position: 9px 54%;
2357
+ padding-left: 34px; }
2358
 
2359
  .restore-default {
2360
  float: right;
2412
 
2413
  .form-table {
2414
  border: 1px solid #e1e1e1;
2415
+ margin: 0 0 20px; }
2416
  .form-table br {
2417
  height: 1px;
2418
  display: block;
2465
  right: 15px;
2466
  bottom: 15px; }
2467
  .repeaters .alm-delete a {
2468
+ border-radius: 3px;
2469
  background: none;
2470
  color: #c94141;
2471
  font-size: 14px;
2472
+ line-height: 28px;
2473
+ height: 28px;
2474
  text-decoration: none;
2475
  display: block;
2476
+ padding: 0 10px; }
2477
  .repeaters .alm-delete a:hover {
2478
  background-color: #c94141;
2479
  color: #fff; }
2481
  -webkit-box-shadow: none;
2482
  box-shadow: none; }
2483
  .repeaters .alm-delete a:active {
 
 
2484
  background-color: #b93636; }
2485
 
2486
  .repeaters .row:hover .alm-delete {
2608
 
2609
  /* Add-on Callout! */
2610
  .call-out {
2611
+ background: #75d0b4;
2612
  padding: 18px 100px 18px 18px;
2613
  border-radius: 3px;
2614
  margin: 0;
2657
  font-size: 13px; }
2658
 
2659
  .call-out a {
2660
+ color: #42524e !important;
2661
  text-decoration: none;
2662
+ font-weight: 600; }
2663
 
2664
  .call-out a:hover,
2665
  .call-out a:focus {
2755
  box-shadow: inset 0 -6px 6px rgba(0, 0, 0, 0.05), 0 1px 0 #fff; }
2756
 
2757
  .license-title .status.valid {
2758
+ background-color: #8ed074; }
2759
 
2760
  .license h2 {
2761
  margin: 0;
2762
  padding: 15px 15px 15px 38px;
2763
  font-size: 16px;
2764
+ font-weight: 700;
2765
  line-height: 1.2; }
2766
 
2767
  .license p,
2843
  top: -3px; }
2844
 
2845
  .license-wrap input[type=text] {
 
2846
  margin: 0;
2847
  width: 100% !important;
 
2848
  padding: 14px; }
2849
 
2850
  .license-wrap .button-primary {
2871
  cursor: default; }
2872
 
2873
  .license-key-field .status.active {
2874
+ background-color: #8ed074; }
2875
 
2876
  .license-key-field .status.inactive {
2877
  background-color: #d45656; }
2905
  margin: 0 0 20px;
2906
  overflow: visible;
2907
  position: relative;
2908
+ -webkit-box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.065);
2909
+ box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.065); }
2910
  .ajax-load-more .cnkt-sidebar .cta .alm-file-location {
2911
  padding-top: 15px;
2912
  margin-top: 15px;
3382
  .alm-cache .alm-cache-search-wrap {
3383
  position: relative;
3384
  display: block;
3385
+ margin: 0 0 15px; }
3386
  .alm-cache .alm-cache-search-wrap input {
3387
  width: 100% !important;
3388
  margin: 0 !important;
3398
  z-index: 1; }
3399
  .alm-cache .alm-dir-listing {
3400
  border: 1px solid #e1e1e1;
3401
+ border-radius: 3px;
3402
+ overflow: hidden;
3403
  padding: 0;
3404
  margin: 10px 0 0; }
3405
  .alm-cache .alm-dir-listing.theme-repeaters {
3426
  content: "\f07b"; }
3427
  .alm-cache .alm-dir-listing .dir-title .delete {
3428
  position: absolute;
3429
+ right: 10px;
3430
+ top: 10px;
3431
  font-weight: 400;
3432
+ font-size: 13px;
3433
  text-decoration: none;
3434
+ padding: 5px 12px;
3435
  border: 1px solid #e1e1e1;
3436
  color: #ccc;
3437
  border-radius: 2px; }
3539
  overflow: hidden;
3540
  width: 47%;
3541
  font-size: 14px;
3542
+ background: transparent url("../../img/directory-list.gif") no-repeat left 46%; }
3543
 
3544
  .alm-dir-listing.theme-repeaters ul li {
3545
  display: block;
3546
  width: 100%;
3547
+ padding-top: 10px;
3548
+ padding: 0 0 0 40px;
3549
+ background-position: left 54%; }
3550
 
3551
  .alm-dir-listing.theme-repeaters ul li label {
3552
  display: block;
3554
 
3555
  .alm-dir-listing ul li:last-child,
3556
  .alm-dir-listing ul li:nth-last-child(2) {
3557
+ background-image: url("../../img/directory-list-btm.gif"); }
3558
 
3559
  .alm-dir-listing.theme-repeaters ul li:nth-last-child(2) {
3560
+ background: transparent url("../../img/directory-list.gif") no-repeat left center; }
3561
 
3562
  .alm-dir-listing ul li a {
3563
  text-decoration: none; }
3582
  *
3583
  * @since 2.4
3584
  */
3585
+ .ajax-load-more .alm-styled-input {
3586
+ display: -webkit-box;
3587
+ display: -ms-flexbox;
3588
+ display: flex;
3589
+ width: 100%;
3590
+ -ms-flex-wrap: nowrap;
3591
+ flex-wrap: nowrap;
3592
+ -webkit-box-align: center;
3593
+ -ms-flex-align: center;
3594
+ align-items: center;
3595
+ border-radius: 3px;
3596
+ border: 1px solid #e1e1e1; }
3597
+ .ajax-load-more .alm-styled-input label {
3598
+ padding: 10px;
3599
+ border-right: 1px solid #e1e1e1; }
3600
+ .ajax-load-more .alm-styled-input input {
3601
+ border: none;
3602
+ border-radius: 0 2px 2px 0;
3603
+ margin: 0;
3604
+ width: 100%; }
3605
+
3606
  .shortcode-builder input[type=checkbox],
3607
  .shortcode-builder input[type=radio],
3608
  .ajax-load-more .form-table input[type=checkbox],
3621
  min-height: 23px;
3622
  width: 100%;
3623
  display: inline-block;
3624
+ padding: 0.1em 0 0 30px;
3625
  margin: 0 0 5px;
3626
  font-size: 14px;
3627
  line-height: 1.5;
3765
  right: 7px;
3766
  z-index: 8; }
3767
  .alm-drop-btn.alm-repeater-options a.target {
3768
+ padding: 5px 10px;
3769
  -webkit-box-shadow: none;
3770
  box-shadow: none;
3771
  border: none; }
3775
 
3776
  .alm-drop-btn a.target {
3777
  position: relative;
3778
+ color: #444;
3779
  text-decoration: none !important;
3780
+ padding: 0 12px 0 28px;
3781
+ border: 1px solid #ccc;
3782
  border-radius: 3px;
3783
  font-size: 13px;
3784
+ line-height: 30px;
3785
+ height: 32px;
3786
  display: block;
3787
  -webkit-box-shadow: 0 0 0 1px #fff;
3788
  box-shadow: 0 0 0 1px #fff; }
3791
  color: #999;
3792
  font-size: 15px;
3793
  position: absolute;
3794
+ top: 8px;
3795
+ left: 8px; }
3796
 
3797
  .alm-repeater-options a.target:hover i.fa-cog {
3798
  color: #333; }
3831
  .alm-drop-btn.alm-layout-selection li.type {
3832
  height: 36px;
3833
  line-height: 36px;
3834
+ padding: 0 4px 0 8px;
3835
+ position: relative;
3836
+ border-top: 1px solid #e1e1e1; }
3837
+ .alm-drop-btn.alm-layout-selection li.type:first-of-type {
3838
+ border: none; }
3839
 
3840
  .alm-dropdown ul li.layout i {
3841
  top: 11px; }
3892
  .alm-drop-btn.alm-layout-selection a.external,
3893
  .alm-drop-btn.alm-layout-selection a.add-on {
3894
  background-color: #f7f7f7;
3895
+ padding: 13px 10px 13px 36px;
3896
  display: block; }
3897
 
3898
  .alm-drop-btn.alm-layout-selection a.external {
3899
+ padding: 0 10px 0 36px;
3900
+ font-weight: 600; }
3901
 
3902
  .alm-drop-btn.alm-layout-selection a.external i {
3903
  color: #999;
3904
  border-color: #ccc;
3905
+ top: 50%;
3906
+ -webkit-transform: translateY(-50%);
3907
+ -ms-transform: translateY(-50%);
3908
+ transform: translateY(-50%);
3909
  width: 38px; }
3910
 
3911
  .alm-drop-btn.alm-layout-selection a.external:hover i {
3913
 
3914
  .alm-drop-btn.alm-layout-selection a.add-on {
3915
  line-height: 1.5;
3916
+ background-color: #75d0b4;
3917
  border: none;
3918
  color: #fff;
3919
  font-weight: 400;
3920
  text-overflow: inherit;
3921
  height: auto;
3922
  white-space: normal;
3923
+ font-size: 13px;
3924
+ padding: 12px 15px; }
3925
 
3926
  .alm-drop-btn.alm-layout-selection a.add-on:hover,
3927
  .alm-drop-btn.alm-layout-selection a.add-on:focus {
3936
 
3937
  .alm-drop-btn.alm-layout-selection a.add-on i {
3938
  top: 14px;
3939
+ left: 3px;
3940
+ display: none; }
3941
 
3942
  .alm-drop-btn.alm-layout-selection a.add-on i {
3943
  color: #fff !important;
3947
  .alm-drop-btn.alm-layout-selection a.target:active,
3948
  .alm-drop-btn.alm-layout-selection.active a.target {
3949
  color: #222;
3950
+ border-color: #999;
3951
+ background-color: #f1f1f1;
 
 
3952
  opacity: 1; }
3953
 
3954
  .alm-drop-btn.alm-layout-selection.active a.target,
4022
  background: #fff;
4023
  border-radius: 3px;
4024
  border: 1px solid #ccc;
4025
+ -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
4026
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
4027
+ padding: 8px 10px;
4028
  width: 220px; }
4029
 
4030
  .alm-layout-selection .alm-dropdown .alm-drop-inner {
4031
  width: 250px;
4032
+ padding: 10px 10px 6px; }
4033
 
4034
  .alm-drop-inner:after,
4035
  .alm-drop-inner:before {
4064
 
4065
  .alm-dropdown ul li {
4066
  margin: 0;
4067
+ padding: 2px 0;
4068
  list-style: none;
4069
  clear: both;
4070
  font-size: 12px;
4071
  line-height: 1.2;
 
4072
  font-weight: 400; }
4073
 
 
 
 
4074
  .alm-dropdown ul li a {
4075
+ padding: 0 10px 0 34px;
4076
+ line-height: 40px;
4077
+ height: 40px;
4078
  display: block;
4079
  text-decoration: none;
4080
  background-position: 4px center;
4086
  white-space: nowrap;
4087
  overflow: hidden;
4088
  text-overflow: ellipsis;
4089
+ border-radius: 3px; }
4090
+ .alm-dropdown ul li a.layout, .alm-dropdown ul li a.external, .alm-dropdown ul li a.option {
4091
+ border: 1px solid #e1e1e1;
4092
+ background-color: transparent; }
4093
+ .alm-dropdown ul li a.layout:hover, .alm-dropdown ul li a.layout:focus, .alm-dropdown ul li a.external:hover, .alm-dropdown ul li a.external:focus, .alm-dropdown ul li a.option:hover, .alm-dropdown ul li a.option:focus {
4094
+ border-color: #ccc;
4095
+ background-color: #f1f1f1; }
4096
+ .alm-dropdown ul li a.layout:focus, .alm-dropdown ul li a.external:focus, .alm-dropdown ul li a.option:focus {
4097
+ background-color: #f1f1f1; }
4098
 
4099
  .alm-dropdown ul li a i {
4100
  margin: 0;
4101
  color: #ccc;
4102
  position: absolute;
4103
+ left: 2px;
4104
+ top: 50%;
4105
+ -webkit-transform: translateY(-50%);
4106
+ -ms-transform: translateY(-50%);
4107
+ transform: translateY(-50%);
4108
+ font-size: 14px;
4109
  width: 32px;
4110
  height: 16px;
4111
  line-height: 16px;
4467
  position: relative;
4468
  top: 1px;
4469
  z-index: 9; }
4470
+ .ajax-load-more .alm-toggle-switch li {
4471
+ float: left;
4472
+ margin: 0 2px 0 0;
4473
+ padding: 0;
4474
+ background: none;
4475
+ list-style: none; }
4476
+ .ajax-load-more .alm-toggle-switch li a {
4477
+ display: block;
4478
+ padding: 15px 22px;
4479
+ line-height: 1;
4480
+ text-decoration: none;
4481
+ border: 1px solid #e1e1e1;
4482
+ border-radius: 3px 3px 0 0;
4483
+ background: #f7f7f7;
4484
+ color: #666; }
4485
+ .ajax-load-more .alm-toggle-switch li a:hover {
4486
+ color: #222;
4487
+ background-color: #fff; }
4488
+ .ajax-load-more .alm-toggle-switch li a.active {
4489
+ background: #fff;
4490
+ font-weight: 600;
4491
+ border-bottom-color: #fff;
4492
+ color: #111; }
 
 
 
 
 
4493
 
4494
  /*
4495
  * Admin screen media queries
4520
  position: static !important;
4521
  border: none; }
4522
  .admin.ajax-load-more.settings .form-table td {
4523
+ padding: 24px 20px 20px; }
4524
  .call-out.light {
4525
  padding: 15px !important; }
4526
  .repeaters input.save-repeater {
4528
 
4529
  @media screen and (max-width: 782px) {
4530
  .admin.ajax-load-more.settings .form-table th {
4531
+ padding-bottom: 0;
4532
+ border: none;
4533
+ background-color: transparent; }
4534
  .share-alm .sharing {
4535
  padding-right: 0;
4536
  width: 100%;
admin/shortcode-builder/js/shortcode-builder.js CHANGED
@@ -1168,6 +1168,41 @@ jQuery(document).ready(function($) {
1168
  var destroy_after = $('.alm-destroy-after input[name=destroy-after]').val();
1169
  if(destroy_after !== '' && destroy_after !== undefined && destroy_after !== '0')
1170
  output += ' destroy_after="'+destroy_after+'"';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1171
 
1172
 
1173
  // ---------------------------
@@ -1277,17 +1312,6 @@ jQuery(document).ready(function($) {
1277
  }
1278
 
1279
 
1280
-
1281
-
1282
- // ---------------------------
1283
- // - Images loaded
1284
- // ---------------------------
1285
-
1286
- var images_loaded = $('.alm-images-loaded input[name=images_loaded]:checked').val();
1287
- if(images_loaded === 't')
1288
- output += ' images_loaded="true"';
1289
-
1290
-
1291
  // ---------------------------
1292
  // - Button Label
1293
  // ---------------------------
1168
  var destroy_after = $('.alm-destroy-after input[name=destroy-after]').val();
1169
  if(destroy_after !== '' && destroy_after !== undefined && destroy_after !== '0')
1170
  output += ' destroy_after="'+destroy_after+'"';
1171
+
1172
+
1173
+ // ---------------------------
1174
+ // - Images loaded
1175
+ // ---------------------------
1176
+
1177
+ var images_loaded = $('.alm-images-loaded input[name=images_loaded]:checked').val();
1178
+ if(images_loaded === 't')
1179
+ output += ' images_loaded="true"';
1180
+
1181
+
1182
+ // ---------------------------
1183
+ // - Placeholder
1184
+ // ---------------------------
1185
+
1186
+ var placeholder = $('.alm-placeholder-wrap input[name=has_placeholder]:checked').val();
1187
+ var placeholder_target = $('.alm-placeholder-wrap .alm-placeholder-target');
1188
+ var placeholder_url = $('.alm-placeholder-wrap #placeholder');
1189
+ var placeholder_img = $('.alm-placeholder-wrap #placeholder-img');
1190
+ if(placeholder === 't'){
1191
+ output += ' placeholder="true"';
1192
+ placeholder_target.slideDown(250, 'alm_easeInOutQuad');
1193
+
1194
+ // Set preview image
1195
+ if(placeholder_url.val() === '' || placeholder_url.val() === placeholder_url.data('empty')){
1196
+ output += ' placeholder="true"';
1197
+ placeholder_img.attr('src', placeholder_url.data('empty'));
1198
+ } else {
1199
+ output += ' placeholder="'+ placeholder_url.val() +'"';
1200
+ placeholder_img.attr('src', placeholder_url.val());
1201
+ }
1202
+
1203
+ } else {
1204
+ placeholder_target.slideUp(250, 'alm_easeInOutQuad');
1205
+ }
1206
 
1207
 
1208
  // ---------------------------
1312
  }
1313
 
1314
 
 
 
 
 
 
 
 
 
 
 
 
1315
  // ---------------------------
1316
  // - Button Label
1317
  // ---------------------------
admin/shortcode-builder/shortcode-builder.php CHANGED
@@ -15,14 +15,14 @@
15
 
16
 
17
  <!-- Add-ons -->
18
- <?php
19
  // ../admin-functions.php
20
  if(alm_has_addon_shortcodes()) : ?>
21
 
22
  <div class="shortcode-parameter-wrap">
23
- <h2 tabindex="0" class="shortcode-title"><i class="fa fa-plus-circle"></i><?php _e('Add-ons & Extensions', 'ajax-load-more'); ?></h2>
24
  <div class="section-wrap">
25
- <?php
26
  require_once('components/acf.php');
27
  require_once('components/cache.php');
28
  require_once('components/cta.php');
@@ -43,14 +43,14 @@
43
 
44
  <!-- Display Settings -->
45
  <div class="shortcode-parameter-wrap">
46
- <h2 tabindex="0" class="shortcode-title"><i class="fa fa-cog"></i><?php _e('Display Settings', 'ajax-load-more'); ?></h2>
47
  <div class="section-wrap">
48
-
49
  <!-- Options -->
50
  <div class="row input alm-instance-options" id="alm-instance-options">
51
  <h3 class="heading" tabindex="0"><?php _e('Options', 'ajax-load-more'); ?></h3>
52
  <div class="expand-wrap">
53
-
54
  <!-- ID -->
55
  <div class="section-title">
56
  <h4><?php _e('ID', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Adding a unique ID will allow you target this specific Ajax Load More instance with the alm_query_args_id() filter','ajax-load-more'); ?>."></a></h4>
@@ -64,10 +64,10 @@
64
  <p class="generate-id"><a href="javascript:void(0);" data-id="unique-id"><i class="fa fa-random"></i> <?php _e('Generate Unique ID', 'ajax-load-more'); ?></a></p>
65
  </div>
66
  </div>
67
-
68
  <div class="clear"></div>
69
- <hr/>
70
-
71
  <!-- Loading Style -->
72
  <?php
73
  $loading_style = (isset($alm_options['_alm_btn_color'])) ? $alm_options['_alm_btn_color'] : 'default';
@@ -86,7 +86,7 @@
86
  <option value="green" class="alm-color green"<?php echo ($loading_style === 'green') ? $selected : ''; ?>>Green</option>
87
  <option value="purple" class="alm-color purple"<?php echo ($loading_style === 'purple') ? $selected : ''; ?>>Purple</option>
88
  <option value="grey" class="alm-color grey"<?php echo ($loading_style === 'grey') ? $selected : ''; ?>>Grey</option>
89
- </optgroup>
90
  <optgroup label="<?php _e('Infinite Scroll (No Button)', 'ajax-load-more'); ?>">
91
  <option value="infinite classic" class="infinite classic"<?php echo ($loading_style === 'infinite classic') ? $selected : ''; ?>>Classic</option>
92
  <option value="infinite skype" class="infinite skype"<?php echo ($loading_style === 'infinite skype') ? $selected : ''; ?>>Skype</option>
@@ -107,10 +107,10 @@
107
  </div>
108
  </div>
109
  </div>
110
-
111
  <div class="clear"></div>
112
  <hr/>
113
-
114
  <!-- Container Type -->
115
  <div class="section-title">
116
  <h4><?php _e('Container Type', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('You can define a global container type on the Ajax Load More settings screen','ajax-load-more'); ?>."></a></h4>
@@ -138,10 +138,10 @@
138
  </ul>
139
  </div>
140
  </div>
141
-
142
  <div class="clear"></div>
143
  <hr/>
144
-
145
  <!-- Container Classes -->
146
  <div class="section-title">
147
  <h4><?php _e('Container Classes', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('You can define global container classes on the Ajax Load More settings screen','ajax-load-more'); ?>."></a></h4>
@@ -155,10 +155,10 @@
155
  <input class="alm_element" name="container-classes" type="text" id="container-classes" placeholder="listing large-12 columns">
156
  </div>
157
  </div>
158
-
159
  <div class="clear"></div>
160
  <hr/>
161
-
162
  <!-- Destroy After -->
163
  <div class="section-title">
164
  <h4><?php _e('Destroy After', 'ajax-load-more'); ?></h4>
@@ -169,49 +169,104 @@
169
  <input type="number" class="alm_element numbers-only" placeholder="0" name="destroy-after" id="disable-after" step="1" min="0" value="">
170
  </div>
171
  </div>
172
-
173
  <div class="clear"></div>
174
  <hr/>
175
-
176
- <!-- Nested ALM -->
177
  <div class="section-title">
178
- <h4><?php _e('Nested Instance', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('When nesting ALM instances it\'s important to set this to true as it removes any problematic JavaScript functionality.','ajax-load-more'); ?>"></a></h4>
179
- <p><?php _e('Is this instance of Ajax Load More nested inside another instance of Ajax Load More?', 'ajax-load-more'); ?></p>
180
- </div>
181
- <div class="wrap">
182
- <div class="inner">
183
  <ul>
184
  <li>
185
- <input class="alm_element" type="radio" name="nested" value="t" id="nested_t">
186
- <label for="nested_t"><?php _e('True', 'ajax-load-more'); ?></label>
187
  </li>
188
  <li>
189
- <input class="alm_element" type="radio" name="nested" value="f" id="nested_f" checked="checked">
190
- <label for="nested_f"><?php _e('False', 'ajax-load-more'); ?></label>
191
  </li>
192
  </ul>
193
- </div>
194
  </div>
195
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
196
  <div class="clear"></div>
197
  <hr/>
198
-
199
- <!-- No Results -->
200
  <div class="section-title">
201
  <h4><?php _e('No Results Text', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('HTML is allowed, however when adding quote marks in classnames or IDs you must single quotes as shown in the example.','ajax-load-more'); ?>"></a></h4>
202
  <p><?php _e('Add text/html to be displayed when no results are returned in the Ajax query.', 'ajax-load-more'); ?><br/><small><?php _e('e.g. &lt;div class=\'no-results\'>Sorry, nothing found in this query&lt;/div>', 'ajax-load-more'); ?></small></p>
203
  </div>
204
  <div class="wrap">
205
- <div class="inner">
206
  <textarea class="alm_element" id="no_results_text" rows="4"></textarea>
207
  </div>
208
  </div>
209
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
210
  </div>
211
  </div>
212
  <!-- End Options -->
213
-
214
-
215
  <!-- Template Selection -->
216
  <?php
217
  echo '<div class="row repeater" id="alm-repeaters">';
@@ -233,33 +288,33 @@
233
  do_action('alm_get_unlimited_repeaters');
234
  }
235
  echo '</select>';
236
-
237
  echo '</div></div>';
238
  ?>
239
-
240
  <?php // Get Theme Repeaters
241
  if (has_action('alm_theme_repeaters_selection')){
242
  do_action('alm_theme_repeaters_selection');
243
  }
244
  ?>
245
-
246
  <?php // Custom Repeaters v2 - /cta/extend.php
247
  if (!has_action('alm_get_unlimited_repeaters') && !has_action('alm_get_custom_repeaters') && !has_action('alm_theme_repeaters_installed')) {
248
  include( ALM_PATH . 'admin/includes/cta/extend.php');
249
  }
250
-
251
  echo '</div>';
252
  echo '</div>';
253
  ?>
254
- <!-- End Template Selection -->
255
-
256
-
257
  <!-- Button Labels -->
258
  <div class="row input btn-label" id="alm-btn-label">
259
  <h3 class="heading" tabindex="0"><?php _e('Button Labels', 'ajax-load-more'); ?></h3>
260
-
261
  <div class="expand-wrap">
262
-
263
  <div class="section-title">
264
  <h4><?php _e('Label', 'ajax-load-more'); ?></h4>
265
  <p><?php _e('Customize the text of the <em>Load More</em> button.', 'ajax-load-more'); ?></p>
@@ -269,10 +324,10 @@
269
  <input class="alm_element" name="button-label" type="text" id="button-label" value="<?php _e('Older Posts', 'ajax-load-more'); ?>">
270
  </div>
271
  </div>
272
-
273
  <div class="clear"></div>
274
  <hr/>
275
-
276
  <div class="section-title">
277
  <h4><?php _e('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>
278
  <p><?php _e('Update the text of the <em>Load More</em> button while content is loading.', 'ajax-load-more'); ?></p>
@@ -282,16 +337,16 @@
282
  <input class="alm_element" name="button-loading-label" type="text" id="button-loading-label" value="" placeholder="<?php _e('Loading Posts...', 'ajax-load-more'); ?>">
283
  </div>
284
  </div>
285
-
286
  </div>
287
  </div>
288
  <!-- Button Labels -->
289
-
290
  <!-- Scrolling -->
291
  <div class="row checkbox scroll_load" id="alm-scroll">
292
  <h3 class="heading" tabindex="0"><?php _e('Scrolling', 'ajax-load-more'); ?></h3>
293
  <div class="expand-wrap">
294
-
295
  <div class="section-title">
296
  <h4><?php _e('Enable Scrolling', 'ajax-load-more'); ?></h4>
297
  <p><?php _e('Load more posts as the user scrolls the page.', 'ajax-load-more'); ?></p>
@@ -310,12 +365,12 @@
310
  </ul>
311
  </div>
312
  </div>
313
-
314
  <div class="clear"></div>
315
-
316
- <div class="scrolling-options nested-component">
317
  <div class="nested-component--inner">
318
-
319
  <!-- Scroll Distance -->
320
  <div class="scroll_distance">
321
  <div class="section-title">
@@ -328,11 +383,11 @@
328
  </div>
329
  </div>
330
  </div>
331
-
332
  <div class="scroll_container">
333
  <div class="clear"></div>
334
- <hr>
335
-
336
  <!-- Scroll Container -->
337
  <div class="section-title">
338
  <h4><?php _e('Scroll Container', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Confine Ajax Load More scrolling to a parent container','ajax-load-more'); ?>."></a></h4>
@@ -344,7 +399,7 @@
344
  </div>
345
  </div>
346
  </div>
347
-
348
  <!-- Max Pages -->
349
  <div class="max_pages">
350
  <div class="clear"></div>
@@ -359,7 +414,7 @@
359
  </div>
360
  </div>
361
  </div>
362
-
363
  <!-- Pause Override -->
364
  <div class="pause_override">
365
  <div class="clear"></div>
@@ -386,7 +441,7 @@
386
  </div>
387
  </div>
388
  <!-- End Scrolling -->
389
-
390
  <!-- Transition -->
391
  <div class="row input transition" id="alm-transition">
392
  <h3 class="heading" tabindex="0"><?php _e('Transition', 'ajax-load-more'); ?></h3>
@@ -404,18 +459,18 @@
404
  </select>
405
  </div>
406
  </div>
407
-
408
  <div class="clear"></div>
409
-
410
- <div class="masonry-options nested-component" style="display: none;">
411
  <div class="nested-component--inner">
412
-
413
  <div class="section-title full" style="padding-bottom: 10px;">
414
  <h4><?php _e('Masonry Options', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Ajax Load More does not support all available Masonry options','ajax-load-more'); ?>."></a></h4>
415
  <p><?php _e('The following Masonry <a href="https://masonry.desandro.com/options.html" target="_blank">options</a> are supported by Ajax Load More.', 'ajax-load-more'); ?></p>
416
  </div>
417
  <div class="clear"></div>
418
-
419
  <div class="section-title">
420
  <h4><?php _e('Item Selector', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Item Selector is required for Masonry to target each element loaded with Ajax.','ajax-load-more'); ?>"></a></h4>
421
  <p><?php _e('Enter the target classname of each masonry item.', 'ajax-load-more'); ?><br/>
@@ -427,10 +482,10 @@
427
  <input type="text" class="alm_element" name="masonry-item" id="masonry-item" placeholder=".grid-item">
428
  </div>
429
  </div>
430
-
431
  <div class="clear"></div>
432
  <hr class="indented" />
433
-
434
  <div class="section-title">
435
  <h4><?php _e('Column Width', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('If columnWidth is not set, Masonry will use the outer width of the first Item Selector.','ajax-load-more'); ?>"></a></h4>
436
  <p><?php _e('Enter the <a href="https://masonry.desandro.com/options.html#columnwidth" target="_blank">columnWidth</a> of the masonry items.', 'ajax-load-more'); ?><br/>
@@ -442,10 +497,10 @@
442
  <input type="number" class="alm_element numbers-only" name="masonry-columnwidth" id="masonry-columnwidth" placeholder="80" min="0" step="1">
443
  </div>
444
  </div>
445
-
446
  <div class="clear"></div>
447
  <hr class="indented" />
448
-
449
  <div class="section-title">
450
  <h4><?php _e('Animation Type', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('All Masonry animations include a fade-in effect as items are loaded.','ajax-load-more'); ?>"></a></h4>
451
  <p><?php _e('Select a loading transition for Masonry items.', 'ajax-load-more'); ?></p>
@@ -456,14 +511,14 @@
456
  <li style="width:100%;">
457
  <input class="alm_element" type="radio" name="masonry-animation" value="default" id="masonry-animation-default" checked="checked">
458
  <label for="masonry-animation-default">
459
- <?php _e('Default (Zoom)', 'ajax-load-more'); ?>
460
  <span class="description"><?php _e('Items scale up from 50% to 100% size on load.','ajax-load-more'); ?></span>
461
  </label>
462
  </li>
463
  <li style="width:100%;">
464
  <input class="alm_element" type="radio" name="masonry-animation" value="zoom-out" id="masonry-animation-zoom-out">
465
  <label for="masonry-animation-zoom-out">
466
- <?php _e('Zoom Out', 'ajax-load-more'); ?>
467
  <span class="description"><?php _e('Items scale down from 125% to 100% size on load.','ajax-load-more'); ?></span>
468
  </label>
469
  </li>
@@ -487,13 +542,13 @@
487
  <?php _e('None', 'ajax-load-more'); ?>
488
  </label>
489
  </li>
490
- </ul>
491
  </div>
492
  </div>
493
-
494
  <div class="clear"></div>
495
  <hr class="indented" />
496
-
497
  <div class="section-title">
498
  <h4><?php _e('Horizontal Order', 'ajax-load-more'); ?></h4>
499
  <p><?php _e('Lays out items to maintain left-to-right order.', 'ajax-load-more'); ?>
@@ -519,18 +574,18 @@
519
  <?php _e('Don\'t see your favorite Masonry option listed? You can always add your own!', 'ajax-load-more'); ?>
520
  <a class="button-small" href="https://connekthq.com/plugins/ajax-load-more/docs/masonry/" target="_blank"><?php _e('View Docs', 'ajax-load-more'); ?></a>
521
  </p>
522
-
523
  </div>
524
-
525
  </div>
526
-
527
  <!-- Hide transition_container if Masonry is selected -->
528
  <div class="masonry-options-hide">
529
-
530
  <div class="transition-container-classes-wrap">
531
  <div class="clear"></div>
532
  <hr>
533
-
534
  <div class="section-title">
535
  <h4><?php _e('Transition Container Classes', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('This setting is not available with the Single Post or Next Page add-ons','ajax-load-more'); ?>."></a></h4>
536
  <p><?php _e('Add custom classes to the <span>.alm-reveal</span> loading container', 'ajax-load-more'); ?>.</p>
@@ -541,10 +596,10 @@
541
  </div>
542
  </div>
543
  </div>
544
-
545
  <div class="clear"></div>
546
  <hr>
547
-
548
  <div class="section-title">
549
  <h4><?php _e('Transition Container', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Removing the transition container may have undesired results and is not recommended','ajax-load-more'); ?>."></a></h4>
550
  <p><?php _e('Remove the <span>.alm-reveal</span> loading container from Ajax Load More', 'ajax-load-more'); ?>.</p>
@@ -559,14 +614,14 @@
559
  </ul>
560
  </div>
561
  </div>
562
-
563
  </div>
564
- <!-- End Hide transition_container if Masonry is selected -->
565
-
566
  </div>
567
  </div>
568
  <!-- End Transition -->
569
-
570
  <!-- Pause -->
571
  <div class="row checkbox pause_load" id="alm-pause">
572
  <h3 class="heading" tabindex="0"><?php _e('Pause', 'ajax-load-more'); ?></h3>
@@ -591,7 +646,7 @@
591
  </div>
592
  </div>
593
  <!-- End Pause -->
594
-
595
  <!-- Progress Bar -->
596
  <div class="row input alm-progress-bar" id="alm-progress-bar">
597
  <h3 class="heading" tabindex="0"><?php _e('Progress Bar', 'ajax-load-more'); ?></h3>
@@ -615,12 +670,12 @@
615
  </div>
616
  </div>
617
  </div>
618
-
619
  <div class="clear"></div>
620
-
621
- <div class="progress-bar-options nested-component" style="display: none;">
622
- <div class="nested-component--inner">
623
- <div class="section-title">
624
  <h4><?php _e('Color', 'ajax-load-more'); ?> </h4>
625
  <p><?php _e('Enter the hex color of the progress bar', 'ajax-load-more'); ?>.<br/>
626
  <?php _e('Default:', 'ajax-load-more'); ?> #<span>ed7070</span>
@@ -632,37 +687,12 @@
632
  <span class="progress_bar_color_indicator"></span>
633
  </div>
634
  </div>
635
- </div>
636
  </div>
637
-
638
  </div>
639
  <!-- End Progress Bar -->
640
-
641
- <!-- Images Loaded -->
642
- <div class="row input alm-images-loaded" id="alm-images-loaded">
643
- <h3 class="heading" tabindex="0"><?php _e('Images Loaded', 'ajax-load-more'); ?></h3>
644
- <div class="expand-wrap">
645
- <div class="section-title">
646
- <p><?php _e('Wait for all images to load before displaying ajax loaded content', 'ajax-load-more'); ?>. <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Background images are not supported','ajax-load-more'); ?>."></a></p>
647
- </div>
648
- <div class="wrap">
649
- <div class="inner">
650
- <ul>
651
- <li>
652
- <input class="alm_element" type="radio" name="images_loaded" value="t" id="images_loaded_t">
653
- <label for="images_loaded_t"><?php _e('True', 'ajax-load-more'); ?></label>
654
- </li>
655
- <li>
656
- <input class="alm_element" type="radio" name="images_loaded" value="f" id="images_loaded_f" checked="checked">
657
- <label for="images_loaded_f"><?php _e('False', 'ajax-load-more'); ?></label>
658
- </li>
659
- </ul>
660
- </div>
661
- </div>
662
- </div>
663
- </div>
664
- <!-- End Images Loaded -->
665
-
666
  </div>
667
  </div>
668
  <!-- End Display Settings -->
@@ -673,13 +703,13 @@
673
  <div class="shortcode-parameter-wrap">
674
  <h2 tabindex="0" class="shortcode-title"><i class="fa fa-database"></i><?php _e('Query Parameters', 'ajax-load-more'); ?></h2>
675
  <div class="section-wrap">
676
-
677
  <!-- Posts Per Page -->
678
  <div class="row input posts_per_page" id="alm-post-page">
679
  <h3 class="heading" tabindex="0"><?php _e('Posts Per Page', 'ajax-load-more'); ?></h3>
680
  <div class="expand-wrap">
681
  <div class="section-title">
682
- <p><?php _e('Select the number of posts to load with each request.', 'ajax-load-more'); ?></p>
683
  </div>
684
  <div class="wrap">
685
  <div class="inner">
@@ -689,7 +719,7 @@
689
  </div>
690
  </div>
691
  <!-- End Posts Per Page -->
692
-
693
  <!-- Post Types -->
694
  <?php
695
  $pt_args = array(
@@ -699,9 +729,9 @@
699
  if($types){ ?>
700
  <div class="row checkboxes post_types" id="alm-post-types">
701
  <h3 class="heading" tabindex="0"><?php _e('Post Type', 'ajax-load-more'); ?></h3>
702
-
703
  <div class="expand-wrap">
704
-
705
  <div class="section-title">
706
  <p><?php _e('Select the Post Types to include in this Ajax Load More query.', 'ajax-load-more'); ?></p>
707
  </div>
@@ -722,10 +752,10 @@
722
  </div>
723
  </div>
724
  <div class="clear"></div>
725
-
726
  <!-- Sticky Posts -->
727
- <div class="sticky-wrap nested-component">
728
- <div class="nested-component--inner">
729
  <div class="section-title">
730
  <h4><?php _e('Sticky Posts', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Sticky posts are only available for Posts','ajax-load-more'); ?>."></a></h4>
731
  <p><?php _e('Preserve the ordering of sticky posts by having them appear first in the Ajax listing.', 'ajax-load-more'); ?></p>
@@ -742,15 +772,15 @@
742
  </div>
743
  </div>
744
  </div>
745
-
746
  </div>
747
-
748
  </div>
749
  <?php }
750
  ?>
751
  <!-- End Post Types -->
752
-
753
-
754
  <!-- Post Formats -->
755
  <?php
756
  if ( current_theme_supports( 'post-formats' ) ) {
@@ -775,8 +805,8 @@
775
  }
776
  ?>
777
  <!-- End Post Formats -->
778
-
779
-
780
  <!-- Categories -->
781
  <?php
782
  if($disable_dynamic_content){
@@ -784,7 +814,7 @@
784
  }else{
785
  $cats = get_categories();
786
  }
787
- if($cats){
788
  $cat_link = 'https://codex.wordpress.org/Class_Reference/WP_Query#Category_Parameters';
789
  ?>
790
  <div class="row checkboxes categories" id="alm-categories">
@@ -834,10 +864,10 @@
834
  </ul>
835
  </div>
836
  </div>
837
-
838
  <div class="clear"></div>
839
  <hr/>
840
-
841
  <div class="section-title">
842
  <h4><?php _e('Exclude', 'ajax-load-more'); ?></h4>
843
  <p>
@@ -864,16 +894,16 @@
864
  </div>
865
  </div>
866
  <!-- End Category -->
867
-
868
  <?php }
869
-
870
  // Tags
871
  if($disable_dynamic_content){
872
  $tags = 'null';
873
  }else{
874
  $tags = get_tags();
875
  }
876
- if($tags){
877
  $tag_link = 'https://codex.wordpress.org/Class_Reference/WP_Query#Tag_Parameters';
878
  ?>
879
  <div class="row checkboxes tags" id="alm-tags">
@@ -928,11 +958,11 @@
928
  <div class="clear"></div>
929
  <hr/>
930
 
931
-
932
  <div class="section-title">
933
  <h4><?php _e('Exclude', 'ajax-load-more'); ?></h4>
934
  <p>
935
- <?php _e('Comma separated list of tags to exclude by ID', 'ajax-load-more'); ?>.
936
  <small>e.g. 30, 12, 99 etc..</small>
937
  </p>
938
  </div>
@@ -956,7 +986,7 @@
956
  </div>
957
  <?php } ?>
958
  <!-- End Tags -->
959
-
960
  <?php
961
  // Taxonomies
962
  $tax_args = array(
@@ -982,7 +1012,7 @@
982
  </div>
983
  <?php }?>
984
  <!-- End Taxonomies -->
985
-
986
  <!-- Meta_Query -->
987
  <div class="row input meta-key" id="alm-meta-key">
988
  <h3 class="heading" tabindex="0"><?php _e('Custom Fields (Meta_Query)', 'ajax-load-more'); ?></h3>
@@ -1007,20 +1037,20 @@
1007
  </div>
1008
  </div>
1009
  </div>
1010
-
1011
  <div id="meta-query-extended">
1012
-
1013
  </div>
1014
-
1015
  <div class="controls">
1016
  <button class="button button-primary" id="add-meta-query"><?php _e('Add Another', 'ajax-load-more'); ?></button>
1017
  </div>
1018
-
1019
  </div>
1020
  </div>
1021
  </div>
1022
  <!-- End Meta Query -->
1023
-
1024
  <!-- Date -->
1025
  <div class="row input date" id="alm-date">
1026
  <h3 class="heading" tabindex="0"><?php _e('Date', 'ajax-load-more'); ?></h3>
@@ -1049,7 +1079,7 @@
1049
  </div>
1050
  </div>
1051
  <!-- End Date -->
1052
-
1053
  <?php // List Authors
1054
  if($disable_dynamic_content){
1055
  $authors = 'null';
@@ -1082,7 +1112,7 @@
1082
  }
1083
  ?>
1084
  <!-- End Authors -->
1085
-
1086
  <!-- Search -->
1087
  <div class="row input search-term" id="alm-search">
1088
  <h3 class="heading" tabindex="0"><?php _e('Search Term', 'ajax-load-more'); ?></h3>
@@ -1098,7 +1128,7 @@
1098
  </div>
1099
  </div>
1100
  <!-- End Search -->
1101
-
1102
  <!-- Post Parameters -->
1103
  <div class="row input post-in" id="alm-post-in">
1104
  <h3 class="heading" tabindex="0"><?php _e('Post Parameters', 'ajax-load-more'); ?></h3>
@@ -1147,7 +1177,7 @@
1147
  </div>
1148
  </div>
1149
  <!-- End Post Parameters -->
1150
-
1151
  <!-- Ordering -->
1152
  <div class="row ordering" id="alm-order">
1153
  <h3 class="heading" tabindex="0"><?php _e('Ordering', 'ajax-load-more'); ?></h3>
@@ -1182,7 +1212,7 @@
1182
  </div>
1183
  </div>
1184
  <!-- End Ordering -->
1185
-
1186
  <!-- Offset -->
1187
  <div class="row input offset" id="alm-offset">
1188
  <h3 class="heading" tabindex="0"><?php _e('Offset', 'ajax-load-more'); ?></h3>
@@ -1198,7 +1228,7 @@
1198
  </div>
1199
  </div>
1200
  <!-- End Offset -->
1201
-
1202
  <!-- Custom Arguments -->
1203
  <div class="row input custom-arguments" id="alm-custom-args">
1204
  <h3 class="heading" tabindex="0"><?php _e('Custom Arguments', 'ajax-load-more'); ?></h3>
@@ -1214,7 +1244,7 @@
1214
  </div>
1215
  </div>
1216
  <!-- End Custom Arguments -->
1217
-
1218
  </div>
1219
 
1220
  </div>
15
 
16
 
17
  <!-- Add-ons -->
18
+ <?php
19
  // ../admin-functions.php
20
  if(alm_has_addon_shortcodes()) : ?>
21
 
22
  <div class="shortcode-parameter-wrap">
23
+ <h2 tabindex="0" class="shortcode-title"><i class="fa fa-plus-circle"></i><?php _e('Add-ons & Extensions', 'ajax-load-more'); ?></h2>
24
  <div class="section-wrap">
25
+ <?php
26
  require_once('components/acf.php');
27
  require_once('components/cache.php');
28
  require_once('components/cta.php');
43
 
44
  <!-- Display Settings -->
45
  <div class="shortcode-parameter-wrap">
46
+ <h2 tabindex="0" class="shortcode-title"><i class="fa fa-cog"></i><?php _e('Display Settings', 'ajax-load-more'); ?></h2>
47
  <div class="section-wrap">
48
+
49
  <!-- Options -->
50
  <div class="row input alm-instance-options" id="alm-instance-options">
51
  <h3 class="heading" tabindex="0"><?php _e('Options', 'ajax-load-more'); ?></h3>
52
  <div class="expand-wrap">
53
+
54
  <!-- ID -->
55
  <div class="section-title">
56
  <h4><?php _e('ID', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Adding a unique ID will allow you target this specific Ajax Load More instance with the alm_query_args_id() filter','ajax-load-more'); ?>."></a></h4>
64
  <p class="generate-id"><a href="javascript:void(0);" data-id="unique-id"><i class="fa fa-random"></i> <?php _e('Generate Unique ID', 'ajax-load-more'); ?></a></p>
65
  </div>
66
  </div>
67
+
68
  <div class="clear"></div>
69
+ <hr/>
70
+
71
  <!-- Loading Style -->
72
  <?php
73
  $loading_style = (isset($alm_options['_alm_btn_color'])) ? $alm_options['_alm_btn_color'] : 'default';
86
  <option value="green" class="alm-color green"<?php echo ($loading_style === 'green') ? $selected : ''; ?>>Green</option>
87
  <option value="purple" class="alm-color purple"<?php echo ($loading_style === 'purple') ? $selected : ''; ?>>Purple</option>
88
  <option value="grey" class="alm-color grey"<?php echo ($loading_style === 'grey') ? $selected : ''; ?>>Grey</option>
89
+ </optgroup>
90
  <optgroup label="<?php _e('Infinite Scroll (No Button)', 'ajax-load-more'); ?>">
91
  <option value="infinite classic" class="infinite classic"<?php echo ($loading_style === 'infinite classic') ? $selected : ''; ?>>Classic</option>
92
  <option value="infinite skype" class="infinite skype"<?php echo ($loading_style === 'infinite skype') ? $selected : ''; ?>>Skype</option>
107
  </div>
108
  </div>
109
  </div>
110
+
111
  <div class="clear"></div>
112
  <hr/>
113
+
114
  <!-- Container Type -->
115
  <div class="section-title">
116
  <h4><?php _e('Container Type', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('You can define a global container type on the Ajax Load More settings screen','ajax-load-more'); ?>."></a></h4>
138
  </ul>
139
  </div>
140
  </div>
141
+
142
  <div class="clear"></div>
143
  <hr/>
144
+
145
  <!-- Container Classes -->
146
  <div class="section-title">
147
  <h4><?php _e('Container Classes', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('You can define global container classes on the Ajax Load More settings screen','ajax-load-more'); ?>."></a></h4>
155
  <input class="alm_element" name="container-classes" type="text" id="container-classes" placeholder="listing large-12 columns">
156
  </div>
157
  </div>
158
+
159
  <div class="clear"></div>
160
  <hr/>
161
+
162
  <!-- Destroy After -->
163
  <div class="section-title">
164
  <h4><?php _e('Destroy After', 'ajax-load-more'); ?></h4>
169
  <input type="number" class="alm_element numbers-only" placeholder="0" name="destroy-after" id="disable-after" step="1" min="0" value="">
170
  </div>
171
  </div>
172
+
173
  <div class="clear"></div>
174
  <hr/>
175
+
176
+ <!-- Images Loaded -->
177
  <div class="section-title">
178
+ <h4><?php _e('Images Loaded', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Background images are not supported.','ajax-load-more'); ?>"></a></h4>
179
+ <p><?php _e('Wait for all images to load before displaying ajax loaded content.', 'ajax-load-more'); ?></p>
180
+ </div>
181
+ <div class="wrap alm-images-loaded">
182
+ <div class="inner">
183
  <ul>
184
  <li>
185
+ <input class="alm_element" type="radio" name="images_loaded" value="t" id="images_loaded_t">
186
+ <label for="images_loaded_t"><?php _e('True', 'ajax-load-more'); ?></label>
187
  </li>
188
  <li>
189
+ <input class="alm_element" type="radio" name="images_loaded" value="f" id="images_loaded_f" checked="checked">
190
+ <label for="images_loaded_f"><?php _e('False', 'ajax-load-more'); ?></label>
191
  </li>
192
  </ul>
193
+ </div>
194
  </div>
195
+
196
+ <div class="clear"></div>
197
+ <hr/>
198
+
199
+ <!-- Loading Placeholder -->
200
+ <div class="section-title">
201
+ <h4><?php _e('Loading Placeholder', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('A loading placeholder can help the understand content is about to rendered.','ajax-load-more'); ?>"></a></h4>
202
+ <p><?php _e('Display a placeholder image while Ajax content is being loaded.', 'ajax-load-more'); ?></p>
203
+ <p><a class="button-small" href="https://connekthq.com/plugins/ajax-load-more/examples/placeholder/" target="_blank"><?php _e('View Example', 'ajax-load-more'); ?></a></p>
204
+ </div>
205
+ <div class="wrap alm-placeholder-wrap">
206
+ <div class="inner">
207
+ <ul>
208
+ <li>
209
+ <input class="alm_element" type="radio" name="has_placeholder" value="t" id="has_placeholder_t">
210
+ <label for="has_placeholder_t"><?php _e('True', 'ajax-load-more'); ?></label>
211
+ </li>
212
+ <li>
213
+ <input class="alm_element" type="radio" name="has_placeholder" value="f" id="has_placeholder_f" checked="checked">
214
+ <label for="has_placeholder_f"><?php _e('False', 'ajax-load-more'); ?></label>
215
+ </li>
216
+ </ul>
217
+ </div>
218
+ <div class="inner alm-placeholder-target" style="display: none;">
219
+ <div class="alm-styled-input">
220
+ <label for="placeholder" aria-label="Enter Placeholder URL"><?php _e('URL:', 'ajax-load-more'); ?></label>
221
+ <input class="alm_element" name="placeholder" type="text" id="placeholder" data-empty="<?php echo ALM_URL; ?>/core/img/placeholder.png" value="<?php echo ALM_URL; ?>/core/img/placeholder.png" style="width: 100%;" />
222
+ </div>
223
+ <div class="spacer"></div>
224
+ <img id="placeholder-img" style="padding: 10px; border: 2px dashed #efefef;" src="<?php echo ALM_URL; ?>/core/img/placeholder.png" value="<?php echo ALM_URL; ?>/core/img/placeholder.png" alt="" />
225
+ </div>
226
+ </div>
227
+
228
  <div class="clear"></div>
229
  <hr/>
230
+
231
+ <!-- No Results -->
232
  <div class="section-title">
233
  <h4><?php _e('No Results Text', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('HTML is allowed, however when adding quote marks in classnames or IDs you must single quotes as shown in the example.','ajax-load-more'); ?>"></a></h4>
234
  <p><?php _e('Add text/html to be displayed when no results are returned in the Ajax query.', 'ajax-load-more'); ?><br/><small><?php _e('e.g. &lt;div class=\'no-results\'>Sorry, nothing found in this query&lt;/div>', 'ajax-load-more'); ?></small></p>
235
  </div>
236
  <div class="wrap">
237
+ <div class="inner ">
238
  <textarea class="alm_element" id="no_results_text" rows="4"></textarea>
239
  </div>
240
  </div>
241
+
242
+ <div class="clear"></div>
243
+ <hr/>
244
+
245
+ <!-- Nested ALM -->
246
+ <div class="section-title">
247
+ <h4><?php _e('Nested Instance', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('When nesting ALM instances it\'s important to set this to true as it removes any problematic JavaScript functionality.','ajax-load-more'); ?>"></a></h4>
248
+ <p><?php _e('Is this instance of Ajax Load More nested inside another instance of Ajax Load More?', 'ajax-load-more'); ?></p>
249
+ </div>
250
+ <div class="wrap">
251
+ <div class="inner">
252
+ <ul>
253
+ <li>
254
+ <input class="alm_element" type="radio" name="nested" value="t" id="nested_t">
255
+ <label for="nested_t"><?php _e('True', 'ajax-load-more'); ?></label>
256
+ </li>
257
+ <li>
258
+ <input class="alm_element" type="radio" name="nested" value="f" id="nested_f" checked="checked">
259
+ <label for="nested_f"><?php _e('False', 'ajax-load-more'); ?></label>
260
+ </li>
261
+ </ul>
262
+ </div>
263
+ </div>
264
+
265
  </div>
266
  </div>
267
  <!-- End Options -->
268
+
269
+
270
  <!-- Template Selection -->
271
  <?php
272
  echo '<div class="row repeater" id="alm-repeaters">';
288
  do_action('alm_get_unlimited_repeaters');
289
  }
290
  echo '</select>';
291
+
292
  echo '</div></div>';
293
  ?>
294
+
295
  <?php // Get Theme Repeaters
296
  if (has_action('alm_theme_repeaters_selection')){
297
  do_action('alm_theme_repeaters_selection');
298
  }
299
  ?>
300
+
301
  <?php // Custom Repeaters v2 - /cta/extend.php
302
  if (!has_action('alm_get_unlimited_repeaters') && !has_action('alm_get_custom_repeaters') && !has_action('alm_theme_repeaters_installed')) {
303
  include( ALM_PATH . 'admin/includes/cta/extend.php');
304
  }
305
+
306
  echo '</div>';
307
  echo '</div>';
308
  ?>
309
+ <!-- End Template Selection -->
310
+
311
+
312
  <!-- Button Labels -->
313
  <div class="row input btn-label" id="alm-btn-label">
314
  <h3 class="heading" tabindex="0"><?php _e('Button Labels', 'ajax-load-more'); ?></h3>
315
+
316
  <div class="expand-wrap">
317
+
318
  <div class="section-title">
319
  <h4><?php _e('Label', 'ajax-load-more'); ?></h4>
320
  <p><?php _e('Customize the text of the <em>Load More</em> button.', 'ajax-load-more'); ?></p>
324
  <input class="alm_element" name="button-label" type="text" id="button-label" value="<?php _e('Older Posts', 'ajax-load-more'); ?>">
325
  </div>
326
  </div>
327
+
328
  <div class="clear"></div>
329
  <hr/>
330
+
331
  <div class="section-title">
332
  <h4><?php _e('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>
333
  <p><?php _e('Update the text of the <em>Load More</em> button while content is loading.', 'ajax-load-more'); ?></p>
337
  <input class="alm_element" name="button-loading-label" type="text" id="button-loading-label" value="" placeholder="<?php _e('Loading Posts...', 'ajax-load-more'); ?>">
338
  </div>
339
  </div>
340
+
341
  </div>
342
  </div>
343
  <!-- Button Labels -->
344
+
345
  <!-- Scrolling -->
346
  <div class="row checkbox scroll_load" id="alm-scroll">
347
  <h3 class="heading" tabindex="0"><?php _e('Scrolling', 'ajax-load-more'); ?></h3>
348
  <div class="expand-wrap">
349
+
350
  <div class="section-title">
351
  <h4><?php _e('Enable Scrolling', 'ajax-load-more'); ?></h4>
352
  <p><?php _e('Load more posts as the user scrolls the page.', 'ajax-load-more'); ?></p>
365
  </ul>
366
  </div>
367
  </div>
368
+
369
  <div class="clear"></div>
370
+
371
+ <div class="scrolling-options nested-component">
372
  <div class="nested-component--inner">
373
+
374
  <!-- Scroll Distance -->
375
  <div class="scroll_distance">
376
  <div class="section-title">
383
  </div>
384
  </div>
385
  </div>
386
+
387
  <div class="scroll_container">
388
  <div class="clear"></div>
389
+ <hr>
390
+
391
  <!-- Scroll Container -->
392
  <div class="section-title">
393
  <h4><?php _e('Scroll Container', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Confine Ajax Load More scrolling to a parent container','ajax-load-more'); ?>."></a></h4>
399
  </div>
400
  </div>
401
  </div>
402
+
403
  <!-- Max Pages -->
404
  <div class="max_pages">
405
  <div class="clear"></div>
414
  </div>
415
  </div>
416
  </div>
417
+
418
  <!-- Pause Override -->
419
  <div class="pause_override">
420
  <div class="clear"></div>
441
  </div>
442
  </div>
443
  <!-- End Scrolling -->
444
+
445
  <!-- Transition -->
446
  <div class="row input transition" id="alm-transition">
447
  <h3 class="heading" tabindex="0"><?php _e('Transition', 'ajax-load-more'); ?></h3>
459
  </select>
460
  </div>
461
  </div>
462
+
463
  <div class="clear"></div>
464
+
465
+ <div class="masonry-options nested-component" style="display: none;">
466
  <div class="nested-component--inner">
467
+
468
  <div class="section-title full" style="padding-bottom: 10px;">
469
  <h4><?php _e('Masonry Options', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Ajax Load More does not support all available Masonry options','ajax-load-more'); ?>."></a></h4>
470
  <p><?php _e('The following Masonry <a href="https://masonry.desandro.com/options.html" target="_blank">options</a> are supported by Ajax Load More.', 'ajax-load-more'); ?></p>
471
  </div>
472
  <div class="clear"></div>
473
+
474
  <div class="section-title">
475
  <h4><?php _e('Item Selector', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Item Selector is required for Masonry to target each element loaded with Ajax.','ajax-load-more'); ?>"></a></h4>
476
  <p><?php _e('Enter the target classname of each masonry item.', 'ajax-load-more'); ?><br/>
482
  <input type="text" class="alm_element" name="masonry-item" id="masonry-item" placeholder=".grid-item">
483
  </div>
484
  </div>
485
+
486
  <div class="clear"></div>
487
  <hr class="indented" />
488
+
489
  <div class="section-title">
490
  <h4><?php _e('Column Width', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('If columnWidth is not set, Masonry will use the outer width of the first Item Selector.','ajax-load-more'); ?>"></a></h4>
491
  <p><?php _e('Enter the <a href="https://masonry.desandro.com/options.html#columnwidth" target="_blank">columnWidth</a> of the masonry items.', 'ajax-load-more'); ?><br/>
497
  <input type="number" class="alm_element numbers-only" name="masonry-columnwidth" id="masonry-columnwidth" placeholder="80" min="0" step="1">
498
  </div>
499
  </div>
500
+
501
  <div class="clear"></div>
502
  <hr class="indented" />
503
+
504
  <div class="section-title">
505
  <h4><?php _e('Animation Type', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('All Masonry animations include a fade-in effect as items are loaded.','ajax-load-more'); ?>"></a></h4>
506
  <p><?php _e('Select a loading transition for Masonry items.', 'ajax-load-more'); ?></p>
511
  <li style="width:100%;">
512
  <input class="alm_element" type="radio" name="masonry-animation" value="default" id="masonry-animation-default" checked="checked">
513
  <label for="masonry-animation-default">
514
+ <?php _e('Default (Zoom)', 'ajax-load-more'); ?>
515
  <span class="description"><?php _e('Items scale up from 50% to 100% size on load.','ajax-load-more'); ?></span>
516
  </label>
517
  </li>
518
  <li style="width:100%;">
519
  <input class="alm_element" type="radio" name="masonry-animation" value="zoom-out" id="masonry-animation-zoom-out">
520
  <label for="masonry-animation-zoom-out">
521
+ <?php _e('Zoom Out', 'ajax-load-more'); ?>
522
  <span class="description"><?php _e('Items scale down from 125% to 100% size on load.','ajax-load-more'); ?></span>
523
  </label>
524
  </li>
542
  <?php _e('None', 'ajax-load-more'); ?>
543
  </label>
544
  </li>
545
+ </ul>
546
  </div>
547
  </div>
548
+
549
  <div class="clear"></div>
550
  <hr class="indented" />
551
+
552
  <div class="section-title">
553
  <h4><?php _e('Horizontal Order', 'ajax-load-more'); ?></h4>
554
  <p><?php _e('Lays out items to maintain left-to-right order.', 'ajax-load-more'); ?>
574
  <?php _e('Don\'t see your favorite Masonry option listed? You can always add your own!', 'ajax-load-more'); ?>
575
  <a class="button-small" href="https://connekthq.com/plugins/ajax-load-more/docs/masonry/" target="_blank"><?php _e('View Docs', 'ajax-load-more'); ?></a>
576
  </p>
577
+
578
  </div>
579
+
580
  </div>
581
+
582
  <!-- Hide transition_container if Masonry is selected -->
583
  <div class="masonry-options-hide">
584
+
585
  <div class="transition-container-classes-wrap">
586
  <div class="clear"></div>
587
  <hr>
588
+
589
  <div class="section-title">
590
  <h4><?php _e('Transition Container Classes', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('This setting is not available with the Single Post or Next Page add-ons','ajax-load-more'); ?>."></a></h4>
591
  <p><?php _e('Add custom classes to the <span>.alm-reveal</span> loading container', 'ajax-load-more'); ?>.</p>
596
  </div>
597
  </div>
598
  </div>
599
+
600
  <div class="clear"></div>
601
  <hr>
602
+
603
  <div class="section-title">
604
  <h4><?php _e('Transition Container', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Removing the transition container may have undesired results and is not recommended','ajax-load-more'); ?>."></a></h4>
605
  <p><?php _e('Remove the <span>.alm-reveal</span> loading container from Ajax Load More', 'ajax-load-more'); ?>.</p>
614
  </ul>
615
  </div>
616
  </div>
617
+
618
  </div>
619
+ <!-- End Hide transition_container if Masonry is selected -->
620
+
621
  </div>
622
  </div>
623
  <!-- End Transition -->
624
+
625
  <!-- Pause -->
626
  <div class="row checkbox pause_load" id="alm-pause">
627
  <h3 class="heading" tabindex="0"><?php _e('Pause', 'ajax-load-more'); ?></h3>
646
  </div>
647
  </div>
648
  <!-- End Pause -->
649
+
650
  <!-- Progress Bar -->
651
  <div class="row input alm-progress-bar" id="alm-progress-bar">
652
  <h3 class="heading" tabindex="0"><?php _e('Progress Bar', 'ajax-load-more'); ?></h3>
670
  </div>
671
  </div>
672
  </div>
673
+
674
  <div class="clear"></div>
675
+
676
+ <div class="progress-bar-options nested-component" style="display: none;">
677
+ <div class="nested-component--inner">
678
+ <div class="section-title">
679
  <h4><?php _e('Color', 'ajax-load-more'); ?> </h4>
680
  <p><?php _e('Enter the hex color of the progress bar', 'ajax-load-more'); ?>.<br/>
681
  <?php _e('Default:', 'ajax-load-more'); ?> #<span>ed7070</span>
687
  <span class="progress_bar_color_indicator"></span>
688
  </div>
689
  </div>
690
+ </div>
691
  </div>
692
+
693
  </div>
694
  <!-- End Progress Bar -->
695
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
696
  </div>
697
  </div>
698
  <!-- End Display Settings -->
703
  <div class="shortcode-parameter-wrap">
704
  <h2 tabindex="0" class="shortcode-title"><i class="fa fa-database"></i><?php _e('Query Parameters', 'ajax-load-more'); ?></h2>
705
  <div class="section-wrap">
706
+
707
  <!-- Posts Per Page -->
708
  <div class="row input posts_per_page" id="alm-post-page">
709
  <h3 class="heading" tabindex="0"><?php _e('Posts Per Page', 'ajax-load-more'); ?></h3>
710
  <div class="expand-wrap">
711
  <div class="section-title">
712
+ <p><?php _e('Select the number of posts to load with each Ajax request.', 'ajax-load-more'); ?></p>
713
  </div>
714
  <div class="wrap">
715
  <div class="inner">
719
  </div>
720
  </div>
721
  <!-- End Posts Per Page -->
722
+
723
  <!-- Post Types -->
724
  <?php
725
  $pt_args = array(
729
  if($types){ ?>
730
  <div class="row checkboxes post_types" id="alm-post-types">
731
  <h3 class="heading" tabindex="0"><?php _e('Post Type', 'ajax-load-more'); ?></h3>
732
+
733
  <div class="expand-wrap">
734
+
735
  <div class="section-title">
736
  <p><?php _e('Select the Post Types to include in this Ajax Load More query.', 'ajax-load-more'); ?></p>
737
  </div>
752
  </div>
753
  </div>
754
  <div class="clear"></div>
755
+
756
  <!-- Sticky Posts -->
757
+ <div class="sticky-wrap nested-component">
758
+ <div class="nested-component--inner">
759
  <div class="section-title">
760
  <h4><?php _e('Sticky Posts', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Sticky posts are only available for Posts','ajax-load-more'); ?>."></a></h4>
761
  <p><?php _e('Preserve the ordering of sticky posts by having them appear first in the Ajax listing.', 'ajax-load-more'); ?></p>
772
  </div>
773
  </div>
774
  </div>
775
+
776
  </div>
777
+
778
  </div>
779
  <?php }
780
  ?>
781
  <!-- End Post Types -->
782
+
783
+
784
  <!-- Post Formats -->
785
  <?php
786
  if ( current_theme_supports( 'post-formats' ) ) {
805
  }
806
  ?>
807
  <!-- End Post Formats -->
808
+
809
+
810
  <!-- Categories -->
811
  <?php
812
  if($disable_dynamic_content){
814
  }else{
815
  $cats = get_categories();
816
  }
817
+ if($cats){
818
  $cat_link = 'https://codex.wordpress.org/Class_Reference/WP_Query#Category_Parameters';
819
  ?>
820
  <div class="row checkboxes categories" id="alm-categories">
864
  </ul>
865
  </div>
866
  </div>
867
+
868
  <div class="clear"></div>
869
  <hr/>
870
+
871
  <div class="section-title">
872
  <h4><?php _e('Exclude', 'ajax-load-more'); ?></h4>
873
  <p>
894
  </div>
895
  </div>
896
  <!-- End Category -->
897
+
898
  <?php }
899
+
900
  // Tags
901
  if($disable_dynamic_content){
902
  $tags = 'null';
903
  }else{
904
  $tags = get_tags();
905
  }
906
+ if($tags){
907
  $tag_link = 'https://codex.wordpress.org/Class_Reference/WP_Query#Tag_Parameters';
908
  ?>
909
  <div class="row checkboxes tags" id="alm-tags">
958
  <div class="clear"></div>
959
  <hr/>
960
 
961
+
962
  <div class="section-title">
963
  <h4><?php _e('Exclude', 'ajax-load-more'); ?></h4>
964
  <p>
965
+ <?php _e('Comma separated list of tags to exclude by ID', 'ajax-load-more'); ?>.
966
  <small>e.g. 30, 12, 99 etc..</small>
967
  </p>
968
  </div>
986
  </div>
987
  <?php } ?>
988
  <!-- End Tags -->
989
+
990
  <?php
991
  // Taxonomies
992
  $tax_args = array(
1012
  </div>
1013
  <?php }?>
1014
  <!-- End Taxonomies -->
1015
+
1016
  <!-- Meta_Query -->
1017
  <div class="row input meta-key" id="alm-meta-key">
1018
  <h3 class="heading" tabindex="0"><?php _e('Custom Fields (Meta_Query)', 'ajax-load-more'); ?></h3>
1037
  </div>
1038
  </div>
1039
  </div>
1040
+
1041
  <div id="meta-query-extended">
1042
+
1043
  </div>
1044
+
1045
  <div class="controls">
1046
  <button class="button button-primary" id="add-meta-query"><?php _e('Add Another', 'ajax-load-more'); ?></button>
1047
  </div>
1048
+
1049
  </div>
1050
  </div>
1051
  </div>
1052
  <!-- End Meta Query -->
1053
+
1054
  <!-- Date -->
1055
  <div class="row input date" id="alm-date">
1056
  <h3 class="heading" tabindex="0"><?php _e('Date', 'ajax-load-more'); ?></h3>
1079
  </div>
1080
  </div>
1081
  <!-- End Date -->
1082
+
1083
  <?php // List Authors
1084
  if($disable_dynamic_content){
1085
  $authors = 'null';
1112
  }
1113
  ?>
1114
  <!-- End Authors -->
1115
+
1116
  <!-- Search -->
1117
  <div class="row input search-term" id="alm-search">
1118
  <h3 class="heading" tabindex="0"><?php _e('Search Term', 'ajax-load-more'); ?></h3>
1128
  </div>
1129
  </div>
1130
  <!-- End Search -->
1131
+
1132
  <!-- Post Parameters -->
1133
  <div class="row input post-in" id="alm-post-in">
1134
  <h3 class="heading" tabindex="0"><?php _e('Post Parameters', 'ajax-load-more'); ?></h3>
1177
  </div>
1178
  </div>
1179
  <!-- End Post Parameters -->
1180
+
1181
  <!-- Ordering -->
1182
  <div class="row ordering" id="alm-order">
1183
  <h3 class="heading" tabindex="0"><?php _e('Ordering', 'ajax-load-more'); ?></h3>
1212
  </div>
1213
  </div>
1214
  <!-- End Ordering -->
1215
+
1216
  <!-- Offset -->
1217
  <div class="row input offset" id="alm-offset">
1218
  <h3 class="heading" tabindex="0"><?php _e('Offset', 'ajax-load-more'); ?></h3>
1228
  </div>
1229
  </div>
1230
  <!-- End Offset -->
1231
+
1232
  <!-- Custom Arguments -->
1233
  <div class="row input custom-arguments" id="alm-custom-args">
1234
  <h3 class="heading" tabindex="0"><?php _e('Custom Arguments', 'ajax-load-more'); ?></h3>
1244
  </div>
1245