Page Builder: PageLayer – Drag and Drop website builder - Version 0.9.8

Version Description

(August 13, 2019) = * [Task] In the editor, improved the widget border colors for better user experience * [Task] Improved the right click options UI and added icons * [Task] The widget left bar has been improved * [Task] Improved the search box UI in the left bar * [Task] The widget properties UI has been improved * [Task] The editor bottom bar UI has been improved * [Bug Fix] Testimonial widget was not working. This is fixed.

Download this release

Release Info

Developer pagelayer
Plugin Icon 128x128 Page Builder: PageLayer – Drag and Drop website builder
Version 0.9.8
Comparing to
See all releases

Code changes from version 0.9.7 to 0.9.8

Files changed (9) hide show
  1. css/pagelayer-editor-frontend.css +50 -21
  2. css/pagelayer-editor.css +56 -20
  3. init.php +1 -1
  4. js/pagelayer-editor.js +12 -12
  5. main/ajax.php +0 -12
  6. main/shortcode_functions.php +13 -0
  7. main/shortcodes.php +2 -6
  8. pagelayer.php +1 -1
  9. readme.txt +10 -1
css/pagelayer-editor-frontend.css CHANGED
@@ -5,7 +5,19 @@ width:100%;
5
  display:block;
6
  vertical-align:middle;
7
  text-align:center;
8
- background:#dfdfdf;
 
 
 
 
 
 
 
 
 
 
 
 
9
  }
10
 
11
  .pagelayer-empty-col{
@@ -40,20 +52,20 @@ pointer-events:none;
40
  }
41
 
42
  .pagelayer-ele-hover, .pagelayer-drag-ele-hover{/* Both classes are same. but its just that during drag, we use the later */
43
- outline:1px solid blue;
44
  }
45
 
46
  .pagelayer-active{
47
- outline:1px solid blue;
48
  }
49
 
50
  .pagelayer-row-hover{
51
- outline-color:green;
52
  outline-width:1px;
53
  }
54
 
55
  .pagelayer-col-hover{
56
- outline-color:blue;
57
  outline-width:1px;
58
  }
59
 
@@ -74,12 +86,12 @@ pointer-events:auto;
74
  display:inline-block !important;
75
  font-size:13px !important;
76
  padding:4px !important;
77
- background: #3e8ef7;
78
  color:#fff ;
79
  }
80
 
81
  .pagelayer-eoi:hover{
82
- background: #268ab7;
83
  cursor: pointer;
84
  }
85
 
@@ -90,12 +102,19 @@ z-index: 30;
90
  }
91
 
92
  .pagelayer-row-option .pagelayer-eoi{
93
- background: #268ab7;
 
 
 
 
 
 
 
 
94
  }
95
 
96
- .pagelayer-row-option .pagelayer-eoi:hover,
97
  .pagelayer-col-option .pagelayer-eoi:hover{
98
- background: #3e8ef7;
99
  }
100
 
101
  .pagelayer-col-option{
@@ -105,10 +124,6 @@ z-index: 30;
105
  width: 21px;
106
  }
107
 
108
- .pagelayer-col-option .pagelayer-eoi{
109
- background: #555;
110
- }
111
-
112
  .pagelayer-splash{
113
  background-image:url(../images/splash.png);
114
  height:30px;
@@ -134,11 +149,12 @@ background-size: cover;
134
  /* Right Click */
135
  .pagelayer-right-click-options{
136
  position:absolute;
137
- background: #fff;
138
  border-radius: 2px;
139
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
140
  z-index: 10;
141
- border: 1px solid rgba(0,0,0,0.1);
 
142
  }
143
 
144
  .pagelayer-right-click-options ul{
@@ -148,14 +164,27 @@ padding: 0;
148
  }
149
 
150
  .pagelayer-right-click-options a{
151
- color: #636262;
 
 
 
 
 
 
 
 
 
152
  }
153
 
154
  .pagelayer-right-click-options li{
155
- border-bottom: 1px solid #dfdfdf;
156
- padding: 5px 10px;
157
- font-size: 14px;
158
  font-family: Opensans, arial;
 
 
 
 
 
159
  }
160
 
161
  @media (min-width: 769px){
@@ -222,7 +251,7 @@ z-index:1000;
222
 
223
  .pagelayer-drag-prospect{
224
  height:1px;
225
- background: blue;
226
  z-index: 1000;
227
  }
228
 
5
  display:block;
6
  vertical-align:middle;
7
  text-align:center;
8
+ border:1px dashed #4a4949;
9
+ min-height:60px;
10
+ padding:5px;
11
+ }
12
+
13
+ .pagelayer-add-ele .fa{
14
+ font-size:15px;
15
+ color:#4a4949;
16
+ }
17
+
18
+ .pagelayer-add-ele span,
19
+ .pagelayer-add-widget-area p{
20
+ font-family: "Open Sans", Arial,Helvetica,sans-serif;
21
  }
22
 
23
  .pagelayer-empty-col{
52
  }
53
 
54
  .pagelayer-ele-hover, .pagelayer-drag-ele-hover{/* Both classes are same. but its just that during drag, we use the later */
55
+ outline:1px solid #277CF9;
56
  }
57
 
58
  .pagelayer-active{
59
+ outline:1px solid #7460EE;
60
  }
61
 
62
  .pagelayer-row-hover{
63
+ outline-color:#41A85F;
64
  outline-width:1px;
65
  }
66
 
67
  .pagelayer-col-hover{
68
+ outline-color:#905101;
69
  outline-width:1px;
70
  }
71
 
86
  display:inline-block !important;
87
  font-size:13px !important;
88
  padding:4px !important;
89
+ background:#277CF9;
90
  color:#fff ;
91
  }
