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

Version Description

(Jan 25, 2022) = * [Task] Pagelayer has been tested with WordPress 5.9. * [Bug-Fix] In the vertical primary menu, mega menu position was not working properly. This is fixed.

Download this release

Release Info

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

Code changes from version 1.6.0 to 1.6.1

Files changed (9) hide show
  1. css/combined.css +2 -2
  2. css/pagelayer-frontend.css +2 -2
  3. init.php +1 -1
  4. js/properties.js +3 -3
  5. js/widgets.js +20 -1
  6. languages/en.json +1 -1
  7. main/import.php +1 -0
  8. pagelayer.php +1 -1
  9. readme.txt +92 -72
css/combined.css CHANGED
@@ -3425,7 +3425,7 @@ transform: perspective(400px);
3425
  }
3426
  }
3427
 
3428
- .pagelayer-menu-type-vertical.pagelayer-submenu-position-right .pagelayer-mega-menu,
3429
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-right .sub-menu{
3430
  position: absolute;
3431
  left: 100%;
@@ -3433,7 +3433,7 @@ top: 0;
3433
  right: auto;
3434
  }
3435
 
3436
- .pagelayer-menu-type-vertical.pagelayer-submenu-position-left .pagelayer-mega-menu,
3437
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-left .sub-menu{
3438
  position: absolute;
3439
  right: 100%;
3425
  }
3426
  }
3427
 
3428
+ .pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-right .pagelayer-mega-menu,
3429
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-right .sub-menu{
3430
  position: absolute;
3431
  left: 100%;
3433
  right: auto;
3434
  }
3435
 
3436
+ .pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-left .pagelayer-mega-menu,
3437
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-left .sub-menu{
3438
  position: absolute;
3439
  right: 100%;
css/pagelayer-frontend.css CHANGED
@@ -3425,7 +3425,7 @@ transform: perspective(400px);
3425
  }
3426
  }
3427
 
3428
- .pagelayer-menu-type-vertical.pagelayer-submenu-position-right .pagelayer-mega-menu,
3429
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-right .sub-menu{
3430
  position: absolute;
3431
  left: 100%;
@@ -3433,7 +3433,7 @@ top: 0;
3433
  right: auto;
3434
  }
3435
 
3436
- .pagelayer-menu-type-vertical.pagelayer-submenu-position-left .pagelayer-mega-menu,
3437
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-left .sub-menu{
3438
  position: absolute;
3439
  right: 100%;
3425
  }
3426
  }
3427
 
3428
+ .pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-right .pagelayer-mega-menu,
3429
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-right .sub-menu{
3430
  position: absolute;
3431
  left: 100%;
3433
  right: auto;
3434
  }
3435
 
