WordPress Infinite Scroll – Ajax Load More - Version 5.1.7.2

Version Description

January 25, 2020

Download this release

Release Info

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

Code changes from version 5.1.7.1 to 5.1.7.2

README.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: dcooney, connekthq
3
  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.7.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -382,6 +382,23 @@ How to install Ajax Load More.
382
 
383
  == Changelog ==
384
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
385
  = 5.1.7.1 - December 9, 2019 =
386
  * FIX - Hotfix to remove JavaSscript error/warning message for Single Posts and Next Page add-on users.
387
 
3
  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.2
7
+ Stable tag: 5.1.7.2
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
382
 
383
  == Changelog ==
384
 
385
+ = 5.1.7.2 = January 25, 2020 =
386
+ * NEW - Added support for percentage values in `scroll_distance`. Users can now trigger Ajax requests based on the percentage height of their browsers. e.g. `scoll_distance="-50%"`
387
+ * NEW - Added `alm_query_after_{id}` filter to allow for modification of the returned query.
388
+ * NEW - Added new `alm_id` parameter for the `WP_Query` that allows for easier access of query args using `pre_get_post` using the Ajax Load More ID.
389
+ ```
390
+ add_action( 'pre_get_posts', 'my_custom_category' );
391
+ function my_custom_category( $query ) {
392
+ if ( isset($query->query['alm_id']) && $query->query['alm_id'] === 'preloaded' ) {
393
+ $query->set( 'category_name', 'design' );
394
+ }
395
+ }
396
+ ```
397
+ * FIX - Added fix for Masonry functionality triggering callbacks to early.
398
+ * FIX - Fixed issue with placeholder value in Shortcode Builder.
399
+ * UPDATE - Updated the look and feel of the Shortcode Builder.
400
+
401
+
402
  = 5.1.7.1 - December 9, 2019 =
403
  * FIX - Hotfix to remove JavaSscript error/warning message for Single Posts and Next Page add-on users.
404
 
admin/admin.php CHANGED
@@ -480,7 +480,8 @@ function alm_admin_vars() { ?>
480
  'activate_btn' => __('Activate', 'ajax-load-more'),
481
  'settings_saving' => '<i class="fa fa-spinner fa-spin" aria-hidden="true"></i> ' . __('Saving Settings', 'ajax-load-more'),
482
  'settings_saved' => '<i class="fa fa-check" aria-hidden="true"></i> ' . __('Settings Saved Successfully', 'ajax-load-more'),
483
- 'settings_error' => '<i class="fa fa-exclamation-circle" aria-hidden="true"></i> ' . __('Error Saving Settings', 'ajax-load-more')
 
484
  )); ?>
485
  /* ]]> */
486
  </script>
480
  'activate_btn' => __('Activate', 'ajax-load-more'),
481
  'settings_saving' => '<i class="fa fa-spinner fa-spin" aria-hidden="true"></i> ' . __('Saving Settings', 'ajax-load-more'),
482
  'settings_saved' => '<i class="fa fa-check" aria-hidden="true"></i> ' . __('Settings Saved Successfully', 'ajax-load-more'),
483
+ 'settings_error' => '<i class="fa fa-exclamation-circle" aria-hidden="true"></i> ' . __('Error Saving Settings', 'ajax-load-more'),
484
+ 'shortcode_max' => __('There is a maximum of 3 tax_query objects while using the shortcode builder', 'ajax-load-more'),
485
  )); ?>
486
  /* ]]> */
487
  </script>
admin/dist/css/admin.css CHANGED
@@ -983,6 +983,208 @@ disabled look for disabled choices in the results dropdown
983
  background-size: 30px 10px;
984
  background-position: 95% center; }
985
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
986
  body.toplevel_page_ajax-load-more,
987
  body.ajax-load-more_page_ajax-load-more-repeaters,
988
  body.ajax-load-more_page_ajax-load-more-shortcode-builder,