92
 
93
  .pagelayer-eoi:hover{
94
+ background:#1c59b3;
95
  cursor: pointer;
96
  }
97
 
102
  }
103
 
104
  .pagelayer-row-option .pagelayer-eoi{
105
+ background:#41A85F;
106
+ }
107
+
108
+ .pagelayer-row-option .pagelayer-eoi:hover{
109
+ background:#27713d;
110
+ }
111
+
112
+ .pagelayer-col-option .pagelayer-eoi{
113
+ background:#905101;
114
  }
115
 
 
116
  .pagelayer-col-option .pagelayer-eoi:hover{
117
+ background:#5a3401;
118
  }
119
 
120
  .pagelayer-col-option{
124
  width: 21px;
125
  }
126
 
 
 
 
 
127
  .pagelayer-splash{
128
  background-image:url(../images/splash.png);
129
  height:30px;
149
  /* Right Click */
150
  .pagelayer-right-click-options{
151
  position:absolute;
152
+ background:#e9eaea;
153
  border-radius: 2px;
154
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
155
  z-index: 10;
156
+ border: 1px solid rgba(0,0,0,0.2);
157
+ width:135px;
158
  }
159
 
160
  .pagelayer-right-click-options ul{
164
  }
165
 
166
  .pagelayer-right-click-options a{
167
+ color: #4a4949;
168
+ padding: 5px 10px;
169
+ width: 100%;
170
+ display: block;
171
+ transition: all 0.2s;
172
+ }
173
+
174
+ .pagelayer-right-click-options a:hover{
175
+ background: #449D44;
176
+ color:#fff;
177
  }
178
 
179
  .pagelayer-right-click-options li{
180
+ border-bottom: 1px solid rgb(236, 236, 236);
181
+ font-size: 12px;
 
182
  font-family: Opensans, arial;
183
+ cursor:pointer;
184
+ }
185
+
186
+ .pagelayer-right-click-options .pagelayer-right-delete:hover {
187
+ background:#EF4D4D;
188
  }
189
 
190
  @media (min-width: 769px){
251
 
252
  .pagelayer-drag-prospect{
253
  height:1px;
254
+ background:#00BCD4;
255
  z-index: 1000;
256
  }
257
 
css/pagelayer-editor.css CHANGED
@@ -206,7 +206,7 @@ border:0px;
206
 
207
  /* Pagelayer Top Bar */
208
  .pagelayer-bottombar-holder{
209
- background: #f69c55;
210
  position:relative;
211
  }
212
 
@@ -221,19 +221,34 @@ cursor: pointer;
221
  border-radius: 2px;
222
  padding: 4px 8px;
223
  margin: auto 5px;
 
224
  }
225
 
226
- .pagelayer-update-button,
227
- .pagelayer-post-settings-apply{
 
 
 
 
228
  border: #398439 1px solid;
229
  color: #fff;
230
  background: #449d44;
231
  }
232
 
 
 
 
 
 
233
  .pagelayer-close-button{
234
- border: #CDCDCD 1px solid;
235
  color: #fff;
236
- background: #CDCDCD;
 
 
 
 
 
237
  }
238
 
239
  .pagelayer-mode-wrapper{
@@ -242,7 +257,6 @@ text-align:center;
242
  }
243
 
244
  .pagelayer-mode-wrapper i{
245
- cursor: pointer;
246
  padding: 8px;
247
  margin: auto 5px;
248
  }
@@ -326,7 +340,6 @@ background-color: transparent;
326
  }