3436
+ .pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-left .pagelayer-mega-menu,
3437
  .pagelayer-menu-type-vertical.pagelayer-submenu-position-left .sub-menu{
3438
  position: absolute;
3439
  right: 100%;
init.php CHANGED
@@ -5,7 +5,7 @@ if (!defined('ABSPATH')) exit;
5
 
6
  define('PAGELAYER_BASE', plugin_basename(PAGELAYER_FILE));
7
  define('PAGELAYER_PRO_BASE', 'pagelayer-pro/pagelayer-pro.php');
8
- define('PAGELAYER_VERSION', '1.6.0');
9
  define('PAGELAYER_DIR', dirname(PAGELAYER_FILE));
10
  define('PAGELAYER_SLUG', 'pagelayer');
11
  define('PAGELAYER_URL', plugins_url('', PAGELAYER_FILE));
5
 
6
  define('PAGELAYER_BASE', plugin_basename(PAGELAYER_FILE));
7
  define('PAGELAYER_PRO_BASE', 'pagelayer-pro/pagelayer-pro.php');
8
+ define('PAGELAYER_VERSION', '1.6.1');
9
  define('PAGELAYER_DIR', dirname(PAGELAYER_FILE));
10
  define('PAGELAYER_SLUG', 'pagelayer');
11
  define('PAGELAYER_URL', plugins_url('', PAGELAYER_FILE));
js/properties.js CHANGED
@@ -4706,6 +4706,9 @@ function pagelayer_elp_menus(row, prop){
4706
 
4707
  var createItemsList = function(menuID){
4708
 
 
 
 
4709
  if(!(menuID in pagelayer_menus_items_list)){
4710
  return;
4711
  }
@@ -4729,9 +4732,6 @@ function pagelayer_elp_menus(row, prop){
4729
  }
4730
  }
4731
 
4732
- // Remove previous items
4733
- row.find('.pagelayer-elp-menu-items-holder').empty();
4734
-
4735
  for(var i in top_level_elements){
4736
  show_item(top_level_elements[i], children_elements, 0);
4737
  }
4706
 
4707
  var createItemsList = function(menuID){
4708
 
4709
+ // Remove previous items
4710
+ row.find('.pagelayer-elp-menu-items-holder').empty();
4711
+
4712
  if(!(menuID in pagelayer_menus_items_list)){
4713
  return;
4714
  }
4732
  }
4733
  }
4734
 
 
 
 
4735
  for(var i in top_level_elements){
4736
  show_item(top_level_elements[i], children_elements, 0);
4737
  }
js/widgets.js CHANGED
@@ -959,7 +959,26 @@ function pagelayer_render_pl_wp_menu(el){
959
 
960
  var jEle = el.$;
961
  var menuID = el.atts['nav_list'];
962
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
963
  // Setting default toggle icon. If the icon is empty.
964
  if(pagelayer_empty(el.atts['menu_toggle_icon'])){
965
  el.atts['menu_toggle_icon'] = 'fas fa-bars';
959
 
960
  var jEle = el.$;
961
  var menuID = el.atts['nav_list'];
962
+ var parMenu = jEle.parent().closest('.pagelayer-wp_menu');
963
+
964
+ // If we are inside primary menu and have a same menu ID
965
+ if(parMenu.length > 0){
966
+
967
+ var parMenuID = pagelayer_get_att(parMenu, 'nav_list');
968
+
969
+ if(menuID == parMenuID){
970
+ pagelayer_show_msg('Not allowed same Menu inside the Primary menu widget!', 'warning');
971
+ pagelayer_set_atts(jEle, 'nav_list', '');
972
+ menuID = '';
973
+ }
974
+
975
+ }
976
+
977
+ if(pagelayer_empty(menuID)){
978
+ el.atts['nav_menu'] = 'Primary Menu Holder. Please select the correct menu.';
979
+ return;
980
+ }
981
+
982
  // Setting default toggle icon. If the icon is empty.
983
  if(pagelayer_empty(el.atts['menu_toggle_icon'])){
984
  el.atts['menu_toggle_icon'] = 'fas fa-bars';
languages/en.json CHANGED
@@ -1961,5 +1961,5 @@
1961
  "hide_text" : "Hide Text",
1962
  "column_menu" : "Column Menu",
1963
  "blend_mode" : "Blend Mode",
1964
- "menu_type_desc" : "If you change it from Mega Menu to another, The Mega Menu content will be deleted on update post."
1965
  }
1961
  "hide_text" : "Hide Text",
1962
  "column_menu" : "Column Menu",
1963
  "blend_mode" : "Blend Mode",
1964
+ "menu_type_desc" : "If you change it from Mega Menu to another, the Mega Menu content will be deleted on update post."
1965
  }
main/import.php CHANGED
@@ -1350,6 +1350,7 @@ function pagelayer_import_update_menus($menu_id, $pagelayer_theme_path = ''){
1350
 
1351
  if(isset($v['post_metas']['_pagelayer_content'])){
1352
  $mdata = pagelayer_import_handle_replaces($v['post_metas']['_pagelayer_content']);
 
1353
  update_post_meta($updated_nav, '_pagelayer_content', $mdata);
1354
  }
1355
  }
1350
 
1351
  if(isset($v['post_metas']['_pagelayer_content'])){
1352
  $mdata = pagelayer_import_handle_replaces($v['post_metas']['_pagelayer_content']);
1353
+ $mdata = pagelayer_sanitize_content($mdata);
1354
  update_post_meta($updated_nav, '_pagelayer_content', $mdata);
1355
  }
1356
  }
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: 1.6.0
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: 1.6.1
7
  Author: Pagelayer Team
8
  Author URI: https://pagelayer.com/
9
  License: LGPL v2.1
readme.txt CHANGED
@@ -1,100 +1,113 @@
1
- === Page Builder: PageLayer - Drag and Drop website builder ===
2
- Contributors: pagelayer
3
- Tags: page builder, editor, drag-and-drop, landing page, replace image, pagelayer, form-builder, popup, widgets, softaculous, visual editor, wysiwyg, design, maintenance mode, coming soon, under construction, website builder, landing page builder, front-end builder, site-builder
4
  Requires at least: 4.7
5
- Tested up to: 5.8
6
  Requires PHP: 5.5
7
- Stable tag: 1.6.0
8
  License: LGPL v2.1
9
  License URI: http://www.gnu.org/licenses/lgpl-2.1.html
10
 
11
- The most advanced frontend drag & drop page builder. PageLayer is a light weight but extremely powerful Website Builder. With PageLayer you can create great looking websites much faster. Works with any theme and any page.
12
 
13
  == Description ==
14
 
15
- https://www.youtube.com/watch?v=t8Iz-v-qce8
16
 
17
- Pagelayer is a WordPress page builder plugin. Its very easy to use and very light on the browser. Pagelayer works with any WordPress theme. Pagelayer is a real time editor and you can create beautiful web pages and web sites in a few minutes ! You dont need any programming knowledge when using Pagelayer. Pagelayer comes with top-notch features with a great UX and simple UI.
18
 
19
- [Home Page](https://pagelayer.com "PageLayer Homepage") | [Support](https://pagelayer.deskuss.com "PageLayer Support") | [Documents](http://pagelayer.com/docs "Documents")
20
 
 
21
 
22
- == Widgets ==
23
 
24
- We have large number of widgets so you can design your page by selecting the widget from widget area.
25
 
26
- == Drag & Drop Editor ==
27
 
28
- Design your page by dragging widgets from given choices of widget. You will be able to create amazing sections of your website much easily. And you can move them by simply dragging them.
29
 
30
- == Real Time Design ==
31
 
32
- Whenever you make changes on your page it gets updated instantly on your page. It helps you design your page quickly by saving your time.
 
33
 
34
- == In-line Editing ==
35
 
36
- Simply click on any text and by typing you can add your new text. A variety of header and text options enhance your experience as well.
37
 
38
- == Typography ==
39
 
40
- With this feature you can beautify your page content by changing font-size, weight, transform, decoration. You can also add google fonts to beautify content of page.
41
 
42
- == Duplicate ==
43
 
44
- Simply click on this option and it will create exact copy of existing element by saving your time.
45
 
46
- == Animation ==
47
 
48
- Create your page more attractive with animation effects that trigger when the element is in display area.
49
 
50
- == Styling Options ==
51
 
52
- With large number of styling options you can design your page the way you want such as: background overlay, background image, box shadow etc.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
 
54
- == Easily Customizable ==
55
 
56
- Each widget has multiple options to fully customize the widget such as change font colors, sizing and spacing.
57
 
58
- == Widgets in the Free Version ==
59
-
60
- * Row
61
- * Columns
62
- * Title
63
- * Rich Text
64
- * Quote
65
- * List
66
- * Icon
67
- * Badge
68
- * Tooltip
69
- * Image
70
- * Image Slider
71
- * Video
72
- * Grid Gallery
73
- * Button
74
- * Tabs
75
- * Accordion
76
- * Collapse
77
- * Image Box
78
- * Icon Box
79
- * Space
80
- * Embed
81
- * Shortcodes
82
- * Counter
83
- * Google Maps
84
- * Testimonial
85
- * Progress Bars
86
- * Color Block
87
- * Alert
88
- * Divider
89
- * Social Profile
90
- * Star Rating
91
- * Anchor
92
-
93
- And more are in the making !
94
 
95
  == Frequently Asked Questions ==
96
 
97
- Do you have questions related to PageLayer ? Use the following links :
98
 
99
  1. [Docs](http://pagelayer.com/docs)
100
  3. [Help Desk](https://pagelayer.deskuss.com)
@@ -102,15 +115,22 @@ Do you have questions related to PageLayer ? Use the following links :
102
 
103
  == Screenshots ==
104
 
105
- 1. **Widgets** You can drag and drop any widgets from the left menu.
106
- 2. **Quote Widget** Full width rows with a quote on the left and an image widget
107
- 3. **Image Slider** You can create beautiful sliders with Pagelayer. Its just a matter of choosing images. We also have multiple slider options.
108
- 4. **Image and Icon Box** Image and icon boxes can be created with overlays, etc.
109
- 5. **Image Widget** You can create image overlays with captions and also lightboxes with Pagelayer
110
- 6. **Sections** Pagelayer has a nice grid systems with rows and columns. You can create sections so much easily with Pagelayer
 
 
 
111
 
112
  == Changelog ==
113
 
 
 
 
 
114
  = 1.6.0 (Jan 03, 2022) =
115
  * [Feature] Added mega menu option in the primary menu widget. Now users can create a mega menu with the help of Pagelayer drag and drop feature.
116
  * [Improvement] Slides widget has been further improved as a content slider. Now users can design the slides with the help of Pagelayer drag and drop feature.
@@ -730,8 +750,8 @@ Do you have questions related to PageLayer ? Use the following links :
730
 
731
  = 0.9.4 (May 7, 2019) =
732
  * [Feature] Added Inner Row which allows to create columns within columns for complex designs
733
- * [Task] The PageLayer Admin JS and CSS was loaded everywhere in the admin panel. This is fixed.
734
- * [Bug-Fix] The PageLayer rating message was not dismissable. This is fixed.
735
 
736
 
737
  = 0.9.3 (Apr 22, 2019) =
1
+ === Page Builder: Pagelayer - Drag and Drop website builder ===
2
+ Contributors: pagelayer, softaculous
3
+ Tags: page builder, editor, drag and drop, form builder, landing page, responsive, woocommerce, website builder, website design, visual editor, maintenance mode, wysiwyg, page editor, front end, parallax design, widgets, block, button, category, contact, contact form, e-commerce, facebook, form, gallery, image, import, coming soon, links, menu, mega menu, multisite, site builder, fast performance, plugin, popup, post, SEO, shortcode, sidebar, slider, social, tags, themes, Twitter, video, widget, youtube, header, footer, portfolio, custom, color, full site editing, sticky post, template, under construction, grid layout, popular, page, softaculous, design
4
  Requires at least: 4.7
5
+ Tested up to: 5.9
6
  Requires PHP: 5.5
7
+ Stable tag: 1.6.1
8
  License: LGPL v2.1
9
  License URI: http://www.gnu.org/licenses/lgpl-2.1.html
10
 
11
+ The most advanced frontend drag & drop page builder. Pagelayer is a light weight but extremely powerful Website Builder. With Pagelayer you can create great looking websites much faster. Works with any theme and any page.
12
 
13
  == Description ==
14
 
15
+ Presenting you Pagelayer a WordPress Website builder. Whether you're a beginner or a professional, Pagelayer is built for delivering the best designing experience and fast performance that you will fall in love with.
16
 
17
+ https://youtu.be/TXcYHXFcUi0
18
 
19
+ Pagelayer is an awesome page builder that allows you to create and design your website instantly in the simplest way possible. Take control over your page content with the most advanced page builder plugin available. With Pagelayer, you can create just about everything !
20
 
21
+ [Home Page](https://pagelayer.com "Pagelayer Homepage") | [Support](https://pagelayer.deskuss.com "Pagelayer Support") | [Documents](http://pagelayer.com/docs "Documents")
22
 
23
+ == Next generation Drag & Drop Editor ==
24
 
25
+ Now making your imagined website designs is as simple as just a few drag and drop made possible only with Pagelayer. A next-generation page builder with so many features and functionality and as easy as a piece of cake without the need of technical knowledge.
26
 
27
+ == Widgets for every design ==
28
 
29
+ Thinking if the design in your mind is possible 🤔? Yes! it is now possible with Pagelayer. We have a large number of widgets (100+) to choose and design from, be it a blog, portfolio, corporate, e-commerce or any other category. With Pagelayer everything is possible. To learn about widgets visit [here.](https://pagelayer.com/widgets/)
30
 
31
+ == Stunning Experience with Real-Time Design ==
32
 
33
+ Designing is no fun if we have to refresh the page to see the changes being applied😥. Say no to reloads. Pagelayer builder is a real-time builder so whenever you make changes on your page it gets updated instantly on the preview in the editor so you can check how the changes look. It helps you design your page quickly by saving your time.
34
+ No more disjointed experience, build and edit everything right in front of your eyes.
35
 
36
+ == E-Commerce website designing ==
37
 
38
+ Turn your website into an eCommerce machine with innovative tools and widgets to create an online shopping experience: product catalogs, product pages or shopping carts.
39
 
40
+ == Advanced In-line Editing ==
41
 
42
+ Experience the all-new [PEN editor](https://youtu.be/x5gVx2g6DhA) a next-generation text editor. Simply click on any text and start typing edit the existing text or add your custom text. A variety of header and text options enhance your experience as well.
43
 
44
+ == Responsiveness for all device ==
45
 
46
+ With Pagelayer responsive design is now made easy no coding, no hassle just a few tweaks and your website is ready to render as per your desired setting on any kind of device. Manage responsiveness for typography, color, padding, and all settings for tablet and mobile.
47
 
48
+ == Cloning made easy ==
49
 
50
+ Now save time by just a click of a mouse, need to clone a section? or a page? or a post? no worries Pagelayer got you covered. Leave duplicating to Pagelayer the all-new advanced real-time builder.
51
 
52
+ = 30+ Free Widgets and adding more =
53
 
54
+ * **Row**
55
+ * **Columns**
56
+ * **Title**
57
+ * **Rich Text**
58
+ * **Quote**
59
+ * **List**
60
+ * **Icon**
61
+ * **Badge**
62
+ * **Tooltip**
63
+ * **Image**
64
+ * **Image Slider**
65
+ * **Video**
66
+ * **Grid Gallery**
67
+ * **Button**
68
+ * **Tabs**
69
+ * **Accordion**
70
+ * **Collapse**
71
+ * **Image Box**
72
+ * **Icon Box**
73
+ * **Space**
74
+ * **Embed**
75
+ * **Shortcodes**
76
+ * **Counter**
77
+ * **Google Maps**
78
+ * **Testimonial**
79
+ * **Progress Bars**
80
+ * **Color Block**
81
+ * **Alert**
82
+ * **Divider**
83
+ * **Social Profile**
84
+ * **Star Rating**
85
+ * **Anchor**
86
+ * **And counting...**
87
 
88
+ == Unlock the BEST with Pagelayer PREMIUM ==
89
 
90
+ The most powerful and professional website builder unlocks the beast with pro [features]{https://pagelayer.com/features/} that will improve your website performance and designing experience to the next level. Get access to more professional widgets, options, and tools to get recognized.
91
 
92
+ ** There are many features to improve your website **
93
+ * [Sticky header](https://pagelayer.com/docs/how-tos/make-header-sticky/)
94
+ * [Motion Effects](https://pagelayer.com/docs/how-tos/how-to-use-motion-effects/)
95
+ * [Mega Menu](https://pagelayer.com/docs/how-tos/how-to-create-a-mega-menu)
96
+ * [Infinite Scroll](https://pagelayer.com/docs/how-tos/how-to-enable-infinte-scroll-for-the-posts)
97
+ * [Call to Action](https://pagelayer.com/docs/pagelayer-pro-widgets/call-to-action/)
98
+ * [Contact Form](https://pagelayer.com/docs/pagelayer-pro-widgets/contact-form/)
99
+ * [Image Hotspot](https://pagelayer.com/docs/pagelayer-pro-widgets/image-hotspot)
100
+ * [Table](https://pagelayer.com/docs/pagelayer-pro-widgets/table/)
101
+ * [Modal](https://pagelayer.com/docs/pagelayer-pro-widgets/modal/)
102
+ * [Popup Builder](https://pagelayer.com/docs/getting-started/pagelayer-popup-template-builder/)
103
+ * [TimeLine](https://pagelayer.com/docs/pagelayer-pro-widgets/timeline/)
104
+ * [Slides](https://pagelayer.com/docs/pagelayer-pro-widgets/slides/)
105
+ * [List of Premium widgets](https://pagelayer.com/docs/pagelayer-pro-widgets/)
106
+ * **Adding More...**
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
107
 
108
  == Frequently Asked Questions ==
109
 
110
+ Do you have questions related to Pagelayer? Use the following links :
111
 
112
  1. [Docs](http://pagelayer.com/docs)
113
  3. [Help Desk](https://pagelayer.deskuss.com)
115
 
116
  == Screenshots ==
117
 
118
+ 1. **Drag & Drop** widgets from the left panel and edit them easily.
119
+ 2. **Mega Menu** is now easy and hassle-free without extra plugin installation.
120
+ 3. **Resize Control** makes perfect pixel designing even easier and more peaceful.
121
+ 4. **Shapes divider** is now the new trend, and with Pagelayer choose from 100+ possibilities.
122
+ 5. **Motion Effect** make your website look cooler with various types of effects.
123
+ 6. **Responsive** designing just got better make your website pixel perfect on all types of device available.
124
+ 7. **E-Commerce** website is now easier to edit and update as per your choice, no more default designs!.
125
+ 8. **A to Z** custom design no more sluggish template, get 100% control on all templates.
126
+ 9. **Content Slides** can be designed without the effort of installing extra plugins.
127
 
128
  == Changelog ==
129
 
130
+ = 1.6.1 (Jan 25, 2022) =
131
+ * [Task] Pagelayer has been tested with WordPress 5.9.
132
+ * [Bug-Fix] In the vertical primary menu, mega menu position was not working properly. This is fixed.
133
+
134
  = 1.6.0 (Jan 03, 2022) =
135
  * [Feature] Added mega menu option in the primary menu widget. Now users can create a mega menu with the help of Pagelayer drag and drop feature.
136
  * [Improvement] Slides widget has been further improved as a content slider. Now users can design the slides with the help of Pagelayer drag and drop feature.
750
 
751
  = 0.9.4 (May 7, 2019) =
752
  * [Feature] Added Inner Row which allows to create columns within columns for complex designs
753
+ * [Task] The Pagelayer Admin JS and CSS was loaded everywhere in the admin panel. This is fixed.
754
+ * [Bug-Fix] The Pagelayer rating message was not dismissable. This is fixed.
755
 
756
 
757
  = 0.9.3 (Apr 22, 2019) =