@@ -1334,9 +1536,7 @@ a.layout-hover:hover img {
1334
  border-bottom: 1px solid #e1e1e1; }
1335
 
1336
  .ajax-load-more h3.heading:hover:after,
1337
- .ajax-load-more .add-on h3.heading:hover:after,
1338
- .ajax-load-more h3.heading:focus:after,
1339
- .ajax-load-more .add-on h3.heading:focus:after {
1340
  color: #ccc; }
1341
 
1342
  .ajax-load-more h3.heading:hover,
@@ -1360,14 +1560,6 @@ a.layout-hover:hover img {
1360
  .ajax-load-more h3.heading.open {
1361
  border-bottom-color: transparent; }
1362
 
1363
- .ajax-load-more .add-on h3.heading:after {
1364
- color: #e8e8d3; }
1365
-
1366
- .ajax-load-more .add-on h3.heading {
1367
- background-color: #fefeed; }
1368
- .ajax-load-more .add-on h3.heading:focus {
1369
- outline: none; }
1370
-
1371
  /* Expand/Collapse all rows */
1372
  .ajax-load-more .toggle-all {
1373
  position: static;
@@ -1392,9 +1584,6 @@ a.layout-hover:hover img {
1392
  .ajax-load-more .toggle-all {
1393
  position: absolute; } }
1394
 
1395
- #alm-container.ajax-load-more .toggle-all {
1396
- display: none; }
1397
-
1398
  .ajax-load-more .toggle-all:hover {
1399
  color: #ca5252; }
1400
 
@@ -1429,6 +1618,9 @@ a.layout-hover:hover img {
1429
  .ajax-load-more .toggle-all.closed .inner-wrap:before {
1430
  content: '\f067'; }
1431
 
 
 
 
1432
  #alm-builder {
1433
  font-family: -apple-system,BlinkMacSystemFont, "Segoe UI", Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
1434
 
@@ -1550,7 +1742,7 @@ a.button-small {
1550
 
1551
  #alm-meta-key .meta-query-wrap-first .meta-query-wrap {
1552
  border: none;
1553
- background-color: none;
1554
  padding: 0;
1555
  margin: 0; }
1556
 
@@ -1859,37 +2051,6 @@ a.button-small {
1859
  .ajax-load-more .row.no-brd {
1860
  border: none !important;
1861
  padding: 0 !important; }
1862
- .ajax-load-more .row .nested-component {
1863
- padding: 0;
1864
- position: relative; }
1865
- .ajax-load-more .row .nested-component:after, .ajax-load-more .row .nested-component:before {
1866
- top: 0;
1867
- left: 35px;
1868
- border: solid transparent;
1869
- content: " ";
1870
- height: 0;
1871
- width: 0;
1872
- position: absolute;
1873
- pointer-events: none; }
1874
- .ajax-load-more .row .nested-component:after {
1875
- border-color: rgba(255, 255, 255, 0);
1876
- border-top-color: #fff;
1877
- border-width: 10px;
1878
- margin-left: -10px; }
1879
- .ajax-load-more .row .nested-component:before {
1880
- border-color: rgba(239, 239, 239, 0);
1881
- border-top-color: #e1e1e1;
1882
- border-width: 11px;
1883
- margin-left: -11px; }
1884
- .ajax-load-more .row .nested-component--inner {
1885
- padding: 0;
1886
- position: relative;
1887
- border-top: 1px solid #efefef;
1888
- border-left: 6px solid #f7f7f7; }
1889
- .ajax-load-more .row .nested-component--inner:after {
1890
- clear: both;
1891
- display: table;
1892
- content: ''; }
1893
 
1894
  .ajax-load-more#alm-repeaters .row {
1895
  overflow: visible; }
@@ -2253,7 +2414,7 @@ hr.indented {
2253
 
2254
  #alm-shortcode-builder-form label span.description {
2255
  display: block;
2256
- padding-top: 5px;
2257
  padding-bottom: 5px; }
2258
 
2259
  .form-table .template-tags {
@@ -3040,7 +3201,7 @@ span.cnkt-button.installed i,
3040
  box-shadow: none !important; }
3041
 
3042
  .ajax-load-more .cnkt-sidebar .cta-inner {
3043
- padding: 20px;
3044
  display: block; }
3045
  .ajax-load-more .cnkt-sidebar .cta-inner .cta-inner {
3046
  background-color: #f7f7f7;
@@ -3065,7 +3226,7 @@ span.cnkt-button.installed i,
3065
  margin-top: 0; }
3066
 
3067
  .ajax-load-more .cnkt-sidebar h3 {
3068
- padding: 10px 20px;
3069
  background: #fff;
3070
  margin: 0;
3071
  display: block;
@@ -3389,7 +3550,7 @@ span.cnkt-button.installed i,
3389
  text-align: center; }
3390
 
3391
  .ajax-load-more p.generate-id {
3392
- margin: 5px 0 0 !important;
3393
  padding: 0 0 0 5px;
3394
  font-size: 12px !important; }
3395
  .ajax-load-more p.generate-id i {
@@ -3629,6 +3790,8 @@ p.theme-title {
3629
  border: 1px solid #e1e1e1; }
3630
  .ajax-load-more .alm-styled-input label {
3631
  padding: 10px;
 
 
3632
  border-right: 1px solid #e1e1e1; }
3633
  .ajax-load-more .alm-styled-input input {
3634
  border: none;
@@ -4446,27 +4609,31 @@ span.dismiss a {
4446
  * @since 2.7.3
4447
  */
4448
  .select-theme-repeater {
4449
- display: block;
 
 
 
 
 
4450
  position: relative; }
4451
-
4452
- .select-theme-repeater .or {
4453
- position: absolute;
4454
- left: 70px;
4455
- top: -20px;
4456
- background: #f7f7f7;
4457
- color: #333;
4458
- width: 40px;
4459
- height: 40px;
4460
- line-height: 39px;
4461
- text-align: center;
4462
- z-index: 1;
4463
- font-weight: 700;
4464
- border-radius: 100%;
4465
- text-transform: uppercase;
4466
- border: 1px solid #e1e1e1;
4467
- -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
4468
- box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
4469
- font-size: 13px; }
4470
 
4471
  .alm-template-section-nav {
4472
  display: block;
983
  background-size: 30px 10px;
984
  background-position: 95% center; }
985
 
986
+ .shortcode-builder section {
987
+ display: -webkit-box;
988
+ display: -ms-flexbox;
989
+ display: flex;
990
+ -ms-flex-wrap: nowrap;
991
+ flex-wrap: nowrap;
992
+ width: 100%;
993
+ border-top: 1px solid #f1f1f1; }
994
+ .shortcode-builder section:hover h4, .shortcode-builder section:focus-within h4 {
995
+ text-decoration: underline; }
996
+ .shortcode-builder section.first {
997
+ border-top: none; }
998
+ .shortcode-builder section.full {
999
+ -ms-flex-wrap: wrap;
1000
+ flex-wrap: wrap; }
1001
+ .shortcode-builder section.full .shortcode-builder--label,
1002
+ .shortcode-builder section.full .shortcode-builder--fields {
1003
+ width: 100%; }
1004
+ .shortcode-builder section.full .shortcode-builder--label {
1005
+ border-bottom: 1px solid #f1f1f1; }
1006
+ .shortcode-builder section input[type=text],
1007
+ .shortcode-builder section input[type=email],
1008
+ .shortcode-builder section input[type=number],
1009
+ .shortcode-builder section textarea {
1010
+ width: 100%; }
1011
+ .shortcode-builder section .select2-container {
1012
+ min-width: 100%;
1013
+ width: 100%; }
1014
+
1015
+ .shortcode-builder--label, .shortcode-builder--fields {
1016
+ padding: 23px 20px; }
1017
+
1018
+ .shortcode-builder--label {
1019
+ background-color: #fcfcfc;
1020
+ border-right: 1px solid #f1f1f1;
1021
+ width: 40%;
1022
+ padding-right: 30px; }
1023
+ .shortcode-builder--label.full {
1024
+ width: 100%; }
1025
+ .shortcode-builder--label h4 {
1026
+ margin: 0 0 10px; }
1027
+ .shortcode-builder--label p {
1028
+ font-size: 13px !important;
1029
+ line-height: 18px !important; }
1030
+ .shortcode-builder--label p small {
1031
+ padding-top: 10px;
1032
+ display: block;
1033
+ font-size: 12px !important; }
1034
+ .shortcode-builder--label p:last-of-type {
1035
+ margin-bottom: 0; }
1036
+
1037
+ .shortcode-builder--fields {
1038
+ padding-top: 22px;
1039
+ -webkit-box-flex: 1;
1040
+ -ms-flex: 1;
1041
+ flex: 1; }
1042
+ .shortcode-builder--fields input, .shortcode-builder--fields textarea, .shortcode-builder--fields select {
1043
+ width: 100%; }
1044
+ .shortcode-builder--fields section {
1045
+ width: 104%;
1046
+ margin-left: -2%; }
1047
+ .shortcode-builder--fields .half {
1048
+ width: 50%;
1049
+ padding: 0 2%; }
1050
+ .shortcode-builder--fields .flex-grid {
1051
+ display: -webkit-box;
1052
+ display: -ms-flexbox;
1053
+ display: flex;
1054
+ width: 100%;
1055
+ -ms-flex-wrap: nowrap;
1056
+ flex-wrap: nowrap; }
1057
+ .shortcode-builder--fields .flex-grid--two, .shortcode-builder--fields .flex-grid--three {
1058
+ width: 102%;
1059
+ margin-left: -1%; }
1060
+ .shortcode-builder--fields .flex-grid--two > div, .shortcode-builder--fields .flex-grid--three > div {
1061
+ width: 50%;
1062
+ padding: 0 1%; }
1063
+ .shortcode-builder--fields .flex-grid--three > div {
1064
+ width: 33.333%; }
1065
+
1066
+ @media screen and (max-width: 1000px) {
1067
+ .shortcode-builder section {
1068
+ -ms-flex-wrap: wrap;
1069
+ flex-wrap: wrap; }
1070
+ .shortcode-builder--label, .shortcode-builder--fields {
1071
+ width: 100%; }
1072
+ .shortcode-builder--label {
1073
+ border-right: none;
1074
+ border-bottom: 1px solid #f1f1f1; } }
1075
+
1076
+ .shortcode-builder .flex-input {
1077
+ display: -webkit-box;
1078
+ display: -ms-flexbox;
1079
+ display: flex;
1080
+ width: 100%;
1081
+ -ms-flex-wrap: nowrap;
1082
+ flex-wrap: nowrap; }
1083
+ .shortcode-builder .flex-input input {
1084
+ margin: 0;
1085
+ -webkit-box-flex: 1;
1086
+ -ms-flex: 1;
1087
+ flex: 1;
1088
+ border-radius: 3px 0 0 3px; }
1089
+ .shortcode-builder .flex-input span {
1090
+ border: 1px solid #e1e1e1;
1091
+ border-left: none;
1092
+ margin: 0;
1093
+ font-weight: 600;
1094
+ font-size: 11px;
1095
+ text-transform: uppercase;
1096
+ padding: 0 15px;
1097
+ display: -webkit-box;
1098
+ display: -ms-flexbox;
1099
+ display: flex;
1100
+ -webkit-box-align: center;
1101
+ -ms-flex-align: center;
1102
+ align-items: center;
1103
+ border-radius: 0 3px 3px 0; }
1104
+
1105
+ .shortcode-builder .nested-component {
1106
+ padding: 0;
1107
+ position: relative; }
1108
+ .shortcode-builder .nested-component:after, .shortcode-builder .nested-component:before {
1109
+ top: 0;
1110
+ left: 35px;
1111
+ border: solid transparent;
1112
+ content: " ";
1113
+ height: 0;
1114
+ width: 0;
1115
+ position: absolute;
1116
+ pointer-events: none;
1117
+ z-index: 2; }
1118
+ .shortcode-builder .nested-component:after {
1119
+ border-color: rgba(255, 255, 255, 0);
1120
+ border-top-color: #fcfcfc;
1121
+ border-width: 10px;
1122
+ margin-left: -10px; }
1123
+ .shortcode-builder .nested-component:before {
1124
+ border-color: rgba(239, 239, 239, 0);
1125
+ border-top-color: #e1e1e1;
1126
+ border-width: 11px;
1127
+ margin-left: -11px;
1128
+ z-index: 1; }
1129
+ .shortcode-builder .nested-component--inner {
1130
+ padding: 0;
1131
+ position: relative; }
1132
+ .shortcode-builder .nested-component--inner:after {
1133
+ clear: both;
1134
+ display: table;
1135
+ content: ''; }
1136
+
1137
+ .ajax-load-more .builder-option-toggle {
1138
+ display: -webkit-box;
1139
+ display: -ms-flexbox;
1140
+ display: flex;
1141
+ -ms-flex-wrap: nowrap;
1142
+ flex-wrap: nowrap; }
1143
+ .ajax-load-more .builder-option-toggle input {
1144
+ border-radius: 3px 0 0 3px;
1145
+ margin: 0;
1146
+ width: auto;
1147
+ -webkit-box-flex: 1;
1148
+ -ms-flex: 1;
1149
+ flex: 1; }
1150
+ .ajax-load-more .builder-option-toggle--buttons {
1151
+ border-radius: 0 3px 3px 0;
1152
+ padding: 3px;
1153
+ width: auto;
1154
+ border: 1px solid #e1e1e1;
1155
+ border-left: none; }
1156
+ .ajax-load-more .builder-option-toggle--buttons button {
1157
+ height: 100%;
1158
+ border: 1px solid #e1e1e1;
1159
+ border-left-width: 0;
1160
+ margin: 0;
1161
+ font-weight: 600;
1162
+ font-size: 11px;
1163
+ text-transform: uppercase;
1164
+ float: left;
1165
+ cursor: pointer;
1166
+ padding: 0;
1167
+ margin: 0;
1168
+ border-radius: 0;
1169
+ width: 34px;
1170
+ text-align: center;
1171
+ display: inline-block;
1172
+ color: #555;
1173
+ background-color: transparent; }
1174
+ .ajax-load-more .builder-option-toggle--buttons button:hover, .ajax-load-more .builder-option-toggle--buttons button:focus {
1175
+ color: #222;
1176
+ border-color: #ccc; }
1177
+ .ajax-load-more .builder-option-toggle--buttons button:first-child {
1178
+ border-radius: 3px 0 0 3px;
1179
+ border-left-width: 1px; }
1180
+ .ajax-load-more .builder-option-toggle--buttons button:last-child {
1181
+ border-radius: 0 3px 3px 0; }
1182
+ .ajax-load-more .builder-option-toggle--buttons button.active {
1183
+ border-color: #555;
1184
+ background-color: #555;
1185
+ color: #fff;
1186
+ cursor: default; }
1187
+
1188
  body.toplevel_page_ajax-load-more,
1189
  body.ajax-load-more_page_ajax-load-more-repeaters,
1190
  body.ajax-load-more_page_ajax-load-more-shortcode-builder,
1536
  border-bottom: 1px solid #e1e1e1; }
1537
 
1538
  .ajax-load-more h3.heading:hover:after,
1539
+ .ajax-load-more h3.heading:focus:after {
 
 
1540
  color: #ccc; }
1541
 
1542
  .ajax-load-more h3.heading:hover,
1560
  .ajax-load-more h3.heading.open {
1561
  border-bottom-color: transparent; }
1562
 
 
 
 
 
 
 
 
 
1563
  /* Expand/Collapse all rows */
1564
  .ajax-load-more .toggle-all {
1565
  position: static;
1584
  .ajax-load-more .toggle-all {
1585
  position: absolute; } }
1586
 
 
 
 
1587
  .ajax-load-more .toggle-all:hover {
1588
  color: #ca5252; }
1589
 
1618
  .ajax-load-more .toggle-all.closed .inner-wrap:before {
1619
  content: '\f067'; }
1620
 
1621
+ #alm-container.ajax-load-more .toggle-all {
1622
+ display: none; }
1623
+
1624
  #alm-builder {
1625
  font-family: -apple-system,BlinkMacSystemFont, "Segoe UI", Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
1626
 
1742
 
1743
  #alm-meta-key .meta-query-wrap-first .meta-query-wrap {
1744
  border: none;
1745
+ background-color: transparent;
1746
  padding: 0;
1747
  margin: 0; }
1748
 
2051
  .ajax-load-more .row.no-brd {
2052
  border: none !important;
2053
  padding: 0 !important; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2054
 
2055
  .ajax-load-more#alm-repeaters .row {
2056
  overflow: visible; }
2414
 
2415
  #alm-shortcode-builder-form label span.description {
2416
  display: block;
2417
+ padding-top: 1px;
2418
  padding-bottom: 5px; }
2419
 
2420
  .form-table .template-tags {
3201
  box-shadow: none !important; }
3202
 
3203
  .ajax-load-more .cnkt-sidebar .cta-inner {
3204
+ padding: 15px;
3205
  display: block; }
3206
  .ajax-load-more .cnkt-sidebar .cta-inner .cta-inner {
3207
  background-color: #f7f7f7;
3226
  margin-top: 0; }
3227
 
3228
  .ajax-load-more .cnkt-sidebar h3 {
3229
+ padding: 10px 15px;
3230
  background: #fff;
3231
  margin: 0;
3232
  display: block;
3550
  text-align: center; }
3551
 
3552
  .ajax-load-more p.generate-id {
3553
+ margin: 10px 0 0 !important;
3554
  padding: 0 0 0 5px;
3555
  font-size: 12px !important; }
3556
  .ajax-load-more p.generate-id i {
3790
  border: 1px solid #e1e1e1; }
3791
  .ajax-load-more .alm-styled-input label {
3792
  padding: 10px;
3793
+ font-size: 12px;
3794
+ font-weight: 700;
3795
  border-right: 1px solid #e1e1e1; }
3796
  .ajax-load-more .alm-styled-input input {
3797
  border: none;
4609
  * @since 2.7.3
4610
  */
4611
  .select-theme-repeater {
4612
+ display: -webkit-box;
4613
+ display: -ms-flexbox;
4614
+ display: flex;
4615
+ width: 100%;
4616
+ -ms-flex-wrap: nowrap;
4617
+ flex-wrap: nowrap;
4618
  position: relative; }
4619
+ .select-theme-repeater .or {
4620
+ position: absolute;
4621
+ left: 70px;
4622
+ top: -20px;
4623
+ background: #fff;
4624
+ color: #333;
4625
+ width: 40px;
4626
+ height: 40px;
4627
+ line-height: 39px;
4628
+ text-align: center;
4629
+ z-index: 1;
4630
+ font-weight: 700;
4631
+ border-radius: 100%;
4632
+ text-transform: uppercase;
4633
+ border: 1px solid #e1e1e1;
4634
+ -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
4635
+ box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
4636
+ font-size: 13px; }
 
4637
 
4638
  .alm-template-section-nav {
4639
  display: block;
admin/includes/cta/sharing.php CHANGED
@@ -6,7 +6,7 @@ if(!isset($alm_share_notification) || empty($alm_share_notification)){ // If tra
6
  <!-- <h3>Thank you for installing Ajax Load More</h3> -->
7
  <div class="cta-inner alm-text-center">
8
  <p class="opener">👋 <strong>Thank you for using Ajax Load More!</strong></p>
9
- <p>It would mean the world to me if you would consider sharing Ajax Load More with your social media networks or leaving a <a target="blank" href="//wordpress.org/support/plugin/ajax-load-more/reviews/">plugin review</a> on the WordPress forums.</p>
10
  <p>All reviews(good or bad) are important as they help the plugin grow and improve over time.</p>
11
  </div>
12
  <ul class="share">
6
  <!-- <h3>Thank you for installing Ajax Load More</h3> -->
7
  <div class="cta-inner alm-text-center">
8
  <p class="opener">👋 <strong>Thank you for using Ajax Load More!</strong></p>
9
+ <p>It would mean the world to me if you would consider sharing Ajax Load More with your social networks or leaving a <a target="blank" href="//wordpress.org/support/plugin/ajax-load-more/reviews/">plugin review</a> on the WordPress forums.</p>
10
  <p>All reviews(good or bad) are important as they help the plugin grow and improve over time.</p>
11
  </div>
12
  <ul class="share">
admin/shortcode-builder/components/acf.php CHANGED
@@ -2,88 +2,89 @@
2
  <div class="row input cache add-on" id="alm-acf">
3
  <h3 class="heading" tabindex="0"><?php _e('Advanced Custom Fields', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
- <div class="section-title">
6
- <p><?php _e('Enable compatibility with Advanced Custom Fields.', 'ajax-load-more'); ?></p>
7
- </div>
8
- <div class="wrap">
9
- <div class="inner">
10
- <ul>
11
- <li>
12
- <input class="alm_element" type="radio" name="acf" value="true" id="acf-true" >
13
- <label for="acf-true"><?php _e('True', 'ajax-load-more'); ?></label>
14
- </li>
15
- <li>
16
- <input class="alm_element" type="radio" name="acf" value="false" id="acf-false" checked="checked">
17
- <label for="acf-false"><?php _e('False', 'ajax-load-more'); ?></label>
18
- </li>
19
- </ul>
20
- </div>
21
- </div>
 
 
22
  <div class="clear"></div>
23
 
24
  <div class="acf-options nested-component">
25
  <div class="nested-component--inner">
26
-
27
- <div class="section-title">
28
- <h4><?php _e('Post ID', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Leave this field blank and Ajax Load More will retrieve the ID from the global $post object.','ajax-load-more'); ?>"></a></h4>
29
- <p><?php _e('The ID of the current page/post.', 'ajax-load-more'); ?></p>
30
- </div>
31
- <div class="wrap">
32
- <div class="inner">
33
- <input type="text" value="" id="acf_post_id" class="alm_element numbers-only">
34
- </div>
35
- </div>
36
-
37
- <div class="clear"></div>
38
- <hr/>
39
-
40
- <div class="section-title">
41
- <h4><?php _e('Field Type', 'ajax-load-more'); ?></h4>
42
- <p><?php _e('Select the type of ACF field.', 'ajax-load-more'); ?></p>
43
- </div>
44
- <div class="wrap">
45
- <div class="inner">
46
- <label class="offscreen" for="acf_field_type"><?php _e('Field Type', 'ajax-load-more'); ?>:</label>
47
- <select class="alm_element" name="acf_field_type" id="acf_field_type">
48
- <option value="" selected="selected">-- <?php _e('Select Field Type', 'ajax-load-more'); ?> --</option>
49
- <option value="flexible"><?php _e('Flexible Content', 'ajax-load-more'); ?></option>
50
- <option value="gallery"><?php _e('Gallery', 'ajax-load-more'); ?></option>
51
- <option value="relationship"><?php _e('Relationship', 'ajax-load-more'); ?></option>
52
- <option value="repeater"><?php _e('Repeater', 'ajax-load-more'); ?></option>
53
- </select>
54
- </div>
55
- </div>
56
-
57
- <div class="clear"></div>
58
- <hr/>
59
 
60
- <div class="section-title">
61
- <h4><?php _e('Field Name', 'ajax-load-more'); ?></h4>
62
- <p><?php _e('Enter the name of the ACF field.', 'ajax-load-more'); ?></p>
63
- </div>
64
- <div class="wrap">
65
- <div class="inner">
66
- <label class="offscreen" for="acf_field_name"><?php _e('Field Type', 'ajax-load-more'); ?>:</label>
67
- <input type="text" class="alm_element" name="acf_field_name" id="acf_field_name" placeholder="field_name">
68
- </div>
69
- </div>
 
 
70
 
71
- <div class="clear"></div>
72
- <hr>
73
-
74
- <div class="section-title">
75
- <h4><?php _e('Parent Field Name', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('This option is only relevant when trying to access content in sub fields.','ajax-load-more'); ?>"></a></h4>
76
- <p>
77
- <?php _e('If this a nested ACF <a href="https://www.advancedcustomfields.com/resources/get_sub_field/" target="_blank">sub_field</a>, enter the parent field names.', 'ajax-load-more'); ?>
78
- <br/><small><?php _e('Access fields up to the three levels deep by colon separating the field names.', 'ajax-load-more'); ?><br/>e.g. top_parent:second_level</small>
79
- </p>
80
- </div>
81
- <div class="wrap">
82
- <div class="inner">
83
- <label class="offscreen" for="acf_parent_field_name"><?php _e('Field Name', 'ajax-load-more'); ?>:</label>
84
- <input type="text" class="alm_element" name="acf_parent_field_name" id="acf_parent_field_name" placeholder="top_parent:second_level">
85
- </div>
86
- </div>
87
  </div>
88
  </div>
89
  </div>
2
  <div class="row input cache add-on" id="alm-acf">
3
  <h3 class="heading" tabindex="0"><?php _e('Advanced Custom Fields', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
+ <section class="first">
6
+ <div class="shortcode-builder--label">
7
+ <p><?php _e('Enable compatibility with Advanced Custom Fields.', 'ajax-load-more'); ?></p>
8
+ </div>
9
+ <div class="shortcode-builder--fields">
10
+ <div class="inner">
11
+ <ul>
12
+ <li>
13
+ <input class="alm_element" type="radio" name="acf" value="true" id="acf-true" >
14
+ <label for="acf-true"><?php _e('True', 'ajax-load-more'); ?></label>
15
+ </li>
16
+ <li>
17
+ <input class="alm_element" type="radio" name="acf" value="false" id="acf-false" checked="checked">
18
+ <label for="acf-false"><?php _e('False', 'ajax-load-more'); ?></label>
19
+ </li>
20
+ </ul>
21
+ </div>
22
+ </div>
23
+ </section>
24
  <div class="clear"></div>
25
 
26
  <div class="acf-options nested-component">
27
  <div class="nested-component--inner">
28
+
29
+ <section>
30
+ <div class="shortcode-builder--label">
31
+ <h4><?php _e('Post ID', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Leave this field blank and Ajax Load More will retrieve the ID from the global $post object.','ajax-load-more'); ?>"></a></h4>
32
+ <p><?php _e('The ID of the current page/post.', 'ajax-load-more'); ?></p>
33
+ </div>
34
+ <div class="shortcode-builder--fields">
35
+ <div class="inner">
36
+ <input type="text" value="" id="acf_post_id" class="alm_element numbers-only">
37
+ </div>
38
+ </div>
39
+ </section>
40
+
41
+ <section>
42
+ <div class="shortcode-builder--label">
43
+ <h4><?php _e('Field Type', 'ajax-load-more'); ?></h4>
44
+ <p><?php _e('Select the type of ACF field.', 'ajax-load-more'); ?></p>
45
+ </div>
46
+ <div class="shortcode-builder--fields">
47
+ <div class="inner">
48
+ <label class="offscreen" for="acf_field_type"><?php _e('Field Type', 'ajax-load-more'); ?>:</label>
49
+ <select class="alm_element" name="acf_field_type" id="acf_field_type">
50
+ <option value="" selected="selected">-- <?php _e('Select Field Type', 'ajax-load-more'); ?> --</option>
51
+ <option value="flexible"><?php _e('Flexible Content', 'ajax-load-more'); ?></option>
52
+ <option value="gallery"><?php _e('Gallery', 'ajax-load-more'); ?></option>
53
+ <option value="relationship"><?php _e('Relationship', 'ajax-load-more'); ?></option>
54
+ <option value="repeater"><?php _e('Repeater', 'ajax-load-more'); ?></option>
55
+ </select>
56
+ </div>
57
+ </div>
58
+ </section>
 
 
59
 
60
+ <section>
61
+ <div class="shortcode-builder--label">
62
+ <h4><?php _e('Field Name', 'ajax-load-more'); ?></h4>
63
+ <p><?php _e('Enter the name of the ACF field.', 'ajax-load-more'); ?></p>
64
+ </div>
65
+ <div class="shortcode-builder--fields">
66
+ <div class="inner">
67
+ <label class="offscreen" for="acf_field_name"><?php _e('Field Type', 'ajax-load-more'); ?>:</label>
68
+ <input type="text" class="alm_element" name="acf_field_name" id="acf_field_name" placeholder="field_name">
69
+ </div>
70
+ </div>
71
+ </section>
72
 
73
+ <section>
74
+ <div class="shortcode-builder--label">
75
+ <h4><?php _e('Parent Field Name', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('This option is only relevant when trying to access content in sub fields.','ajax-load-more'); ?>"></a></h4>
76
+ <p>
77
+ <?php _e('If this a nested ACF <a href="https://www.advancedcustomfields.com/resources/get_sub_field/" target="_blank">sub_field</a>, enter the parent field names.', 'ajax-load-more'); ?>
78
+ <br/><small><?php _e('Access fields up to the three levels deep by colon separating the field names.', 'ajax-load-more'); ?><br/>e.g. top_parent:second_level</small>
79
+ </p>
80
+ </div>
81
+ <div class="shortcode-builder--fields">
82
+ <div class="inner">
83
+ <label class="offscreen" for="acf_parent_field_name"><?php _e('Field Name', 'ajax-load-more'); ?>:</label>
84
+ <input type="text" class="alm_element" name="acf_parent_field_name" id="acf_parent_field_name" placeholder="top_parent:second_level">
85
+ </div>
86
+ </div>
87
+ </section>
 
88
  </div>
89
  </div>
90
  </div>
admin/shortcode-builder/components/cache.php CHANGED
@@ -2,37 +2,41 @@
2
  <div class="row input cache add-on" id="alm-cache">
3
  <h3 class="heading" tabindex="0"><?php _e('Cache', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
- <div class="section-title">
6
- <p><?php _e('Turn on content caching.', 'ajax-load-more'); ?></p>
7
- </div>
8
- <div class="wrap">
9
- <div class="inner">
10
- <ul>
11
- <li>
12
- <input class="alm_element" type="radio" name="cache" value="true" id="cache-true" >
13
- <label for="cache-true"><?php _e('True', 'ajax-load-more'); ?></label>
14
- </li>
15
- <li>
16
- <input class="alm_element" type="radio" name="cache" value="false" id="cache-false" checked="checked">
17
- <label for="cache-false"><?php _e('False', 'ajax-load-more'); ?></label>
18
- </li>
19
- </ul>
20
- </div>
21
- </div>
22
- <div class="clear"></div>
 
 
23
  <div class="cache_id nested-component">
24
  <div class="nested-component--inner">
25
- <div class="section-title">
26
- <h4><?php _e('Cache ID', 'ajax-load-more'); ?></h4>
27
- <p><?php _e('You <u>must</u> generate a unique ID for this cached query - this unique ID will be used as a content identifier.', 'ajax-load-more'); ?></p>
28
- </div>
29
- <div class="wrap">
30
- <div class="inner">
31
- <input type="text" class="alm_element" name="cache-id" id="cache-id">
32
- <div class="clear"></div>
33
- <p class="generate-id"><a href="javascript:void(0);" data-id="cache-id"><i class="fa fa-random"></i> <?php _e('Generate Cache ID', 'ajax-load-more'); ?></a></p>
34
- </div>
35
- </div>
 
 
36
  </div>
37
  </div>
38
  </div>
2
  <div class="row input cache add-on" id="alm-cache">
3
  <h3 class="heading" tabindex="0"><?php _e('Cache', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
+ <section class="first">
6
+ <div class="shortcode-builder--label">
7
+ <p><?php _e('Turn on content caching.', 'ajax-load-more'); ?></p>
8
+ </div>
9
+ <div class="shortcode-builder--fields">
10
+ <div class="inner">
11
+ <ul>
12
+ <li>
13
+ <input class="alm_element" type="radio" name="cache" value="true" id="cache-true" >
14
+ <label for="cache-true"><?php _e('True', 'ajax-load-more'); ?></label>
15
+ </li>
16
+ <li>
17
+ <input class="alm_element" type="radio" name="cache" value="false" id="cache-false" checked="checked">
18
+ <label for="cache-false"><?php _e('False', 'ajax-load-more'); ?></label>
19
+ </li>
20
+ </ul>
21
+ </div>
22
+ </div>
23
+ </section>
24
+
25
  <div class="cache_id nested-component">
26
  <div class="nested-component--inner">
27
+ <section>
28
+ <div class="shortcode-builder--label">
29
+ <h4><?php _e('Cache ID', 'ajax-load-more'); ?></h4>
30
+ <p><?php _e('You <u>must</u> generate a unique ID for this cached query - this unique ID will be used as a content identifier.', 'ajax-load-more'); ?></p>
31
+ </div>
32
+ <div class="shortcode-builder--fields">
33
+ <div class="inner">
34
+ <input type="text" class="alm_element" name="cache-id" id="cache-id">
35
+ <div class="clear"></div>
36
+ <p class="generate-id"><a href="javascript:void(0);" data-id="cache-id"><i class="fa fa-random"></i> <?php _e('Generate Cache ID', 'ajax-load-more'); ?></a></p>
37
+ </div>
38
+ </div>
39
+ </section>
40
  </div>
41
  </div>
42
  </div>
admin/shortcode-builder/components/comments.php CHANGED
@@ -2,142 +2,135 @@
2
  <div class="row input comments add-on" id="alm-comments">
3
  <h3 class="heading" tabindex="0"><?php _e('Comments', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
- <div class="section-title">
6
- <p><?php _e('Enable Ajax Load More to display blog comments.', 'ajax-load-more'); ?></p>
7
- </div>
8
- <div class="wrap">
9
- <div class="inner">
10
- <ul>
11
- <li>
12
- <input class="alm_element" type="radio" name="comments" value="true" id="comments-true" >
13
- <label for="comments-true"><?php _e('True', 'ajax-load-more'); ?></label>
14
- </li>
15
- <li>
16
- <input class="alm_element" type="radio" name="comments" value="false" id="comments-false" checked="checked">
17
- <label for="comments-false"><?php _e('False', 'ajax-load-more'); ?></label>
18
- </li>
19
- </ul>
 
 
20
  </div>
21
- </div>
22
- <div class="clear"></div>
23
  <div class="comments_extras nested-component">
24
  <div class="nested-component--inner">
25
- <div class="section-title">
26
- <h4><?php _e('Post ID', 'ajax-load-more'); ?></h4>
27
- <p><?php _e('The ID of the current single post.', 'ajax-load-more'); ?></p>
28
- </div>
29
- <div class="wrap">
30
- <div class="inner">
31
- <input type="text" value="get_the_ID()" id="comments_post_id" class="alm_element disabled-input" disabled="disabled">
32
- </div>
33
- </div>
34
-
35
- <div class="clear"></div>
36
- <hr>
37
- <div class="section-title">
38
- <h4><?php _e('Comments Per Page', 'ajax-load-more'); ?></h4>
39
- <p><?php _e('The number of top level items to show for each page of comments.', 'ajax-load-more'); ?></p>
40
- </div>
41
- <div class="wrap">
42
- <div class="inner">
43
- <input type="number" class="alm_element numbers-only" name="comments-per-page" id="comments-per-page" step="1" min="1" value="5">
44
- </div>
45
- </div>
46
- <div class="section-title full">
47
- <p><?php _e('<strong>Note</strong>: The amount selected does NOT include comment replies.', 'ajax-load-more'); ?></p>
48
- </div>
49
-
50
- <div class="clear"></div>
51
- <hr>
52
- <div class="section-title">
53
- <h4><?php _e('Comment Type', 'ajax-load-more'); ?></h4>
54
- <p><?php _e('The type of comment(s) to display.', 'ajax-load-more'); ?></p>
55
- </div>
56
- <div class="wrap">
57
- <div class="inner">
58
- <select class="alm_element comments_type" id="comments_type">
59
- <option value="comment" selected="selected"><?php _e('Comment', 'ajax-load-more'); ?></option>
60
- <option value="all"><?php _e('All', 'ajax-load-more'); ?></option>
61
- <option value="trackback"><?php _e('Trackback', 'ajax-load-more'); ?></option>
62
- <option value="pingback"><?php _e('Pingback', 'ajax-load-more'); ?></option>
63
- <option value="pings"><?php _e('Pings', 'ajax-load-more'); ?></option>
64
- </select>
65
- </div>
66
- </div>
67
 
68
- <div class="clear"></div>
69
- <hr>
70
- <div class="section-title">
71
- <h4><?php _e('Comment Style', 'ajax-load-more'); ?></h4>
72
- <p><?php _e('Select the HTML container style for your comments.', 'ajax-load-more'); ?></p>
73
- </div>
74
- <div class="wrap">
75
- <div class="inner">
76
- <ul class="comment_container_type">
77
- <li>
78
- <input type="radio" id="comment-type-ol" value="ol" name="alm_comment_style" class="alm_element" checked="checked">
79
- <label for="comment-type-ol">&lt;ol&gt; &lt;/ol&gt;</label>
80
- </li>
81
- <li>
82
- <input type="radio" id="comment-type-ul" value="ul" name="alm_comment_style" class="alm_element">
83
- <label for="comment-type-ul">&lt;ul&gt; &lt;/ul&gt;</label>
84
- </li>
85
- <li>
86
- <input type="radio" id="comment-type-div" value="div" name="alm_comment_style" class="alm_element">
87
- <label for="comment-type-div">&lt;div&gt; &lt;/div&gt;</label>
88
- </li>
89
- </ul>
90
- </div>
91
- </div>
92
 
93
- <div class="clear"></div>
94
- <hr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
95
 
96
- <div class="section-title">
97
- <h4><?php _e('Comment Template', 'ajax-load-more'); ?></h4>
98
- <p><?php _e('Select a repeater template that will display comment data.', 'ajax-load-more'); ?></p>
99
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
100
 
101
- <div class="wrap">
102
- <div class="inner">
103
- <select class="alm_element comments_template" id="comments_template">
104
- <option value="none" selected="selected"><?php _e('None', 'ajax-load-more'); ?></option>
105
- <option name="default" id="chk-default" value="default"><?php _e('Default', 'ajax-load-more'); ?></option>
106
- <?php if (has_action('alm_get_custom_repeaters')) {
107
- do_action('alm_get_custom_repeaters');
108
- }
109
- if (has_action('alm_get_unlimited_repeaters')) {
110
- do_action('alm_get_unlimited_repeaters');
111
- }
112
- ?>
113
- </select>
114
- </div>
115
- </div>
116
- <div class="section-title full">
117
- <p><?php _e('<strong>Note</strong>: <span>None</span> will use the default WordPress comment layout.', 'ajax-load-more'); ?></p>
118
- </div>
119
- <div class="spacer"></div>
120
- <div class="clear"></div>
121
- <div class="select-theme-repeater">
122
- <span class="or"><?php _e('or', 'ajax-load-more'); ?></span>
123
- <hr/>
124
- <div class="spacer"></div>
125
- <div class="section-title">
126
- <h4><?php _e('Callback Function', 'ajax-load-more'); ?></h4>
127
- <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>
128
- </div>
129
- <div class="wrap">
130
- <div class="inner">
131
- <input type="text" value="" placeholder="function_name" id="comments_callback" class="alm_element">
132
- </div>
133
- </div>
134
- <div class="section-title full">
135
- <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>
136
- </div>
137
- </div>
138
 
139
- <div class="clear"></div>
140
- <hr>
141
  <p class="warning-callout">
142
  <?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.', 'ajax-load-more'); ?> <a class="button-small" href="https://connekthq.com/plugins/ajax-load-more/add-ons/comments/" target="_blank"><?php _e('View Docs', 'ajax-load-more'); ?></a>
143
  </p>
2
  <div class="row input comments add-on" id="alm-comments">
3
  <h3 class="heading" tabindex="0"><?php _e('Comments', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
+ <section class="first">
6
+ <div class="shortcode-builder--label">
7
+ <p><?php _e('Enable Ajax Load More to display blog comments.', 'ajax-load-more'); ?></p>
8
+ </div>
9
+ <div class="shortcode-builder--fields">
10
+ <div class="inner">
11
+ <ul>
12
+ <li>
13
+ <input class="alm_element" type="radio" name="comments" value="true" id="comments-true" >
14
+ <label for="comments-true"><?php _e('True', 'ajax-load-more'); ?></label>
15
+ </li>
16
+ <li>
17
+ <input class="alm_element" type="radio" name="comments" value="false" id="comments-false" checked="checked">
18
+ <label for="comments-false"><?php _e('False', 'ajax-load-more'); ?></label>
19
+ </li>
20
+ </ul>
21
+ </div>
22
  </div>
23
+ </section>
24
+
25
  <div class="comments_extras nested-component">
26
  <div class="nested-component--inner">
27
+
28
+ <section>
29
+ <div class="shortcode-builder--label">
30
+ <h4><?php _e('Post ID', 'ajax-load-more'); ?></h4>
31
+ <p><?php _e('The ID of the current single post.', 'ajax-load-more'); ?></p>
32
+ </div>
33
+ <div class="shortcode-builder--fields">
34
+ <div class="inner">
35
+ <input type="text" value="get_the_ID()" id="comments_post_id" class="alm_element disabled-input" disabled="disabled">
36
+ </div>
37
+ </div>
38
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39
 
40
+ <section>
41
+ <div class="shortcode-builder--label">
42
+ <h4><?php _e('Comments Per Page', 'ajax-load-more'); ?></h4>
43
+ <p><?php _e('The number of top level items to show for each page of comments.', 'ajax-load-more'); ?></p>
44
+ <p><small><?php _e('<strong>Note</strong>: The amount selected does NOT include comment replies.', 'ajax-load-more'); ?></small></p>
45
+ </div>
46
+ <div class="shortcode-builder--fields">
47
+ <div class="inner">
48
+ <input type="number" class="alm_element numbers-only" name="comments-per-page" id="comments-per-page" step="1" min="1" value="5">
49
+ </div>
50
+ </div>
51
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
52
 
53
+ <section>
54
+ <div class="shortcode-builder--label">
55
+ <h4><?php _e('Comment Type', 'ajax-load-more'); ?></h4>
56
+ <p><?php _e('The type of comment(s) to display.', 'ajax-load-more'); ?></p>
57
+ </div>
58
+ <div class="shortcode-builder--fields">
59
+ <div class="inner">
60
+ <select class="alm_element comments_type" id="comments_type">
61
+ <option value="comment" selected="selected"><?php _e('Comment', 'ajax-load-more'); ?></option>
62
+ <option value="all"><?php _e('All', 'ajax-load-more'); ?></option>
63
+ <option value="trackback"><?php _e('Trackback', 'ajax-load-more'); ?></option>
64
+ <option value="pingback"><?php _e('Pingback', 'ajax-load-more'); ?></option>
65
+ <option value="pings"><?php _e('Pings', 'ajax-load-more'); ?></option>
66
+ </select>
67
+ </div>
68
+ </div>
69
+ </section>
70
 
71
+ <section>
72
+ <div class="shortcode-builder--label">
73
+ <h4><?php _e('Comment Style', 'ajax-load-more'); ?></h4>
74
+ <p><?php _e('Select the HTML container style for your comments.', 'ajax-load-more'); ?></p>
75
+ </div>
76
+ <div class="shortcode-builder--fields">
77
+ <div class="inner">
78
+ <ul class="comment_container_type">
79
+ <li>
80
+ <input type="radio" id="comment-type-ol" value="ol" name="alm_comment_style" class="alm_element" checked="checked">
81
+ <label for="comment-type-ol">&lt;ol&gt; &lt;/ol&gt;</label>
82
+ </li>
83
+ <li>
84
+ <input type="radio" id="comment-type-ul" value="ul" name="alm_comment_style" class="alm_element">
85
+ <label for="comment-type-ul">&lt;ul&gt; &lt;/ul&gt;</label>
86
+ </li>
87
+ <li>
88
+ <input type="radio" id="comment-type-div" value="div" name="alm_comment_style" class="alm_element">
89
+ <label for="comment-type-div">&lt;div&gt; &lt;/div&gt;</label>
90
+ </li>
91
+ </ul>
92
+ </div>
93
+ </div>
94
+ </section>
95
 
96
+ <section>
97
+ <div class="shortcode-builder--label">
98
+ <h4><?php _e('Comment Template', 'ajax-load-more'); ?></h4>
99
+ <p><?php _e('Select a repeater template that will display comment data.', 'ajax-load-more'); ?></p>
100
+ <p><small><?php _e('<strong>Note</strong>: <span>None</span> will use the default WordPress comment layout.', 'ajax-load-more'); ?></small></p>
101
+ </div>
102
+ <div class="shortcode-builder--fields">
103
+ <div class="inner">
104
+ <select class="alm_element comments_template" id="comments_template">
105
+ <option value="none" selected="selected"><?php _e('None', 'ajax-load-more'); ?></option>
106
+ <option name="default" id="chk-default" value="default"><?php _e('Default', 'ajax-load-more'); ?></option>
107
+ <?php if (has_action('alm_get_custom_repeaters')) {
108
+ do_action('alm_get_custom_repeaters');
109
+ }
110
+ if (has_action('alm_get_unlimited_repeaters')) {
111
+ do_action('alm_get_unlimited_repeaters');
112
+ }
113
+ ?>
114
+ </select>
115
+ </div>
116
+ </div>
117
+ </section>
118
+ <section>
119
+ <div class="select-theme-repeater">
120
+ <span class="or"><?php _e('or', 'ajax-load-more'); ?></span>
121
+ <div class="shortcode-builder--label">
122
+ <h4><?php _e('Callback Function', 'ajax-load-more'); ?></h4>
123
+ <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>
124
+ <p><small><?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'); ?></small></p>
125
+ </div>
126
+ <div class="shortcode-builder--fields">
127
+ <div class="inner">
128
+ <input type="text" value="" placeholder="function_name" id="comments_callback" class="alm_element">
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </section>
133
 
 
 
134
  <p class="warning-callout">
135
  <?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.', 'ajax-load-more'); ?> <a class="button-small" href="https://connekthq.com/plugins/ajax-load-more/add-ons/comments/" target="_blank"><?php _e('View Docs', 'ajax-load-more'); ?></a>
136
  </p>
admin/shortcode-builder/components/cta.php CHANGED
@@ -2,84 +2,83 @@
2
  <div class="row cta add-on" id="alm-cta">
3
  <h3 class="heading" tabindex="0"><?php _e('Call to Actions', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
-
6
- <div class="section-title">
7
- <p><?php _e('Insert call to action block.', 'ajax-load-more'); ?></p>
8
- </div>
9
- <div class="wrap">
10
- <div class="inner">
11
- <ul>
12
- <li>
13
- <input class="alm_element" type="radio" name="cta" value="true" id="cta-true" >
14
- <label for="cta-true"><?php _e('True', 'ajax-load-more'); ?></label>
15
- </li>
16
- <li>
17
- <input class="alm_element" type="radio" name="cta" value="false" id="cta-false" checked="checked">
18
- <label for="cta-false"><?php _e('False', 'ajax-load-more'); ?></label>
19
- </li>
20
- </ul>
 
 
21
  </div>
22
- </div>
23
- <div class="clear"></div>
24
 
25
  <div class="cta_template_wrap nested-component">
26
  <div class="nested-component--inner">
27
-
28
- <div class="section-title">
29
- <h4><?php _e('CTA Positioning', 'ajax-load-more'); ?></h4>
30
- <p><?php _e('Insert call to action <strong><em id="sequence-update-before-after">before</em></strong> post #<strong><em id="sequence-update">1</em></strong>', 'ajax-load-more'); ?>.</p>
31
- </div>
32
- <div class="wrap">
33
- <div class="inner">
34
-
35
- <label class="full"><?php _e('Before / After', 'ajax-load-more'); ?>:</label>
36
- <select class="alm_element cta-before-after" name="cta-before-after" id="cta-before-after">
37
- <option value="before" selected="selected"><?php _e('Before', 'ajax-load-more'); ?></option>
38
- <option value="after"><?php _e('After', 'ajax-load-more'); ?></option>
39
- </select>
40
- <div class="clear"></div>
41
- <div class="spacer" style="height: 30px;"></div>
42
- <label class="full" for="cta-position"><?php _e('Post #', 'ajax-load-more'); ?>:</label>
43
- <input type="number" min="1" step="1" value="1" placeholder="1" id="cta-position" class="alm_element numbers-only" name="cta-position">
44
-
45
- </div>
46
- </div>
47
-
48
- <div class="clear"></div>
49
- <hr/>
50
- <div class="spacer"></div>
51
-
52
- <div class="section-title">
53
- <h4><?php _e('Template', 'ajax-load-more'); ?></h4>
54
- <?php
55
- echo '<p>'.__('Select the <a href="admin.php?page=ajax-load-more-repeaters" target="_parent">repeater template</a> that will display your call to action.', 'ajax-load-more'). '</p>';
56
- ?>
57
- </div>
58
- <div class="wrap">
59
- <div class="inner">
60
- <?php
61
- echo '<select name="cta-repeater-select" class="alm_element">';
62
- echo '<option name="" value="" selected="selected">'.__('-- Select Repeater --', 'ajax-load-more').'</option>';
63
- echo '<option name="default" value="default">Default</option>';
64
- if (has_action('alm_get_custom_repeaters')) {
65
- do_action('alm_get_custom_repeaters');
66
- }
67
- if (has_action('alm_get_unlimited_repeaters')) {
68
- do_action('alm_get_unlimited_repeaters');
69
- }
70
- echo '</select>';
71
- ?>
72
- </div>
73
- </div>
74
- <?php
75
- // Get Theme Repeaters
76
- if (has_action('alm_theme_repeaters_selection')){
77
- do_action('alm_theme_repeaters_selection');
78
- }
79
- ?>
80
-
81
- <div class="clear"></div>
82
- <hr>
83
  <p class="warning-callout">
84
  <?php _e('Call to actions do NOT count as a post within an Ajax Load More loop.', 'ajax-load-more'); ?><br/>
85
  <?php _e('For example, if you set <strong>posts_per_page="5"</strong> in your shortcode, 6 items will be displayed.', 'ajax-load-more'); ?>
2
  <div class="row cta add-on" id="alm-cta">
3
  <h3 class="heading" tabindex="0"><?php _e('Call to Actions', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
+
6
+ <section class="first">
7
+ <div class="shortcode-builder--label">
8
+ <p><?php _e('Insert call to action block.', 'ajax-load-more'); ?></p>
9
+ </div>
10
+ <div class="shortcode-builder--fields">
11
+ <div class="inner">
12
+ <ul>
13
+ <li>
14
+ <input class="alm_element" type="radio" name="cta" value="true" id="cta-true" >
15
+ <label for="cta-true"><?php _e('True', 'ajax-load-more'); ?></label>
16
+ </li>
17
+ <li>
18
+ <input class="alm_element" type="radio" name="cta" value="false" id="cta-false" checked="checked">
19
+ <label for="cta-false"><?php _e('False', 'ajax-load-more'); ?></label>
20
+ </li>
21
+ </ul>
22
+ </div>
23
  </div>
24
+ </section>
 
25
 
26
  <div class="cta_template_wrap nested-component">
27
  <div class="nested-component--inner">
28
+ <section>
29
+ <div class="shortcode-builder--label">
30
+ <h4><?php _e('CTA Positioning', 'ajax-load-more'); ?></h4>
31
+ <p><?php _e('Insert call to action <strong><em id="sequence-update-before-after">before</em></strong> post #<strong><em id="sequence-update">1</em></strong>', 'ajax-load-more'); ?>.</p>
32
+ </div>
33
+ <div class="shortcode-builder--fields">
34
+ <div class="inner">
35
+
36
+ <label class="full"><?php _e('Before / After', 'ajax-load-more'); ?>:</label>
37
+ <select class="alm_element cta-before-after" name="cta-before-after" id="cta-before-after">
38
+ <option value="before" selected="selected"><?php _e('Before', 'ajax-load-more'); ?></option>
39
+ <option value="after"><?php _e('After', 'ajax-load-more'); ?></option>
40
+ </select>
41
+ <div class="clear"></div>
42
+ <div class="spacer" style="height: 30px;"></div>
43
+ <label class="full" for="cta-position"><?php _e('Post #', 'ajax-load-more'); ?>:</label>
44
+ <input type="number" min="1" step="1" value="1" placeholder="1" id="cta-position" class="alm_element numbers-only" name="cta-position">
45
+
46
+ </div>
47
+ </div>
48
+ </section>
49
+
50
+ <section>
51
+ <div class="shortcode-builder--label">
52
+ <h4><?php _e('Template', 'ajax-load-more'); ?></h4>
53
+ <?php
54
+ echo '<p>'.__('Select the <a href="admin.php?page=ajax-load-more-repeaters" target="_parent">repeater template</a> that will display your call to action.', 'ajax-load-more'). '</p>';
55
+ ?>
56
+ </div>
57
+ <div class="shortcode-builder--fields">
58
+ <div class="inner">
59
+ <?php
60
+ echo '<select name="cta-repeater-select" class="alm_element">';
61
+ echo '<option name="" value="" selected="selected">'.__('-- Select Repeater --', 'ajax-load-more').'</option>';
62
+ echo '<option name="default" value="default">Default</option>';
63
+ if (has_action('alm_get_custom_repeaters')) {
64
+ do_action('alm_get_custom_repeaters');
65
+ }
66
+ if (has_action('alm_get_unlimited_repeaters')) {
67
+ do_action('alm_get_unlimited_repeaters');
68
+ }
69
+ echo '</select>';
70
+ ?>
71
+ </div>
72
+ </div>
73
+ </section>
74
+ <section>
75
+ <?php
76
+ // Get Theme Repeaters
77
+ if (has_action('alm_theme_repeaters_selection')){
78
+ do_action('alm_theme_repeaters_selection');
79
+ }
80
+ ?>
81
+ </section>
 
 
82
  <p class="warning-callout">
83
  <?php _e('Call to actions do NOT count as a post within an Ajax Load More loop.', 'ajax-load-more'); ?><br/>
84
  <?php _e('For example, if you set <strong>posts_per_page="5"</strong> in your shortcode, 6 items will be displayed.', 'ajax-load-more'); ?>
admin/shortcode-builder/components/filters.php CHANGED
@@ -2,194 +2,191 @@
2
  <div class="row input filters add-on" id="alm-filters">
3
  <h3 class="heading" tabindex="0"><?php _e('Filters', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
- <div class="section-title">
6
- <p><?php _e('Enable filters with this Ajax Load More instance.', 'ajax-load-more'); ?></p>
7
- </div>
8
- <div class="wrap">
9
- <div class="inner">
10
- <ul>
11
- <li>
12
- <input class="alm_element" type="radio" name="filters" value="true" id="filters-true" >
13
- <label for="filters-true"><?php _e('True', 'ajax-load-more'); ?></label>
14
- </li>
15
- <li>
16
- <input class="alm_element" type="radio" name="filters" value="false" id="filters-false" checked="checked">
17
- <label for="filters-false"><?php _e('False', 'ajax-load-more'); ?></label>
18
- </li>
19
- </ul>
 
 
 
20
  </div>
21
- </div>
22
-
23
- <div class="clear"></div>
24
 
25
  <div class="filters_options nested-component">
26
  <div class="nested-component--inner">
27
-
28
- <div class="section-title">
29
- <h4><?php _e('Target', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('A target ID is not required but it is highly recommended to avoid issues with querystring parsing on page load.','ajax-load-more'); ?>"></a></h4>
30
- <p><?php _e('Connect Ajax Load More to a specific <a href="admin.php?page=ajax-load-more-filters">filter instance</a> by selecting the filter ID.', 'ajax-load-more'); ?></p>
31
- </div>
32
- <div class="wrap">
33
- <div class="inner">
34
- <?php
35
- if(class_exists('ALMFilters')){
36
- $current_filters = ALMFilters::alm_get_all_filters();
37
-
38
- if($current_filters){
39
- $count = 0;
40
- $return = '';
41
- foreach( $current_filters as $the_filter ) {
42
- if(!in_array($the_filter, array('alm_filters_license_key', 'alm_filters_license_status'))){
43
- $count++;
44
- $value = str_replace(ALM_FILTERS_PREFIX, '', $the_filter);
45
- $return .= '<option value="'. $value .'">'. $value .'</option>';
46
- }
47
- }
48
- if($count > 0){
49
- echo '<select class="alm_element" name="filters-id" id="filters-id">';
50
- echo '<option value="" selected="selected">'. __('-- Select Filter --', 'ajax-load-more') .'</option>';
51
- echo $return;
52
- echo '</select>';
53
- } else { ?>
54
- <p><?php _e('You don\'t have any filters! The first step is to create one', 'ajax-load-more'); ?>!</p>
55
- <?php
56
- }
57
-
58
- }
59
- }
60
- ?>
61
- </div>
62
- </div>
63
-
64
- <div class="clear"></div>
65
- <hr>
66
-
67
- <div class="section-title">
68
- <h4><?php _e('URLs', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Querystring URLs allow users to share deep links to filtered content.','ajax-load-more'); ?>"></a></h4>
69
- <p><?php _e('Update the browser querystring with active filters values.','ajax-load-more'); ?><br/><small>e.g. ?category=design&tag=mobile</small></p>
70
- </div>
71
- <div class="wrap">
72
- <div class="inner">
73
- <ul>
74
- <li>
75
- <input class="alm_element" type="radio" name="filters-url" value="true" id="filters-url-true" checked="checked">
76
- <label for="filters-url-true"><?php _e('True', 'ajax-load-more'); ?></label>
77
- </li>
78
- <li>
79
- <input class="alm_element" type="radio" name="filters-url" value="false" id="filters-url-false">
80
- <label for="filters-url-false"><?php _e('False', 'ajax-load-more'); ?></label>
81
- </li>
82
- </ul>
83
- </div>
84
- </div>
85
-
86
- <div class="clear"></div>
87
- <hr>
88
-
89
- <div class="section-title">
90
- <h4><?php _e('Paging Parameters', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Adding paging parameters will allow for deep linking to a paged filter.','ajax-load-more'); ?>"></a></h4>
91
- <p><?php _e('Add <span>?pg={x}</span> to the browser querystring as users load additional pages.', 'ajax-load-more'); ?></p>
92
- </div>
93
- <div class="wrap">
94
- <div class="inner">
95
- <ul>
96
- <li>
97
- <input class="alm_element" type="radio" name="filters-paging" value="true" id="filters-paging-true" checked="checked">
98
- <label for="filters-paging-true"><?php _e('True', 'ajax-load-more'); ?></label>
99
- </li>
100
- <li>
101
- <input class="alm_element" type="radio" name="filters-paging" value="false" id="filters-paging-false">
102
- <label for="filters-paging-false"><?php _e('False', 'ajax-load-more'); ?></label>
103
- </li>
104
- </ul>
105
- </div>
106
- </div>
107
-
108
- <div class="clear"></div>
109
- <hr>
110
-
111
- <div class="section-title">
112
- <h4><?php _e('Scroll', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('When a user filters a list they will be auto scrolled back to the top.','ajax-load-more'); ?>"></a></h4>
113
- <p><?php _e('Automatically scroll users to the top of list after a filter update.', 'ajax-load-more'); ?></p>
114
- </div>
115
- <div class="wrap">
116
- <div class="inner">
117
- <ul>
118
- <li>
119
- <input class="alm_element" type="radio" name="filters-scroll" value="true" id="filters-scroll-true">
120
- <label for="filters-scroll-true"><?php _e('True', 'ajax-load-more'); ?></label>
121
- </li>
122
- <li>
123
- <input class="alm_element" type="radio" name="filters-scroll" value="false" id="filters-scroll-false" checked="checked">
124
- <label for="filters-scroll-false"><?php _e('False', 'ajax-load-more'); ?></label>
125
- </li>
126
- </ul>
127
- </div>
128
- </div>
129
-
130
- <div class="clear"></div>
131
  <div id="filter-scrollTopOptions" style="display: none; overflow: hidden;">
132
- <div class="clear"></div>
133
- <hr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
134
 
135
- <div class="section-title">
136
- <h4><?php _e('Scroll Top', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('The Scroll Top value is the pixel position the window will be scrolled to.','ajax-load-more'); ?>"></a></h4>
137
- <p><?php _e('The offset top position of the window used with `Paging Parameters` and `Scroll`.', 'ajax-load-more'); ?></p>
138
- </div>
139
- <div class="wrap">
140
- <div class="inner">
141
- <label for="filters-scrolltop" class="full">
142
- <?php _e('Scroll Top Value', 'ajax-load-more'); ?>
143
- </label>
144
- <input id="filters-scrolltop" name="filters-scrolltop" class="alm_element sm" type="number" min="0" max="1000" step="1" value="30" placeholder="30">
145
- </div>
146
- </div>
147
- </div>
148
-
149
- <div class="clear"></div>
150
- <hr>
151
-
152
- <div class="section-title">
153
- <h4><?php _e('Analytics', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Each time the filter is updated a pageview will be sent to Google Analytics.','ajax-load-more'); ?>"></a></h4>
154
- <p><?php _e('Send pageviews to Google Analytics.', 'ajax-load-more'); ?></p>
155
- </div>
156
- <div class="wrap">
157
- <div class="inner">
158
- <ul>
159
- <li>
160
- <input class="alm_element" type="radio" name="filters-analytics" value="true" id="filters-analytics-true" checked="checked">
161
- <label for="filters-analytics-true"><?php _e('True', 'ajax-load-more'); ?></label>
162
- </li>
163
- <li>
164
- <input class="alm_element" type="radio" name="filters-analytics" value="false" id="filters-analytics-false">
165
- <label for="filters-analytics-false"><?php _e('False', 'ajax-load-more'); ?></label>
166
- </li>
167
- </ul>
168
- </div>
169
- </div>
170
-
171
- <div class="clear"></div>
172
- <hr>
173
-
174
- <div class="section-title">
175
- <h4><?php _e('Debug Mode', 'ajax-load-more'); ?></h4>
176
- <p><?php _e('Enable debugging of the Ajax Load More filter object in the browser console.', 'ajax-load-more'); ?></p>
177
- </div>
178
- <div class="wrap">
179
- <div class="inner">
180
- <ul>
181
- <li>
182
- <input class="alm_element" type="radio" name="filters-debug" value="true" id="filters-debug-true">
183
- <label for="filters-debug-true"><?php _e('True', 'ajax-load-more'); ?></label>
184
- </li>
185
- <li>
186
- <input class="alm_element" type="radio" name="filters-debug" value="false" id="filters-debug-false" checked="checked">
187
- <label for="filters-debug-false"><?php _e('False', 'ajax-load-more'); ?></label>
188
- </li>
189
- </ul>
190
- </div>
191
- </div>
192
-
193
  </div>
194
 
195
  </div>
2
  <div class="row input filters add-on" id="alm-filters">
3
  <h3 class="heading" tabindex="0"><?php _e('Filters', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
+
6
+ <section class="first">
7
+ <div class="shortcode-builder--label">
8
+ <p><?php _e('Enable filters with this Ajax Load More instance.', 'ajax-load-more'); ?></p>
9
+ </div>
10
+ <div class="shortcode-builder--fields">
11
+ <div class="inner">
12
+ <ul>
13
+ <li>
14
+ <input class="alm_element" type="radio" name="filters" value="true" id="filters-true" >
15
+ <label for="filters-true"><?php _e('True', 'ajax-load-more'); ?></label>
16
+ </li>
17
+ <li>
18
+ <input class="alm_element" type="radio" name="filters" value="false" id="filters-false" checked="checked">
19
+ <label for="filters-false"><?php _e('False', 'ajax-load-more'); ?></label>
20
+ </li>
21
+ </ul>
22
+ </div>
23
  </div>
24
+ </section>
 
 
25
 
26
  <div class="filters_options nested-component">
27
  <div class="nested-component--inner">
28
+ <section>
29
+ <div class="shortcode-builder--label">
30
+ <h4><?php _e('Target', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('A target ID is not required but it is highly recommended to avoid issues with querystring parsing on page load.','ajax-load-more'); ?>"></a></h4>
31
+ <p><?php _e('Connect Ajax Load More to a specific <a href="admin.php?page=ajax-load-more-filters">filter instance</a> by selecting the filter ID.', 'ajax-load-more'); ?></p>
32
+ </div>
33
+ <div class="shortcode-builder--fields">
34
+ <div class="inner">
35
+ <?php
36
+ if(class_exists('ALMFilters')){
37
+ $current_filters = ALMFilters::alm_get_all_filters();
38
+
39
+ if($current_filters){
40
+ $count = 0;
41
+ $return = '';
42
+ foreach( $current_filters as $the_filter ) {
43
+ if(!in_array($the_filter, array('alm_filters_license_key', 'alm_filters_license_status'))){
44
+ $count++;
45
+ $value = str_replace(ALM_FILTERS_PREFIX, '', $the_filter);
46
+ $return .= '<option value="'. $value .'">'. $value .'</option>';
47
+ }
48
+ }
49
+ if($count > 0){
50
+ echo '<select class="alm_element" name="filters-id" id="filters-id">';
51
+ echo '<option value="" selected="selected">'. __('-- Select Filter --', 'ajax-load-more') .'</option>';
52
+ echo $return;
53
+ echo '</select>';
54
+ } else { ?>
55
+ <p><?php _e('You don\'t have any filters! The first step is to create one', 'ajax-load-more'); ?>!</p>
56
+ <?php
57
+ }
58
+
59
+ }
60
+ }
61
+ ?>
62
+ </div>
63
+ </div>
64
+ </section>
65
+ <section>
66
+ <div class="shortcode-builder--label">
67
+ <h4><?php _e('URLs', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Querystring URLs allow users to share deep links to filtered content.','ajax-load-more'); ?>"></a></h4>
68
+ <p><?php _e('Update the browser querystring with active filters values.','ajax-load-more'); ?><br/><small>e.g. ?category=design&tag=mobile</small></p>
69
+ </div>
70
+ <div class="shortcode-builder--fields">
71
+ <div class="inner">
72
+ <ul>
73
+ <li>
74
+ <input class="alm_element" type="radio" name="filters-url" value="true" id="filters-url-true" checked="checked">
75
+ <label for="filters-url-true"><?php _e('True', 'ajax-load-more'); ?></label>
76
+ </li>
77
+ <li>
78
+ <input class="alm_element" type="radio" name="filters-url" value="false" id="filters-url-false">
79
+ <label for="filters-url-false"><?php _e('False', 'ajax-load-more'); ?></label>
80
+ </li>
81
+ </ul>
82
+ </div>
83
+ </div>
84
+ </section>
85
+
86
+ <section>
87
+ <div class="shortcode-builder--label">
88
+ <h4><?php _e('Paging Parameters', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Adding paging parameters will allow for deep linking to a paged filter.','ajax-load-more'); ?>"></a></h4>
89
+ <p><?php _e('Add <span>?pg={x}</span> to the browser querystring as users load additional pages.', 'ajax-load-more'); ?></p>
90
+ </div>
91
+ <div class="shortcode-builder--fields">
92
+ <div class="inner">
93
+ <ul>
94
+ <li>
95
+ <input class="alm_element" type="radio" name="filters-paging" value="true" id="filters-paging-true" checked="checked">
96
+ <label for="filters-paging-true"><?php _e('True', 'ajax-load-more'); ?></label>
97
+ </li>
98
+ <li>
99
+ <input class="alm_element" type="radio" name="filters-paging" value="false" id="filters-paging-false">
100
+ <label for="filters-paging-false"><?php _e('False', 'ajax-load-more'); ?></label>
101
+ </li>
102
+ </ul>
103
+ </div>
104
+ </div>
105
+ </section>
106
+
107
+ <section>
108
+ <div class="shortcode-builder--label">
109
+ <h4><?php _e('Scroll', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('When a user filters a list they will be auto scrolled back to the top.','ajax-load-more'); ?>"></a></h4>
110
+ <p><?php _e('Automatically scroll users to the top of list after a filter update.', 'ajax-load-more'); ?></p>
111
+ </div>
112
+ <div class="shortcode-builder--fields">
113
+ <div class="inner">
114
+ <ul>
115
+ <li>
116
+ <input class="alm_element" type="radio" name="filters-scroll" value="true" id="filters-scroll-true">
117
+ <label for="filters-scroll-true"><?php _e('True', 'ajax-load-more'); ?></label>
118
+ </li>
119
+ <li>
120
+ <input class="alm_element" type="radio" name="filters-scroll" value="false" id="filters-scroll-false" checked="checked">
121
+ <label for="filters-scroll-false"><?php _e('False', 'ajax-load-more'); ?></label>
122
+ </li>
123
+ </ul>
124
+ </div>
125
+ </div>
126
+ </section>
127
+
 
 
 
 
128
  <div id="filter-scrollTopOptions" style="display: none; overflow: hidden;">
129
+ <section>
130
+ <div class="shortcode-builder--label">
131
+ <h4><?php _e('Scroll Top', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('The Scroll Top value is the pixel position the window will be scrolled to.','ajax-load-more'); ?>"></a></h4>
132
+ <p><?php _e('The offset top position of the window used with `Paging Parameters` and `Scroll`.', 'ajax-load-more'); ?></p>
133
+ </div>
134
+ <div class="shortcode-builder--fields">
135
+ <div class="inner">
136
+ <label for="filters-scrolltop" class="full">
137
+ <?php _e('Scroll Top Value', 'ajax-load-more'); ?>
138
+ </label>
139
+ <div class="flex-input">
140
+ <input id="filters-scrolltop" name="filters-scrolltop" class="alm_element" type="number" min="0" max="1000" step="1" value="30" placeholder="30">
141
+ <span><strong>px</strong></span>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ </section>
146
+ </div>
147
 
148
+ <section>
149
+ <div class="shortcode-builder--label">
150
+ <h4><?php _e('Analytics', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Each time the filter is updated a pageview will be sent to Google Analytics.','ajax-load-more'); ?>"></a></h4>
151
+ <p><?php _e('Send pageviews to Google Analytics.', 'ajax-load-more'); ?></p>
152
+ </div>
153
+ <div class="shortcode-builder--fields">
154
+ <div class="inner">
155
+ <ul>
156
+ <li>
157
+ <input class="alm_element" type="radio" name="filters-analytics" value="true" id="filters-analytics-true" checked="checked">
158
+ <label for="filters-analytics-true"><?php _e('True', 'ajax-load-more'); ?></label>
159
+ </li>
160
+ <li>
161
+ <input class="alm_element" type="radio" name="filters-analytics" value="false" id="filters-analytics-false">
162
+ <label for="filters-analytics-false"><?php _e('False', 'ajax-load-more'); ?></label>
163
+ </li>
164
+ </ul>
165
+ </div>
166
+ </div>
167
+ </section>
168
+
169
+ <section>
170
+
171
+ <div class="shortcode-builder--label">
172
+ <h4><?php _e('Debug Mode', 'ajax-load-more'); ?></h4>
173
+ <p><?php _e('Enable debugging of the Ajax Load More filter object in the browser console.', 'ajax-load-more'); ?></p>
174
+ </div>
175
+ <div class="shortcode-builder--fields">
176
+ <div class="inner">
177
+ <ul>
178
+ <li>
179
+ <input class="alm_element" type="radio" name="filters-debug" value="true" id="filters-debug-true">
180
+ <label for="filters-debug-true"><?php _e('True', 'ajax-load-more'); ?></label>
181
+ </li>
182
+ <li>
183
+ <input class="alm_element" type="radio" name="filters-debug" value="false" id="filters-debug-false" checked="checked">
184
+ <label for="filters-debug-false"><?php _e('False', 'ajax-load-more'); ?></label>
185
+ </li>
186
+ </ul>
187
+ </div>
188
+ </div>
189
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
190
  </div>
191
 
192
  </div>
admin/shortcode-builder/components/nextpage.php CHANGED
@@ -2,108 +2,107 @@
2
  <div class="row input next-page add-on" id="alm-next-page">
3
  <h3 class="heading" tabindex="0"><?php _e('Next Page', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
- <div class="section-title">
6
- <p><?php _e('Enable the infinite scrolling of multipage WordPress content using the', 'ajax-load-more'); ?> <span>< !--nextpage-- ></span> <?php _e('Quicktag', 'ajax-load-more'); ?>.</p>
7
- </div>
8
- <div class="wrap">
9
- <div class="inner">
10
- <ul>
11
- <li>
12
- <input class="alm_element" type="radio" name="next-page" value="true" id="next-page-true" >
13
- <label for="next-page-true"><?php _e('True', 'ajax-load-more'); ?></label>
14
- </li>
15
- <li>
16
- <input class="alm_element" type="radio" name="next-page" value="false" id="next-page-false" checked="checked">
17
- <label for="next-page-false"><?php _e('False', 'ajax-load-more'); ?></label>
18
- </li>
19
- </ul>
20
- </div>
 
 
21
  </div>
 
22
 
23
- <div class="clear"></div>
24
 
25
  <div class="next-page-content nested-component" style="display: none;">
26
  <div class="nested-component--inner">
27
-
28
- <div class="section-title">
29
- <h4><?php _e('Post ID', 'ajax-load-more'); ?></h4>
30
- <p><?php _e('The ID of the current page/post.', 'ajax-load-more'); ?></p>
31
- </div>
32
- <div class="wrap">
33
- <div class="inner">
34
- <input type="text" value="get_the_ID()" id="next-page_post_id" class="alm_element disabled-input" disabled="disabled">
35
- </div>
36
- </div>
37
-
38
- <div class="clear"></div>
39
- <hr/>
40
-
41
- <div class="section-title">
42
- <h4><?php _e('URL Rewrite', 'ajax-load-more'); ?></h4>
43
- <p><?php _e('Update the browser address bar as pages come into view', 'ajax-load-more'); ?>.</p>
44
- </div>
45
- <div class="wrap">
46
- <div class="inner">
47
- <ul>
48
- <li style="width:100%;">
49
- <input class="alm_element" type="checkbox" name="next-page-url" id="next-page-url" value="true" checked="checked">
50
- <label for="next-page-url"><?php _e('Yes, update the URL', 'ajax-load-more'); ?>.</label>
51
- </li>
52
- </ul>
53
- <input type="checkbox" class="alm_element" name="next-page-url" id="next-page-url" checked="checked">
54
- </div>
55
- </div>
56
-
57
- <div class="clear"></div>
58
- <hr/>
59
-
60
- <div class="section-title">
61
- <h4>
62
- <?php _e('Google Analytics', 'ajax-load-more'); ?>
63
- <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('You must have a reference to your Google Analytics tracking code already on the page','ajax-load-more'); ?>."></a>
64
- </h4>
65
- <p><?php _e('Each time a page is loaded it will count as a pageview', 'ajax-load-more'); ?>.</p>
66
- </div>
67
- <div class="wrap">
68
- <div class="inner">
69
- <ul>
70
- <li style="width:100%;">
71
- <input class="alm_element" type="checkbox" name="next-page-pageviews" id="next-page-pageviews" value="true" checked="checked">
72
- <label for="next-page-pageviews"><?php _e('Yes, send pageviews to Google Analytics', 'ajax-load-more'); ?>.</label>
73
- </li>
74
- </ul>
75
- <input type="checkbox" class="alm_element" name="next-page-url" id="next-page-url" checked="checked">
76
- </div>
77
- </div>
78
 
79
- <div class="clear"></div>
80
- <hr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
 
82
- <div class="section-title">
83
- <h4><?php _e('Scroll to Page', 'ajax-load-more'); ?></h4>
84
- <p>
85
- <?php _e('Scroll users automatically to the next page on \'Load More\' action', 'ajax-load-more'); ?>.
86
- </p>
87
- </div>
88
- <div class="wrap">
89
- <div class="inner half">
90
- <label for="next-page-scroll" class="full"><?php _e('Enable Scrolling', 'ajax-load-more'); ?></label>
91
- <select class="alm_element" name="next-page-scroll" id="next-page-scroll">
92
- <option value="true" selected="selected"><?php _e('True', 'ajax-load-more'); ?></option>
93
- <option value="false"><?php _e('False', 'ajax-load-more'); ?></option>
94
- </select>
95
- </div>
96
- <div class="inner half">
97
- <label for="next-page-scroll-top" class="full">
98
- <?php _e('Scroll Top', 'ajax-load-more'); ?>
99
- <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('The scrolltop position of the window (used with scrolling and fwd/back browser buttons)','ajax-load-more'); ?>."></a>
100
- </label>
101
- <input id="next-page-scroll-top" name="next-page-scroll-top" class="alm_element sm" type="number" min="0" max="1000" step="1" value="30" placeholder="30">
102
- </div>
103
- </div>
104
-
105
- <div class="clear"></div>
106
- <hr/>
 
107
 
108
  <p class="warning-callout">
109
  <?php _e('You must add the Next Page 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.', 'ajax-load-more'); ?> <a class="button-small" href="https://connekthq.com/plugins/ajax-load-more/add-ons/next-page/" target="_blank"><?php _e('View Docs', 'ajax-load-more'); ?></a>
2
  <div class="row input next-page add-on" id="alm-next-page">
3
  <h3 class="heading" tabindex="0"><?php _e('Next Page', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
+
6
+ <section class="first">
7
+ <div class="shortcode-builder--label">
8
+ <p><?php _e('Enable the infinite scrolling of multipage WordPress content using the', 'ajax-load-more'); ?> <span>< !--nextpage-- ></span> <?php _e('Quicktag', 'ajax-load-more'); ?>.</p>
9
+ </div>
10
+ <div class="shortcode-builder--fields">
11
+ <div class="inner">
12
+ <ul>
13
+ <li>
14
+ <input class="alm_element" type="radio" name="next-page" value="true" id="next-page-true" >
15
+ <label for="next-page-true"><?php _e('True', 'ajax-load-more'); ?></label>
16
+ </li>
17
+ <li>
18
+ <input class="alm_element" type="radio" name="next-page" value="false" id="next-page-false" checked="checked">
19
+ <label for="next-page-false"><?php _e('False', 'ajax-load-more'); ?></label>
20
+ </li>
21
+ </ul>
22
+ </div>
23
  </div>
24
+ </section>
25
 
 
26
 
27
  <div class="next-page-content nested-component" style="display: none;">
28
  <div class="nested-component--inner">
29
+ <section>
30
+ <div class="shortcode-builder--label">
31
+ <h4><?php _e('Post ID', 'ajax-load-more'); ?></h4>
32
+ <p><?php _e('The ID of the current page/post.', 'ajax-load-more'); ?></p>
33
+ </div>
34
+ <div class="shortcode-builder--fields">
35
+ <div class="inner">
36
+ <input type="text" value="get_the_ID()" id="next-page_post_id" class="alm_element disabled-input" disabled="disabled">
37
+ </div>
38
+ </div>
39
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
40
 
41
+ <section>
42
+ <div class="shortcode-builder--label">
43
+ <h4><?php _e('URL Rewrite', 'ajax-load-more'); ?></h4>
44
+ <p><?php _e('Update the browser address bar as pages come into view', 'ajax-load-more'); ?>.</p>
45
+ </div>
46
+ <div class="shortcode-builder--fields">
47
+ <div class="inner">
48
+ <ul>
49
+ <li style="width:100%;">
50
+ <input class="alm_element" type="checkbox" name="next-page-url" id="next-page-url" value="true" checked="checked">
51
+ <label for="next-page-url"><?php _e('Yes, update the URL', 'ajax-load-more'); ?>.</label>
52
+ </li>
53
+ </ul>
54
+ <input type="checkbox" class="alm_element" name="next-page-url" id="next-page-url" checked="checked">
55
+ </div>
56
+ </div>
57
+ </section>
58
+
59
+ <section>
60
+ <div class="shortcode-builder--label">
61
+ <h4>
62
+ <?php _e('Google Analytics', 'ajax-load-more'); ?>
63
+ <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('You must have a reference to your Google Analytics tracking code already on the page','ajax-load-more'); ?>."></a>
64
+ </h4>
65
+ <p><?php _e('Each time a page is loaded it will count as a pageview', 'ajax-load-more'); ?>.</p>
66
+ </div>
67
+ <div class="shortcode-builder--fields">
68
+ <div class="inner">
69
+ <ul>
70
+ <li style="width:100%;">
71
+ <input class="alm_element" type="checkbox" name="next-page-pageviews" id="next-page-pageviews" value="true" checked="checked">
72
+ <label for="next-page-pageviews"><?php _e('Yes, send pageviews to Google Analytics', 'ajax-load-more'); ?>.</label>
73
+ </li>
74
+ </ul>
75
+ <input type="checkbox" class="alm_element" name="next-page-url" id="next-page-url" checked="checked">
76
+ </div>
77
+ </div>
78
+ </section>
79
 
80
+ <section>
81
+ <div class="shortcode-builder--label">
82
+ <h4><?php _e('Scroll to Page', 'ajax-load-more'); ?></h4>
83
+ <p>
84
+ <?php _e('Scroll users automatically to the next page on \'Load More\' action', 'ajax-load-more'); ?>.
85
+ </p>
86
+ </div>
87
+ <div class="shortcode-builder--fields">
88
+ <section>
89
+ <div class="half">
90
+ <label for="next-page-scroll" class="full"><?php _e('Enable Scrolling', 'ajax-load-more'); ?></label>
91
+ <select class="alm_element" name="next-page-scroll" id="next-page-scroll">
92
+ <option value="true" selected="selected"><?php _e('True', 'ajax-load-more'); ?></option>
93
+ <option value="false"><?php _e('False', 'ajax-load-more'); ?></option>
94
+ </select>
95
+ </div>
96
+ <div class="half">
97
+ <label for="next-page-scroll-top" class="full">
98
+ <?php _e('Scroll Top', 'ajax-load-more'); ?>
99
+ <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('The scrolltop position of the window (used with scrolling and fwd/back browser buttons)','ajax-load-more'); ?>."></a>
100
+ </label>
101
+ <input id="next-page-scroll-top" name="next-page-scroll-top" class="alm_element sm" type="number" min="0" max="1000" step="1" value="30" placeholder="30">
102
+ </div>
103
+ </section>
104
+ </div>
105
+ </section>
106
 
107
  <p class="warning-callout">
108
  <?php _e('You must add the Next Page 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.', 'ajax-load-more'); ?> <a class="button-small" href="https://connekthq.com/plugins/ajax-load-more/add-ons/next-page/" target="_blank"><?php _e('View Docs', 'ajax-load-more'); ?></a>
admin/shortcode-builder/components/paging.php CHANGED
@@ -2,129 +2,133 @@
2
  <div class="row input paging add-on" id="alm-paging">
3
  <h3 class="heading" tabindex="0"><?php _e('Paging', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
- <div class="section-title">
6
- <p><?php _e('Replace infinite scrolling with a paged ajax navigation system.', 'ajax-load-more'); ?></p>
7
- </div>
8
- <div class="wrap">
9
- <div class="inner">
10
- <ul>
11
- <li>
12
- <input class="alm_element" type="radio" name="paging" value="true" id="paging-true" >
13
- <label for="paging-true"><?php _e('True', 'ajax-load-more'); ?></label>
14
- </li>
15
- <li>
16
- <input class="alm_element" type="radio" name="paging" value="false" id="paging-false" checked="checked">
17
- <label for="paging-false"><?php _e('False', 'ajax-load-more'); ?></label>
18
- </li>
19
- </ul>
20
  </div>
21
- </div>
22
-
23
- <div class="clear"></div>
 
 
 
 
 
 
 
 
 
 
 
 
24
 
25
  <div id="nav-controls" class="nested-component">
26
  <div class="nested-component--inner">
27
 
28
- <div class="section-title">
29
- <h4><?php _e('Navigation Classes', 'ajax-load-more'); ?></h4>
30
- <p><?php _e('Add custom CSS classes to the paging navigation menu.', 'ajax-load-more'); ?></p>
31
- </div>
32
- <div class="wrap">
33
- <div class="inner">
34
- <input type="text" class="alm_element" name="paging-classes" id="paging-classes" placeholder="portfolio-paging-menu">
35
- </div>
36
- </div>
37
-
38
- <div class="clear"></div>
39
- <hr/>
40
- <div class="section-title">
41
- <h4><?php _e('Show at Most', 'ajax-load-more'); ?></h4>
42
- <p><?php _e('The maximum amount of page menu items to show at a time. <br/.>0 = no maximum', 'ajax-load-more'); ?></p>
43
- </div>
44
- <div class="wrap">
45
- <div class="inner">
46
- <input type="number" class="alm_element numbers-only" name="show-at-most" id="show-at-most" step="2" min="0" value="7">
47
- </div>
48
- </div>
49
-
50
- <div class="clear"></div>
51
- <hr/>
52
- <div class="section-title">
53
- <h4><?php _e('Controls', 'ajax-load-more'); ?></h4>
54
- <p><?php _e('Show first/last and next/previous buttons in the paging navigation.', 'ajax-load-more'); ?></p>
55
- </div>
56
- <div class="wrap">
57
- <div class="inner">
58
- <ul>
59
- <li>
60
- <input class="alm_element" type="radio" name="paging-controls" value="true" id="paging-controls-true" >
61
- <label for="paging-controls-true"><?php _e('True', 'ajax-load-more'); ?></label>
62
- </li>
63
- <li>
64
- <input class="alm_element" type="radio" name="paging-controls" value="false" id="paging-controls-false" checked="checked">
65
- <label for="paging-controls-false"><?php _e('False', 'ajax-load-more'); ?></label>
66
- </li>
67
- </ul>
68
- </div>
69
- </div>
70
- <div class="clear"></div>
71
- <div id="paging-controls-nav">
72
-
73
- <div class="clear"></div>
74
- <hr/>
75
- <div class="section-title">
76
- <h4><?php _e('First Page', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Leave empty to not render button.', 'ajax-load-more'); ?>"></a></h4>
77
- <p>
78
- <?php _e('Label for the <span>First Page</span> button.', 'ajax-load-more'); ?>
79
- </p>
80
- </div>
81
- <div class="wrap">
82
- <div class="inner">
83
- <input type="text" class="alm_element" name="paging-first-label" id="paging-first-label" placeholder="First">
84
- </div>
85
- </div>
86
-
87
- <div class="clear"></div>
88
- <hr/>
89
- <div class="section-title">
90
- <h4><?php _e('Last Page', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Leave empty to not render button.', 'ajax-load-more'); ?>"></a></h4>
91
- <p>
92
- <?php _e('Label for the <span>Last Page</span> button.', 'ajax-load-more'); ?>
93
- </p>
94
- </div>
95
- <div class="wrap">
96
- <div class="inner">
97
- <input type="text" class="alm_element" name="paging-last-label" id="paging-last-label" placeholder="Last">
98
- </div>
99
- </div>
100
-
101
- <div class="clear"></div>
102
- <hr/>
103
- <div class="section-title">
104
- <h4><?php _e('Previous Page', 'ajax-load-more'); ?></h4>
105
- <p>
106
- <?php _e('Label for the <span>Previous Page</span> button.', 'ajax-load-more'); ?>
107
- </p>
108
- </div>
109
- <div class="wrap">
110
- <div class="inner">
111
- <input type="text" class="alm_element" name="paging-previous-label" id="paging-previous-label" value="Prev" placeholder="Prev">
112
- </div>
113
- </div>
114
-
115
- <div class="clear"></div>
116
- <hr/>
117
- <div class="section-title">
118
- <h4><?php _e('Next Page', 'ajax-load-more'); ?></h4>
119
- <p>
120
- <?php _e('Label for the <span>Next Page</span> button.', 'ajax-load-more'); ?>
121
- </p>
122
- </div>
123
- <div class="wrap">
124
- <div class="inner">
125
- <input type="text" class="alm_element" name="paging-next-label" id="paging-next-label" value="Next" placeholder="Next">
126
- </div>
127
- </div>
 
 
 
128
 
129
  </div>
130
  </div>
2
  <div class="row input paging add-on" id="alm-paging">
3
  <h3 class="heading" tabindex="0"><?php _e('Paging', 'ajax-load-more'); ?></h3>
4
  <div class="expand-wrap">
5
+
6
+ <section class="first">
7
+ <div class="shortcode-builder--label">
8
+ <p><?php _e('Replace infinite scrolling with a paged ajax navigation system.', 'ajax-load-more'); ?></p>
 
 
 
 
 
 
 
 
 
 
 
9
  </div>
10
+ <div class="shortcode-builder--fields">
11
+ <div class="inner">
12
+ <ul>
13
+ <li>
14
+ <input class="alm_element" type="radio" name="paging" value="true" id="paging-true" >
15
+ <label for="paging-true"><?php _e('True', 'ajax-load-more'); ?></label>
16
+ </li>
17
+ <li>
18
+ <input class="alm_element" type="radio" name="paging" value="false" id="paging-false" checked="checked">
19
+ <label for="paging-false"><?php _e('False', 'ajax-load-more'); ?></label>
20
+ </li>
21
+ </ul>
22
+ </div>
23
+ </div>
24
+ </section>
25
 
26
  <div id="nav-controls" class="nested-component">
27
  <div class="nested-component--inner">
28
 
29
+ <section>
30
+ <div class="shortcode-builder--label">
31
+ <h4><?php _e('Navigation Classes', 'ajax-load-more'); ?></h4>
32
+ <p><?php _e('Add custom CSS classes to the paging navigation menu.', 'ajax-load-more'); ?></p>
33
+ </div>
34
+ <div class="shortcode-builder--fields">
35
+ <div class="inner">
36
+ <input type="text" class="alm_element" name="paging-classes" id="paging-classes" placeholder="portfolio-paging-menu">
37
+ </div>
38
+ </div>
39
+ </section>
40
+
41
+ <section>
42
+ <div class="shortcode-builder--label">
43
+ <h4><?php _e('Show at Most', 'ajax-load-more'); ?></h4>
44
+ <p><?php _e('The maximum amount of page menu items to show at a time. <br/.>0 = no maximum', 'ajax-load-more'); ?></p>
45
+ </div>
46
+ <div class="shortcode-builder--fields">
47
+ <div class="inner">
48
+ <input type="number" class="alm_element numbers-only" name="show-at-most" id="show-at-most" step="2" min="0" value="7">
49
+ </div>
50
+ </div>
51
+ </section>
52
+
53
+ <section>
54
+ <div class="shortcode-builder--label">
55
+ <h4><?php _e('Controls', 'ajax-load-more'); ?></h4>
56
+ <p><?php _e('Show first/last and next/previous buttons in the paging navigation.', 'ajax-load-more'); ?></p>
57
+ </div>
58
+ <div class="shortcode-builder--fields">
59
+ <div class="inner">
60
+ <ul>
61
+ <li>
62
+ <input class="alm_element" type="radio" name="paging-controls" value="true" id="paging-controls-true" >
63
+ <label for="paging-controls-true"><?php _e('True', 'ajax-load-more'); ?></label>
64
+ </li>
65
+ <li>
66
+ <input class="alm_element" type="radio" name="paging-controls" value="false" id="paging-controls-false" checked="checked">
67
+ <label for="paging-controls-false"><?php _e('False', 'ajax-load-more'); ?></label>
68
+ </li>
69
+ </ul>
70
+ </div>
71
+ </div>
72
+ </section>
73
+
74
+ <div id="paging-controls-nav" class="nested-component">
75
+ <div class="nested-component--inner">
76
+ <section>
77
+ <div class="shortcode-builder--label">
78
+ <h4><?php _e('First Page', 'ajax-load-more'); ?> <a href="javascript:void(0)" class="fa fa-question-circle tooltip" title="<?php _e('Leave empty to not render button.', 'ajax-load-more'); ?>"></a></h4>
79
+ <p>
80
+ <?php _e('Label for the <span>First Page</span> button.', 'ajax-load-more'); ?>
81
+ </p>
82
+ </div>
83
+ <div class="shortcode-builder--fields">
84
+ <div class="inner">
85
+ <input type="text" class="alm_element" name="paging-first-label" id="paging-first-label" placeholder="First">
86
+ </div>
87
+ </div>
88
+ </section>
89
+