327
 
328
  #pagelayer-elpd {
329
- background-color: #f1f1f1;
330
  display:none;
331
  color:#444;
332
  border: 1px solid #d3d3d3;
@@ -337,7 +350,6 @@ height: calc(100% - 50px) !important;
337
  }
338
 
339
  .pagelayer-elpd-header {
340
- background-color: #3e8ef7;
341
  border: none;
342
  color:#fff;
343
  }
@@ -367,17 +379,23 @@ border: none;
367
 
368
  .pagelayer-elpd-section-rows{
369
  background-color: #FFF;
 
370
  }
371
 
372
  .pagelayer-elpd-section-name{
373
  margin-top: 10px;
374
  padding: 11px 10px;
375
- border-bottom: 1px solid #d3d3d3;
376
  background-color: #FFF;
377
  font-size: 12px;
378
  font-weight: bold;
379
  color: #666;
380
  cursor: pointer;
 
 
 
 
 
 
381
  }
382
 
383
  .pagelayer-elpd-section-name:not(.pagelayer-elpd-section-open) .fa:before{
@@ -1439,7 +1457,6 @@ display: block;
1439
  text-align:center;
1440
  vertical-align:middle;
1441
  color:#fff;
1442
- background-color: #3e8ef7;
1443
  }
1444
 
1445
  .pagelayer-logo-text{
@@ -1462,19 +1479,40 @@ transform: translateY(-50%);
1462
  .pagelayer-leftbar{
1463
  width:270px !important;
1464
  padding-top:0;
1465
- background: #E3E3E3 !important;
1466
  overflow: hidden;
 
 
 
 
 
 
 
1467
  }
1468
 
1469
  .pagelayer-leftbar-search{
1470
  text-align:center;
1471
- padding: 10px 40px 10px 25px;
 
1472
  }
1473
 
1474
  .pagelayer-search-field{
1475
  width:100%;
1476
  line-height:120%;
1477
- padding:2px;
 
 
 
 
 
 
 
 
 
 
 
 
 
1478
  }
1479
 
1480
  .pagelayer-shortcodes{
@@ -1505,18 +1543,16 @@ margin: 5px;
1505
  .pagelayer-shortcode-drag, .pagelayer-shortcode-drag:hover{
1506
  width: 100px !important;
1507
  height:67px !important;
1508
- margin-bottom:6px;
1509
  margin-left:12px;
1510
  background-color:#FFFFFF;
1511
  border-radius: 4px;
1512
  float: left;
1513
- transition: all 0.3s;
1514
- border: 1px solid #ccc;
1515
  }
1516
 
1517
  .pagelayer-shortcode-drag:hover{
1518
- box-shadow: 2px 2px 2px #c6c6c6;
1519
- border-color: #00A0D2;
1520
  }
1521
 
1522
  .pagelayer-sc{
@@ -1541,7 +1577,7 @@ text-align:center;
1541
  transition:color .1s ease-in 0;
1542
  -webkit-font-smoothing:antialiased;
1543
  -moz-osx-font-smoothing:grayscale;
1544
- color: #777;
1545
  transition: all 0.3s;
1546
  }
1547
 
@@ -1570,7 +1606,7 @@ padding:1px;
1570
 
1571
  .pagelayer-shortcode-drag:hover .pagelayer-shortcode:before,
1572
  .pagelayer-shortcode-drag:hover .pagelayer-shortcode-text{
1573
- color: #00A0D2;
1574
  }
1575
 
1576
  /* Pagelayer Editor Icons */
206
 
207
  /* Pagelayer Top Bar */
208
  .pagelayer-bottombar-holder{
209
+ background: #212121;
210
  position:relative;
211
  }
212
 
221
  border-radius: 2px;
222
  padding: 4px 8px;
223
  margin: auto 5px;
224
+ outline:none;
225
  }
226
 
227
+ .pagelayer-bottombar-rightbuttons .fa{
228
+ color:#fff;
229
+ cursor: pointer;
230
+ }
231
+
232
+ .pagelayer-success-btn{
233
  border: #398439 1px solid;
234
  color: #fff;
235
  background: #449d44;
236
  }
237
 
238
+ .pagelayer-success-btn:hover{
239
+ background: #3a733a;
240
+ border-color: #3a733a;
241
+ }
242
+
243
  .pagelayer-close-button{
244
+ border: #ef4d4d 1px solid;
245
  color: #fff;
246
+ background: #ef4d4d;
247
+ }
248
+
249
+ .pagelayer-close-button:hover{
250
+ background: #c13030;
251
+ border-color: #c13030;
252
  }
253
 
254
  .pagelayer-mode-wrapper{
257
  }
258
 
259
  .pagelayer-mode-wrapper i{
 
260
  padding: 8px;
261
  margin: auto 5px;
262
  }
340
  }
341
 
342
  #pagelayer-elpd {
 
343
  display:none;
344
  color:#444;
345
  border: 1px solid #d3d3d3;
350
  }
351
 
352
  .pagelayer-elpd-header {
 
353
  border: none;
354
  color:#fff;
355
  }
379
 
380
  .pagelayer-elpd-section-rows{
381
  background-color: #FFF;
382
+ border-top: 1px solid #d3d3d3;
383
  }
384
 
385
  .pagelayer-elpd-section-name{
386
  margin-top: 10px;
387
  padding: 11px 10px;
 
388
  background-color: #FFF;
389
  font-size: 12px;
390
  font-weight: bold;
391
  color: #666;
392
  cursor: pointer;
393
+ transition: all 0.3s;
394
+ }
395
+
396
+ .pagelayer-elpd-section-name:hover,
397
+ .pagelayer-elpd-section-open{
398
+ color:#000000;
399
  }
400
 
401
  .pagelayer-elpd-section-name:not(.pagelayer-elpd-section-open) .fa:before{
1457
  text-align:center;
1458
  vertical-align:middle;
1459
  color:#fff;
 
1460
  }
1461
 
1462
  .pagelayer-logo-text{
1479
  .pagelayer-leftbar{
1480
  width:270px !important;
1481
  padding-top:0;
1482
+ background-color: #E3E3E3;
1483
  overflow: hidden;
1484
+ background: -moz-linear-gradient(224deg, rgba(222,222,222,1) 0%, rgba(191,202,214,1) 100%); /* ff3.6+ */
1485
+ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(191,202,214,1)), color-stop(100%, rgba(222,222,222,1))); /* safari4+,chrome */
1486
+ background: -webkit-linear-gradient(224deg, rgba(222,222,222,1) 0%, rgba(191,202,214,1) 100%); /* safari5.1+,chrome10+ */
1487
+ background: -o-linear-gradient(224deg, rgba(222,222,222,1) 0%, rgba(191,202,214,1) 100%); /* opera 11.10+ */
1488
+ background: -ms-linear-gradient(224deg, rgba(222,222,222,1) 0%, rgba(191,202,214,1) 100%); /* ie10+ */
1489
+ background: linear-gradient(226deg, rgba(222,222,222,1) 0%, rgba(191,202,214,1) 100%); /* w3c */
1490
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFCAD6', endColorstr='#DEDEDE',GradientType=1 ); /* ie6-9 */
1491
  }
1492
 
1493
  .pagelayer-leftbar-search{
1494
  text-align:center;
1495
+ margin: 20px 40px 10px 25px;
1496
+ position:relative;
1497
  }
1498
 
1499
  .pagelayer-search-field{
1500
  width:100%;
1501
  line-height:120%;
1502
+ padding: 5px 5px 5px 30px;
1503
+ border-radius: 5px;
1504
+ border: none;
1505
+ font-size: 14px;
1506
+ height:30px;
1507
+ }
1508
+
1509
+ .pagelayer-leftbar-search .fa{
1510
+ position: absolute;
1511
+ top: 0;
1512
+ height: 30px;
1513
+ padding: 0 7px;
1514
+ color: #666;
1515
+ line-height: 30px;
1516
  }
1517
 
1518
  .pagelayer-shortcodes{
1543
  .pagelayer-shortcode-drag, .pagelayer-shortcode-drag:hover{
1544
  width: 100px !important;
1545
  height:67px !important;
1546
+ margin-bottom:12px;
1547
  margin-left:12px;
1548
  background-color:#FFFFFF;
1549
  border-radius: 4px;
1550
  float: left;
1551
+ transition: all 0.1s;
 
1552
  }
1553
 
1554
  .pagelayer-shortcode-drag:hover{
1555
+ transform: scale(1.06);
 
1556
  }
1557
 
1558
  .pagelayer-sc{
1577
  transition:color .1s ease-in 0;
1578
  -webkit-font-smoothing:antialiased;
1579
  -moz-osx-font-smoothing:grayscale;
1580
+ color: #444;
1581
  transition: all 0.3s;
1582
  }
1583
 
1606
 
1607
  .pagelayer-shortcode-drag:hover .pagelayer-shortcode:before,
1608
  .pagelayer-shortcode-drag:hover .pagelayer-shortcode-text{
1609
+ color: #00A0D2;
1610
  }
1611
 
1612
  /* Pagelayer Editor Icons */
init.php CHANGED
@@ -5,7 +5,7 @@ if (!defined('ABSPATH')) exit;
5
 
6
  define('PAGELAYER_BASE', plugin_basename(__FILE__));
7
  define('PAGELAYER_FILE', __FILE__);
8
- define('PAGELAYER_VERSION', '0.9.7');
9
  define('PAGELAYER_DIR', WP_PLUGIN_DIR.'/'.basename(dirname(PAGELAYER_FILE)));
10
  define('PAGELAYER_SLUG', 'pagelayer');
11
  define('PAGELAYER_URL', plugins_url('', PAGELAYER_FILE));
5
 
6
  define('PAGELAYER_BASE', plugin_basename(__FILE__));
7
  define('PAGELAYER_FILE', __FILE__);
8
+ define('PAGELAYER_VERSION', '0.9.8');
9
  define('PAGELAYER_DIR', WP_PLUGIN_DIR.'/'.basename(dirname(PAGELAYER_FILE)));
10
  define('PAGELAYER_SLUG', 'pagelayer');
11
  define('PAGELAYER_URL', plugins_url('', PAGELAYER_FILE));
js/pagelayer-editor.js CHANGED
@@ -537,9 +537,9 @@ function pagelayer_empty_col(selector){
537
  // Column is becoming blank, so show add ele
538
  if(jEle.children().length < 1){
539
  //from.addClass('pagelayer-empty-col');
540
- jEle.append('<div class="pagelayer-add-ele pagelayer-ele-wrap"><i class="fa fa-plus"><br>Empty column please add something</div>');
541
- var h = jEle.parent().parent().children('.pagelayer-ele-overlay').height();
542
- jEle.children('.pagelayer-add-ele').height(h);
543
 
544
  // Any add ele sign with non-empty columns here ?
545
  }else if(jEle.children('.pagelayer-add-ele').length > 0){
@@ -974,10 +974,10 @@ function pagelayer_right_click(){
974
  var html = '<div class="pagelayer-right-click-options" style="display:none;">'+
975
  '<ul>'+
976
  '<li><a class="pagelayer-right-edit">Edit</a></li>'+
977
- '<li><a class="pagelayer-right-duplicate">Duplicate</a></li>'+
978
- '<li><a class="pagelayer-right-copy">Copy</a></li>'+
979
- '<li><a class="pagelayer-right-paste">Paste</a></li>'+
980
- '<li><a class="pagelayer-right-delete">Delete</a></li>'+
981
  '</ul>'+
982
  '</div>';
983
 
@@ -1002,7 +1002,7 @@ function pagelayer_right_click(){
1002
  var id = pagelayer_assign_id(jEle);
1003
  var tag = pagelayer_tag(jEle);
1004
 
1005
- $contextMenu.find('.pagelayer-right-edit').attr('onclick', 'pagelayer_edit_element("[pagelayer-id='+id+']")').html('Edit '+pagelayer_shortcodes[tag]['name']);
1006
  $contextMenu.find('.pagelayer-right-duplicate').attr('onclick', 'pagelayer_copy_element("[pagelayer-id='+id+']")');
1007
  $contextMenu.find('.pagelayer-right-copy').attr('onclick', 'pagelayer_copy_select("[pagelayer-id='+id+']")');
1008
  $contextMenu.find('.pagelayer-right-paste').attr('onclick', 'pagelayer_paste_element("[pagelayer-id='+id+']")');
@@ -2307,7 +2307,7 @@ function pagelayer_leftbar(){
2307
  '<div class="pagelayer-leftbar-scroll">'+
2308
  '<div id="pagelayer-shortcodes" class="pagelayer-leftbar-tab pagelayer-shortcodes">'+
2309
  '<div class="pagelayer-leftbar-search">'+
2310
- '<input class="pagelayer-search-field" />'+
2311
  '</div>';
2312
 
2313
  for(var x in pagelayer_groups){
@@ -2320,7 +2320,7 @@ function pagelayer_leftbar(){
2320
 
2321
  var sc = pagelayer_groups[x][y];
2322
 
2323
- if('not_visible' in pagelayer_shortcodes[sc]){
2324
  continue;
2325
  }
2326
 
@@ -2421,7 +2421,7 @@ function pagelayer_post_settings(){
2421
  '<div class="pagelayer-post-settings-fields">'+
2422
  '<label for="post_title">Post Title</label> '+
2423
  '<input type="text" name="post_title" value="'+ pagelayer_postTitle +'" id="title" spellcheck="true" autocomplete="off">'+
2424
- '<button class="pagelayer-post-settings-apply" disabled>Apply</button>'+
2425
  '</div>'+
2426
  '</div>';
2427
 
@@ -2941,7 +2941,7 @@ function pagelayer_bottombar(){
2941
  var holder = pagelayer.$$('.pagelayer-bottombar-holder');
2942
  var html = '<div class="pagelayer-bottombar">'+
2943
  '<div class="pagelayer-bottombar-rightbuttons">'+
2944
- '<button class="pagelayer-update-button">Update</button>'+
2945
  '<button class="pagelayer-close-button">Close</button>'+
2946
  '<div class="pagelayer-mode-wrapper">'+
2947
  '<i class="pagelayer-mode-button fa fa-desktop"></i>'+
537
  // Column is becoming blank, so show add ele
538
  if(jEle.children().length < 1){
539
  //from.addClass('pagelayer-empty-col');
540
+ jEle.append('<div class="pagelayer-add-ele pagelayer-ele-wrap"><i class="fa fa-plus"><br /><span>Empty column please Drag Widgets</span></i></div>');
541
+ //var h = jEle.parent().parent().children('.pagelayer-ele-overlay').height();
542
+ //jEle.children('.pagelayer-add-ele').height(h);
543
 
544
  // Any add ele sign with non-empty columns here ?
545
  }else if(jEle.children('.pagelayer-add-ele').length > 0){
974
  var html = '<div class="pagelayer-right-click-options" style="display:none;">'+
975
  '<ul>'+
976
  '<li><a class="pagelayer-right-edit">Edit</a></li>'+
977
+ '<li><a class="pagelayer-right-duplicate"><i class="fa fa-clone" /> Duplicate</a></li>'+
978
+ '<li><a class="pagelayer-right-copy"><i class="fa fa-files-o" /> Copy</a></li>'+
979
+ '<li><a class="pagelayer-right-paste"><i class="fa fa-clipboard" /> Paste</a></li>'+
980
+ '<li><a class="pagelayer-right-delete"><i class="fa fa-trash-o" /> Delete</a></li>'+
981
  '</ul>'+
982
  '</div>';
983
 
1002
  var id = pagelayer_assign_id(jEle);
1003
  var tag = pagelayer_tag(jEle);
1004
 
1005
+ $contextMenu.find('.pagelayer-right-edit').attr('onclick', 'pagelayer_edit_element("[pagelayer-id='+id+']")').html('<i class="fa fa-pencil-square-o" /> Edit '+pagelayer_shortcodes[tag]['name']);
1006
  $contextMenu.find('.pagelayer-right-duplicate').attr('onclick', 'pagelayer_copy_element("[pagelayer-id='+id+']")');
1007
  $contextMenu.find('.pagelayer-right-copy').attr('onclick', 'pagelayer_copy_select("[pagelayer-id='+id+']")');
1008
  $contextMenu.find('.pagelayer-right-paste').attr('onclick', 'pagelayer_paste_element("[pagelayer-id='+id+']")');
2307
  '<div class="pagelayer-leftbar-scroll">'+
2308
  '<div id="pagelayer-shortcodes" class="pagelayer-leftbar-tab pagelayer-shortcodes">'+
2309
  '<div class="pagelayer-leftbar-search">'+
2310
+ '<i class="fa fa-search" /><input class="pagelayer-search-field" />'+
2311
  '</div>';
2312
 
2313
  for(var x in pagelayer_groups){
2320
 
2321
  var sc = pagelayer_groups[x][y];
2322
 
2323
+ if(!(sc in pagelayer_shortcodes) || 'not_visible' in pagelayer_shortcodes[sc]){
2324
  continue;
2325
  }
2326
 
2421
  '<div class="pagelayer-post-settings-fields">'+
2422
  '<label for="post_title">Post Title</label> '+
2423
  '<input type="text" name="post_title" value="'+ pagelayer_postTitle +'" id="title" spellcheck="true" autocomplete="off">'+
2424
+ '<button class="pagelayer-post-settings-apply pagelayer-success-btn" disabled>Apply</button>'+
2425
  '</div>'+
2426
  '</div>';
2427
 
2941
  var holder = pagelayer.$$('.pagelayer-bottombar-holder');
2942
  var html = '<div class="pagelayer-bottombar">'+
2943
  '<div class="pagelayer-bottombar-rightbuttons">'+
2944
+ '<button class="pagelayer-update-button pagelayer-success-btn">Update</button>'+
2945
  '<button class="pagelayer-close-button">Close</button>'+
2946
  '<div class="pagelayer-mode-wrapper">'+
2947
  '<i class="pagelayer-mode-button fa fa-desktop"></i>'+
main/ajax.php CHANGED
@@ -709,18 +709,6 @@ function pagelayer_get_pages_list(){
709
  wp_die();
710
  }
711
 
712
- // Posts Slider
713
- add_action('wp_ajax_pagelayer_posts_slider_data', 'pagelayer_posts_slider_data');
714
- function pagelayer_posts_slider_data(){
715
-
716
- // Some AJAX security
717
- check_ajax_referer('pagelayer_ajax', 'pagelayer_nonce');
718
-
719
- // Load shortcodes
720
- echo pagelayer_posts_slider($_POST);
721
- wp_die();
722
- }
723
-
724
  // Get the data for template
725
  add_action('wp_ajax_pagelayer_search_ids', 'pagelayer_search_ids');
726
  function pagelayer_search_ids() {
709
  wp_die();
710
  }
711
 
 
 
 
 
 
 
 
 
 
 
 
 
712
  // Get the data for template
713
  add_action('wp_ajax_pagelayer_search_ids', 'pagelayer_search_ids');
714
  function pagelayer_search_ids() {
main/shortcode_functions.php CHANGED
@@ -884,6 +884,19 @@ function pagelayer_sc_grid_gallery(&$el){
884
  }
885
  }
886
 
 
 
 
 
 
 
 
 
 
 
 
 
 
887
 
888
  // Video Handler
889
  function pagelayer_sc_video(&$el){
884
  }
885
  }
886
 
887
+ // Testimonial Handler
888
+ function pagelayer_sc_testimonial(&$el){
889
+
890
+ $el['atts']['func_image'] = @$el['tmp']['avatar-'.$el['atts']['custom_size'].'-url'];
891
+ $el['atts']['func_image'] = empty($el['atts']['func_image']) ? @$el['tmp']['avatar-full-url'] : $el['atts']['func_image'];
892
+
893
+ if(!empty($image)){
894
+ foreach($image as $k => $v){
895
+ $el['tmp']['avatar-'.$k] = $v;
896
+ }
897
+ }
898
+
899
+ }
900
 
901
  // Video Handler
902
  function pagelayer_sc_video(&$el){
main/shortcodes.php CHANGED
@@ -4518,14 +4518,12 @@ pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_service', array(
4518
  'heading_color_hover' => array(
4519
  'type' => 'color',
4520
  'label' => __pl('service_heading_color'),
4521
- 'default' => '#3e8ef7',
4522
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
4523
  'show' => ['heading_state' => 'hover'],
4524
  ),
4525
  'heading_typo_hover' => array(
4526
  'type' => 'typography',
4527
  'label' => __pl('service_heading_typo'),
4528
- 'default' => ',28,,600,,,,,,,',
4529
  'screen' => 1,
4530
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'],
4531
  'show' => ['heading_state' => 'hover'],
@@ -4534,7 +4532,7 @@ pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_service', array(
4534
  //service content style
4535
  'service_content_style' =>[
4536
  'service_text_alignment' => array(
4537
- 'type' => 'select',
4538
  'label' => __pl('service_box_text_alignment'),
4539
  'default' => 'center',
4540
  'screen' => 1,
@@ -5064,14 +5062,12 @@ pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_iconbox', array(
5064
  'heading_color_hover' => array(
5065
  'type' => 'color',
5066
  'label' => __pl('service_heading_color'),
5067
- 'default' => '#3e8ef7',
5068
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
5069
  'show' => ['heading_state' => 'hover']
5070
  ),
5071
  'heading_typo_hover' => array(
5072
  'type' => 'typography',
5073
  'label' => __pl('service_heading_typo'),
5074
- 'default' => ',28,,600,,,,,,,',
5075
  'screen' => 1,
5076
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'],
5077
  'show' => ['heading_state' => 'hover']
@@ -5080,7 +5076,7 @@ pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_iconbox', array(
5080
  //service content style
5081
  'service_content_style' =>[
5082
  'service_text_alignment' => array(
5083
- 'type' => 'select',
5084
  'label' => __pl('alignment'),
5085
  'default' => 'center',
5086
  'screen' => 1,
4518
  'heading_color_hover' => array(
4519
  'type' => 'color',
4520
  'label' => __pl('service_heading_color'),
 
4521
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
4522
  'show' => ['heading_state' => 'hover'],
4523
  ),
4524
  'heading_typo_hover' => array(
4525
  'type' => 'typography',
4526
  'label' => __pl('service_heading_typo'),
 
4527
  'screen' => 1,
4528
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'],
4529
  'show' => ['heading_state' => 'hover'],
4532
  //service content style
4533
  'service_content_style' =>[
4534
  'service_text_alignment' => array(
4535
+ 'type' => 'radio',
4536
  'label' => __pl('service_box_text_alignment'),
4537
  'default' => 'center',
4538
  'screen' => 1,
5062
  'heading_color_hover' => array(
5063
  'type' => 'color',
5064
  'label' => __pl('service_heading_color'),
 
5065
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
5066
  'show' => ['heading_state' => 'hover']
5067
  ),
5068
  'heading_typo_hover' => array(
5069
  'type' => 'typography',
5070
  'label' => __pl('service_heading_typo'),
 
5071
  'screen' => 1,
5072
  'css' => ['{{element}}:hover .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'],
5073
  'show' => ['heading_state' => 'hover']
5076
  //service content style
5077
  'service_content_style' =>[
5078
  'service_text_alignment' => array(
5079
+ 'type' => 'radio',
5080
  'label' => __pl('alignment'),
5081
  'default' => 'center',
5082
  'screen' => 1,
pagelayer.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: PageLayer
4
  Plugin URI: http://wordpress.org/plugins/pagelayer/
5
  Description: PageLayer is a WordPress page builder plugin. Its very easy to use and very light on the browser.
6
- Version: 0.9.7
7
  Author: Pagelayer Team
8
  Author URI: https://pagelayer.com/
9
  License: LGPL v2.1
3
  Plugin Name: PageLayer
4
  Plugin URI: http://wordpress.org/plugins/pagelayer/
5
  Description: PageLayer is a WordPress page builder plugin. Its very easy to use and very light on the browser.
6
+ Version: 0.9.8
7
  Author: Pagelayer Team
8
  Author URI: https://pagelayer.com/
9
  License: LGPL v2.1
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: page builder, editor, landing page, drag-and-drop, pagelayer, softaculous,
4
  Requires at least: 4.7
5
  Tested up to: 5.2
6
  Requires PHP: 5.2.4
7
- Stable tag: 0.9.7
8
  License: LGPL v2.1
9
  License URI: http://www.gnu.org/licenses/lgpl-2.1.html
10
 
@@ -113,6 +113,15 @@ Do you have questions related to PageLayer ? Use the following links :
113
 
114
  == Changelog ==
115
 
 
 
 
 
 
 
 
 
 
116
  = 0.9.7 (August 13, 2019) =
117
  * [Feature] Introducing template feature which allows theme developers to make their themes with Pagelayer
118
  * [Feature] Added Settings in the editor to change the post title
4
  Requires at least: 4.7
5
  Tested up to: 5.2
6
  Requires PHP: 5.2.4
7
+ Stable tag: 0.9.8
8
  License: LGPL v2.1
9
  License URI: http://www.gnu.org/licenses/lgpl-2.1.html
10
 
113
 
114
  == Changelog ==
115
 
116
+ = 0.9.8 (August 13, 2019) =
117
+ * [Task] In the editor, improved the widget border colors for better user experience
118
+ * [Task] Improved the right click options UI and added icons
119
+ * [Task] The widget left bar has been improved
120
+ * [Task] Improved the search box UI in the left bar
121
+ * [Task] The widget properties UI has been improved
122
+ * [Task] The editor bottom bar UI has been improved
123
+ * [Bug Fix] Testimonial widget was not working. This is fixed.
124
+
125
  = 0.9.7 (August 13, 2019) =
126
  * [Feature] Introducing template feature which allows theme developers to make their themes with Pagelayer
127
  * [Feature] Added Settings in the editor to change the post title