Addons for WPBakery Page Builder - Version 1.9.1

Version Description

  • Rolled back Update done to WayPoints script since WPBakery Page Builder is yet to upgrade to new version. Some reports have come in which suggests that the change broke some pages with certain WPBakery page builder elements.
Download this release

Release Info

Developer livemesh
Plugin Icon 128x128 Addons for WPBakery Page Builder
Version 1.9.1
Comparing to
See all releases

Code changes from version 1.8.2 to 1.9.1

Files changed (38) hide show
  1. admin/admin-init.php +6 -6
  2. admin/assets/css/lvca-admin.css +29 -20
  3. admin/assets/css/lvca-admin.css.map +1 -1
  4. admin/assets/css/lvca-admin.scss +30 -20
  5. admin/assets/images/logo-dark.png +0 -0
  6. admin/assets/images/logo-light.png +0 -0
  7. admin/notices/templates/rate.php +1 -1
  8. admin/views/admin-banner1.php +1 -1
  9. admin/views/admin-banner2.php +1 -1
  10. admin/views/admin-banner3.php +1 -1
  11. admin/views/documentation.php +83 -71
  12. admin/views/premium-upgrade.php +35 -35
  13. admin/views/settings.php +16 -16
  14. assets/js/isotope.pkgd.js +2960 -2960
  15. assets/js/isotope.pkgd.min.js +1 -1
  16. assets/js/jquery.waypoints.js +467 -467
  17. includes/addons/accordion/class-lvca-accordion.php +4 -4
  18. includes/addons/carousel/class-lvca-carousel.php +6 -6
  19. includes/addons/clients/class-lvca-clients.php +4 -4
  20. includes/addons/heading/class-lvca-heading.php +3 -3
  21. includes/addons/odometers/class-lvca-odometers.php +4 -4
  22. includes/addons/odometers/js/odometer.min.js +1 -1
  23. includes/addons/piecharts/class-lvca-piecharts.php +4 -4
  24. includes/addons/piecharts/js/piechart.min.js +1 -1
  25. includes/addons/portfolio/class-lvca-portfolio.php +11 -11
  26. includes/addons/posts-carousel/class-lvca-posts-carousel.php +3 -3
  27. includes/addons/pricing-table/class-lvca-pricing-table.php +4 -4
  28. includes/addons/services/class-lvca-services.php +4 -4
  29. includes/addons/spacer/class-lvca-spacer.php +3 -3
  30. includes/addons/stats-bar/class-lvca-stats-bar.php +4 -4
  31. includes/addons/stats-bar/js/stats-bar.min.js +1 -1
  32. includes/addons/tabs/class-lvca-tabs.php +4 -4
  33. includes/addons/team/class-lvca-team.php +5 -5
  34. includes/addons/testimonials-slider/class-lvca-testimonials-slider.php +5 -5
  35. includes/addons/testimonials/class-lvca-testimonials.php +5 -5
  36. includes/interfaces.php +1 -1
  37. livemesh-vc-addons.php +11 -11
  38. readme.txt +59 -49
admin/admin-init.php CHANGED
@@ -54,7 +54,7 @@ class LVCA_Admin {
54
55
public function remove_admin_notices($screen) {
56
57
- // If this screen is Livemesh VC Addons plugin options page, remove annoying admin notices
58
if (strpos($screen->id, $this->plugin_slug) !== false) {
59
add_action('admin_notices', array(&$this, 'remove_notices_start'));
60
add_action('admin_notices', array(&$this, 'remove_notices_end'), 999);
@@ -79,8 +79,8 @@ class LVCA_Admin {
79
public function add_plugin_admin_menu() {
80
81
add_menu_page(
82
- 'Visual Composer Addons',
83
- __('VC Addons', 'livemesh-vc-addons'),
84
'manage_options',
85
$this->plugin_slug,
86
array($this, 'display_settings_page'),
@@ -90,7 +90,7 @@ class LVCA_Admin {
90
// add plugin settings submenu page
91
add_submenu_page(
92
$this->plugin_slug,
93
- 'VC Addons Settings',
94
__('Settings', 'livemesh-vc-addons'),
95
'manage_options',
96
$this->plugin_slug,
@@ -100,7 +100,7 @@ class LVCA_Admin {
100
// add import/export submenu page
101
add_submenu_page(
102
$this->plugin_slug,
103
- 'VC Addons Documentation',
104
__('Documentation', 'livemesh-vc-addons'),
105
'manage_options',
106
$this->plugin_slug . '_documentation',
@@ -159,7 +159,7 @@ class LVCA_Admin {
159
// get current admin screen
160
$screen = get_current_screen();
161
162
- // If screen is a part of Livemesh Visual Composer Addons plugin options page
163
if (strpos($screen->id, $this->plugin_slug) !== false) {
164
165
wp_enqueue_script('jquery-ui-datepicker');
54
55
public function remove_admin_notices($screen) {
56
57
+ // If this screen is Livemesh Addons plugin options page, remove annoying admin notices
58
if (strpos($screen->id, $this->plugin_slug) !== false) {
59
add_action('admin_notices', array(&$this, 'remove_notices_start'));
60
add_action('admin_notices', array(&$this, 'remove_notices_end'), 999);
79
public function add_plugin_admin_menu() {
80
81
add_menu_page(
82
+ 'WPBakery Page Builder Addons',
83
+ __('WPBakery Addons', 'livemesh-vc-addons'),
84
'manage_options',
85
$this->plugin_slug,
86
array($this, 'display_settings_page'),
90
// add plugin settings submenu page
91
add_submenu_page(
92
$this->plugin_slug,
93
+ 'WPBakery Page Builder Addons Settings',
94
__('Settings', 'livemesh-vc-addons'),
95
'manage_options',
96
$this->plugin_slug,
100
// add import/export submenu page
101
add_submenu_page(
102
$this->plugin_slug,
103
+ 'WPBakery Page Builder Addons Documentation',
104
__('Documentation', 'livemesh-vc-addons'),
105
'manage_options',
106
$this->plugin_slug . '_documentation',
159
// get current admin screen
160
$screen = get_current_screen();
161
162
+ // If screen is a part of Livemesh WPBakery Page Builder Addons plugin options page
163
if (strpos($screen->id, $this->plugin_slug) !== false) {
164
165
wp_enqueue_script('jquery-ui-datepicker');
admin/assets/css/lvca-admin.css CHANGED
@@ -1,4 +1,10 @@
1
- /* =============== Visual Composer Elements ==================== */
2
[class*=vc_element-icon][class*=icon-lvca-] {
3
background-position: 0 0 !important;
4
background-size: contain; }
@@ -7,31 +13,31 @@ input[type=number].wpb_vc_param_value.lvca_number {
7
max-width: 100px;
8
margin-right: 10px; }
9
10
- .icon-lvca-services.vc_element-icon {
11
background-image: url(../images/admin/services.png); }
12
13
.icon-lvca-service.vc_element-icon {
14
background-image: url(../images/admin/service-add.png); }
15
16
- .icon-lvca-statsbars.vc_element-icon {
17
background-image: url(../images/admin/stats-bar.png); }
18
19
.icon-lvca-statsbar.vc_element-icon {
20
background-image: url(../images/admin/stats-bar.png); }
21
22
- .icon-lvca-piecharts.vc_element-icon {
23
background-image: url(../images/admin/piecharts.png); }
24
25
.icon-lvca-piechart.vc_element-icon {
26
background-image: url(../images/admin/piechart-add.png); }
27
28
- .icon-lvca-odometers.vc_element-icon {
29
background-image: url(../images/admin/odometers.png); }
30
31
.icon-lvca-odometer.vc_element-icon {
32
background-image: url(../images/admin/odometer-add.png); }
33
34
- .icon-lvca-clients.vc_element-icon {
35
background-image: url(../images/admin/clients.png); }
36
37
.icon-lvca-client.vc_element-icon {
@@ -40,25 +46,25 @@ input[type=number].wpb_vc_param_value.lvca_number {
40
.icon-lvca-heading.vc_element-icon {
41
background-image: url(../images/admin/heading.png); }
42
43
- .icon-lvca-team.vc_element-icon {
44
background-image: url(../images/admin/team.png); }
45
46
.icon-lvca-team-member.vc_element-icon {
47
background-image: url(../images/admin/team-member-add.png); }
48
49
- .icon-lvca-testimonials.vc_element-icon {
50
background-image: url(../images/admin/testimonials.png); }
51
52
.icon-lvca-testimonial.vc_element-icon {
53
background-image: url(../images/admin/testimonial-add.png); }
54
55
- .icon-lvca-testimonials-slider.vc_element-icon {
56
background-image: url(../images/admin/testimonials-slider.png); }
57
58
.icon-lvca-testimonials-slide.vc_element-icon {
59
background-image: url(../images/admin/testimonials-slider-add.png); }
60
61
- .icon-lvca-carousel.vc_element-icon {
62
background-image: url(../images/admin/generic-carousel.png); }
63
64
.icon-lvca-carousel-item.vc_element-icon {
@@ -70,7 +76,10 @@ input[type=number].wpb_vc_param_value.lvca_number {
70
.icon-lvca-portfolio.vc_element-icon {
71
background-image: url(../images/admin/grid-alt.png); }
72
73
- .icon-lvca-pricing-table.vc_element-icon {
74
background-image: url(../images/admin/pricing-table.png); }
75
76
.icon-lvca-pricing.vc_element-icon {
@@ -79,13 +88,13 @@ input[type=number].wpb_vc_param_value.lvca_number {
79
.icon-lvca-spacer.vc_element-icon {
80
background-image: url(../images/admin/spacer.png); }
81
82
- .icon-lvca-accordion.vc_element-icon {
83
background-image: url(../images/admin/accordion.png); }
84
85
.icon-lvca-panel.vc_element-icon {
86
background-image: url(../images/admin/accordion-add.png); }
87
88
- .icon-lvca-tabs.vc_element-icon {
89
background-image: url(../images/admin/tabs.png); }
90
91
.icon-lvca-tab.vc_element-icon {
@@ -94,13 +103,13 @@ input[type=number].wpb_vc_param_value.lvca_number {
94
.icon-lvca-countdown.vc_element-icon {
95
background-image: url(../images/admin/countdown.png); }
96
97
- .icon-lvca-features.vc_element-icon {
98
background-image: url(../images/admin/features.png); }
99
100
.icon-lvca-feature-add.vc_element-icon {
101
background-image: url(../images/admin/feature-add.png); }
102
103
- .icon-lvca-faq.vc_element-icon {
104
background-image: url(../images/admin/faq.png); }
105
106
.icon-lvca-faq-add.vc_element-icon {
@@ -109,28 +118,28 @@ input[type=number].wpb_vc_param_value.lvca_number {
109
.icon-lvca-button.vc_element-icon {
110
background-image: url(../images/admin/button.png); }
111
112
- .icon-lvca-gallery.vc_element-icon {
113
background-image: url(../images/admin/gallery.png); }
114
115
.icon-lvca-gallery-add.vc_element-icon {
116
background-image: url(../images/admin/gallery-add.png); }
117
118
- .icon-lvca-gallery-carousel.vc_element-icon {
119
background-image: url(../images/admin/carousel.png); }
120
121
- .icon-lvca-image-slider.vc_element-icon {
122
background-image: url(../images/admin/sliders2.png); }
123
124
.icon-lvca-image-slider-add.vc_element-icon {
125
background-image: url(../images/admin/slider-add2.png); }
126
127
- .icon-lvca-slider.vc_element-icon {
128
background-image: url(../images/admin/sliders.png); }
129
130
.icon-lvca-slider-add.vc_element-icon {
131
background-image: url(../images/admin/slider-add.png); }
132
133
- .icon-lvca-icons.vc_element-icon {
134
background-image: url(../images/admin/icons.png); }
135
136
.icon-lvca-icon-add.vc_element-icon {
1
+ .wrap.lvca-license-wrap form.lvca-license-box {
2
+ max-width: 700px;
3
+ background: white;
4
+ margin: 20px 0;
5
+ padding: 20px 30px; }
6
+
7
+ /* =============== WPBakery Page Builder Elements ==================== */
8
[class*=vc_element-icon][class*=icon-lvca-] {
9
background-position: 0 0 !important;
10
background-size: contain; }
13
max-width: 100px;
14
margin-right: 10px; }
15
16
+ .icon-lvca-services.vc_element-icon[data-is-container=true] {
17
background-image: url(../images/admin/services.png); }
18
19
.icon-lvca-service.vc_element-icon {
20
background-image: url(../images/admin/service-add.png); }
21
22
+ .icon-lvca-statsbars.vc_element-icon[data-is-container=true] {
23
background-image: url(../images/admin/stats-bar.png); }
24
25
.icon-lvca-statsbar.vc_element-icon {
26
background-image: url(../images/admin/stats-bar.png); }
27
28
+ .icon-lvca-piecharts.vc_element-icon[data-is-container=true] {
29
background-image: url(../images/admin/piecharts.png); }
30
31
.icon-lvca-piechart.vc_element-icon {
32
background-image: url(../images/admin/piechart-add.png); }
33
34
+ .icon-lvca-odometers.vc_element-icon[data-is-container=true] {
35
background-image: url(../images/admin/odometers.png); }
36
37
.icon-lvca-odometer.vc_element-icon {
38
background-image: url(../images/admin/odometer-add.png); }
39
40
+ .icon-lvca-clients.vc_element-icon[data-is-container=true] {
41
background-image: url(../images/admin/clients.png); }
42
43
.icon-lvca-client.vc_element-icon {
46
.icon-lvca-heading.vc_element-icon {
47
background-image: url(../images/admin/heading.png); }
48
49
+ .icon-lvca-team.vc_element-icon[data-is-container=true] {
50
background-image: url(../images/admin/team.png); }
51
52
.icon-lvca-team-member.vc_element-icon {
53
background-image: url(../images/admin/team-member-add.png); }
54
55
+ .icon-lvca-testimonials.vc_element-icon[data-is-container=true] {
56
background-image: url(../images/admin/testimonials.png); }
57
58
.icon-lvca-testimonial.vc_element-icon {
59
background-image: url(../images/admin/testimonial-add.png); }
60
61
+ .icon-lvca-testimonials-slider.vc_element-icon[data-is-container=true] {
62
background-image: url(../images/admin/testimonials-slider.png); }
63
64
.icon-lvca-testimonials-slide.vc_element-icon {
65
background-image: url(../images/admin/testimonials-slider-add.png); }
66
67
+ .icon-lvca-carousel.vc_element-icon[data-is-container=true] {
68
background-image: url(../images/admin/generic-carousel.png); }
69
70
.icon-lvca-carousel-item.vc_element-icon {
76
.icon-lvca-portfolio.vc_element-icon {
77
background-image: url(../images/admin/grid-alt.png); }
78
79
+ .icon-lvca-posts-block.vc_element-icon {
80
+ background-image: url(../images/admin/grid.png); }
81
+
82
+ .icon-lvca-pricing-table.vc_element-icon[data-is-container=true] {
83
background-image: url(../images/admin/pricing-table.png); }
84
85
.icon-lvca-pricing.vc_element-icon {
88
.icon-lvca-spacer.vc_element-icon {
89
background-image: url(../images/admin/spacer.png); }
90
91
+ .icon-lvca-accordion.vc_element-icon[data-is-container=true] {
92
background-image: url(../images/admin/accordion.png); }
93
94
.icon-lvca-panel.vc_element-icon {
95
background-image: url(../images/admin/accordion-add.png); }
96
97
+ .icon-lvca-tabs.vc_element-icon[data-is-container=true] {
98
background-image: url(../images/admin/tabs.png); }
99
100
.icon-lvca-tab.vc_element-icon {
103
.icon-lvca-countdown.vc_element-icon {
104
background-image: url(../images/admin/countdown.png); }
105
106
+ .icon-lvca-features.vc_element-icon[data-is-container=true] {
107
background-image: url(../images/admin/features.png); }
108
109
.icon-lvca-feature-add.vc_element-icon {
110
background-image: url(../images/admin/feature-add.png); }
111
112
+ .icon-lvca-faq.vc_element-icon[data-is-container=true] {
113
background-image: url(../images/admin/faq.png); }
114
115
.icon-lvca-faq-add.vc_element-icon {
118
.icon-lvca-button.vc_element-icon {
119
background-image: url(../images/admin/button.png); }
120
121
+ .icon-lvca-gallery.vc_element-icon[data-is-container=true] {
122
background-image: url(../images/admin/gallery.png); }
123
124
.icon-lvca-gallery-add.vc_element-icon {
125
background-image: url(../images/admin/gallery-add.png); }
126
127
+ .icon-lvca-gallery-carousel.vc_element-icon[data-is-container=true] {
128
background-image: url(../images/admin/carousel.png); }
129
130
+ .icon-lvca-image-slider.vc_element-icon[data-is-container=true] {
131
background-image: url(../images/admin/sliders2.png); }
132
133
.icon-lvca-image-slider-add.vc_element-icon {
134
background-image: url(../images/admin/slider-add2.png); }
135
136
+ .icon-lvca-slider.vc_element-icon[data-is-container=true] {
137
background-image: url(../images/admin/sliders.png); }
138
139
.icon-lvca-slider-add.vc_element-icon {
140
background-image: url(../images/admin/slider-add.png); }
141
142
+ .icon-lvca-icons.vc_element-icon[data-is-container=true] {
143
background-image: url(../images/admin/icons.png); }
144
145
.icon-lvca-icon-add.vc_element-icon {
admin/assets/css/lvca-admin.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["lvca-admin.scss"],"names":[],"mappings":"AAEA,mEAAmE;AAGnE;EACE,oCAAmC;EACnC,yBAAwB,EAAA;;AAG1B;EACE,iBAAgB;EAChB,mBAAkB,EAAA;;AAGpB;EACE,oDAAmD,EAAA;;AAGrD;EACE,uDAAsD,EAAA;;AAGxD;EACE,qDAAoD,EAAA;;AAGtD;EACE,qDAAoD,EAAA;;AAGtD;EACE,qDAAoD,EAAA;;AAGtD;EACE,wDAAuD,EAAA;;AAGzD;EACE,qDAAoD,EAAA;;AAGtD;EACE,wDAAuD,EAAA;;AAGzD;EACE,mDAAkD,EAAA;;AAGpD;EACE,sDAAqD,EAAA;;AAGvD;EACE,mDAAkD,EAAA;;AAGpD;EACE,gDAA+C,EAAA;;AAGjD;EACE,2DAA0D,EAAA;;AAG5D;EACE,wDAAuD,EAAA;;AAGzD;EACE,2DAA0D,EAAA;;AAG5D;EACE,+DAA8D,EAAA;;AAGhE;EACE,mEAAkE,EAAA;;AAGpE;EACE,4DAA2D,EAAA;;AAG7D;EACE,wDAAuD,EAAA;;AAGzD;EACE,0DAAyD,EAAA;;AAG3D;EACE,oDAAmD,EAAA;;AAGrD;EACE,yDAAwD,EAAA;;AAG1D;EACE,wDAAuD,EAAA;;AAGzD;EACE,kDAAiD,EAAA;;AAGnD;EACE,qDAAoD,EAAA;;AAGtD;EACE,yDAAwD,EAAA;;AAG1D;EACE,gDAA+C,EAAA;;AAGjD;EACE,mDAAkD,EAAA;;AAGpD;EACE,qDAAoD,EAAA;;AAGtD;EACE,oDAAmD,EAAA;;AAGrD;EACE,uDAAsD,EAAA;;AAGxD;EACE,+CAA8C,EAAA;;AAGhD;EACE,mDAAkD,EAAA;;AAGpD;EACE,kDAAiD,EAAA;;AAGnD;EACE,mDAAkD,EAAA;;AAGpD;EACE,uDAAsD,EAAA;;AAGxD;EACE,oDAAmD,EAAA;;AAGrD;EACE,oDAAmD,EAAA;;AAGrD;EACE,uDAAsD,EAAA;;AAGxD;EACE,mDAAkD,EAAA;;AAGpD;EACE,sDAAqD,EAAA;;AAGvD;EACE,iDAAgD,EAAA;;AAGlD;EACE,oDAAmD,EAAA","file":"lvca-admin.css"}
1
+ {"version":3,"sources":["lvca-admin.scss"],"names":[],"mappings":"AACA;EACE,iBAAgB;EAChB,kBAAiB;EACjB,eAAc;EACd,mBAAkB,EAAA;;AAGpB,yEAAyE;AAGzE;EACE,oCAAmC;EACnC,yBAAwB,EAAA;;AAG1B;EACE,iBAAgB;EAChB,mBAAkB,EAAA;;AAGpB;EACE,oDAAmD,EAAA;;AAGrD;EACE,uDAAsD,EAAA;;AAGxD;EACE,qDAAoD,EAAA;;AAGtD;EACE,qDAAoD,EAAA;;AAGtD;EACE,qDAAoD,EAAA;;AAGtD;EACE,wDAAuD,EAAA;;AAGzD;EACE,qDAAoD,EAAA;;AAGtD;EACE,wDAAuD,EAAA;;AAGzD;EACE,mDAAkD,EAAA;;AAGpD;EACE,sDAAqD,EAAA;;AAGvD;EACE,mDAAkD,EAAA;;AAGpD;EACE,gDAA+C,EAAA;;AAGjD;EACE,2DAA0D,EAAA;;AAG5D;EACE,wDAAuD,EAAA;;AAGzD;EACE,2DAA0D,EAAA;;AAG5D;EACE,+DAA8D,EAAA;;AAGhE;EACE,mEAAkE,EAAA;;AAGpE;EACE,4DAA2D,EAAA;;AAG7D;EACE,wDAAuD,EAAA;;AAGzD;EACE,0DAAyD,EAAA;;AAG3D;EACE,oDAAmD,EAAA;;AAGrD;EACE,gDAA+C,EAAA;;AAGjD;EACE,yDAAwD,EAAA;;AAG1D;EACE,wDAAuD,EAAA;;AAGzD;EACE,kDAAiD,EAAA;;AAGnD;EACE,qDAAoD,EAAA;;AAGtD;EACE,yDAAwD,EAAA;;AAG1D;EACE,gDAA+C,EAAA;;AAGjD;EACE,mDAAkD,EAAA;;AAGpD;EACE,qDAAoD,EAAA;;AAGtD;EACE,oDAAmD,EAAA;;AAGrD;EACE,uDAAsD,EAAA;;AAGxD;EACE,+CAA8C,EAAA;;AAGhD;EACE,mDAAkD,EAAA;;AAGpD;EACE,kDAAiD,EAAA;;AAGnD;EACE,mDAAkD,EAAA;;AAGpD;EACE,uDAAsD,EAAA;;AAGxD;EACE,oDAAmD,EAAA;;AAGrD;EACE,oDAAmD,EAAA;;AAGrD;EACE,uDAAsD,EAAA;;AAGxD;EACE,mDAAkD,EAAA;;AAGpD;EACE,sDAAqD,EAAA;;AAGvD;EACE,iDAAgD,EAAA;;AAGlD;EACE,oDAAmD,EAAA","file":"lvca-admin.css"}
admin/assets/css/lvca-admin.scss CHANGED
@@ -1,6 +1,12 @@
1
2
3
- /* =============== Visual Composer Elements ==================== */
4
5
6
[class*=vc_element-icon][class*=icon-lvca-] {
@@ -13,7 +19,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
13
margin-right: 10px;
14
}
15
16
- .icon-lvca-services.vc_element-icon {
17
background-image: url(../images/admin/services.png);
18
}
19
@@ -21,7 +27,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
21
background-image: url(../images/admin/service-add.png);
22
}
23
24
- .icon-lvca-statsbars.vc_element-icon {
25
background-image: url(../images/admin/stats-bar.png);
26
}
27
@@ -29,7 +35,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
29
background-image: url(../images/admin/stats-bar.png);
30
}
31
32
- .icon-lvca-piecharts.vc_element-icon {
33
background-image: url(../images/admin/piecharts.png);
34
}
35
@@ -37,7 +43,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
37
background-image: url(../images/admin/piechart-add.png);
38
}
39
40
- .icon-lvca-odometers.vc_element-icon {
41
background-image: url(../images/admin/odometers.png);
42
}
43
@@ -45,7 +51,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
45
background-image: url(../images/admin/odometer-add.png);
46
}
47
48
- .icon-lvca-clients.vc_element-icon {
49
background-image: url(../images/admin/clients.png);
50
}
51
@@ -57,7 +63,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
57
background-image: url(../images/admin/heading.png);
58
}
59
60
- .icon-lvca-team.vc_element-icon {
61
background-image: url(../images/admin/team.png);
62
}
63
@@ -65,7 +71,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
65
background-image: url(../images/admin/team-member-add.png);
66
}
67
68
- .icon-lvca-testimonials.vc_element-icon {
69
background-image: url(../images/admin/testimonials.png);
70
}
71
@@ -73,7 +79,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
73
background-image: url(../images/admin/testimonial-add.png);
74
}
75
76
- .icon-lvca-testimonials-slider.vc_element-icon {
77
background-image: url(../images/admin/testimonials-slider.png);
78
}
79
@@ -81,7 +87,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
81
background-image: url(../images/admin/testimonials-slider-add.png);
82
}
83
84
- .icon-lvca-carousel.vc_element-icon {
85
background-image: url(../images/admin/generic-carousel.png);
86
}
87
@@ -97,7 +103,11 @@ input[type=number].wpb_vc_param_value.lvca_number {
97
background-image: url(../images/admin/grid-alt.png);
98
}
99
100
- .icon-lvca-pricing-table.vc_element-icon {
101
background-image: url(../images/admin/pricing-table.png);
102
}
103
@@ -109,7 +119,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
109
background-image: url(../images/admin/spacer.png);
110
}
111
112
- .icon-lvca-accordion.vc_element-icon {
113
background-image: url(../images/admin/accordion.png);
114
}
115
@@ -117,7 +127,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
117
background-image: url(../images/admin/accordion-add.png);
118
}
119
120
- .icon-lvca-tabs.vc_element-icon {
121
background-image: url(../images/admin/tabs.png);
122
}
123
@@ -129,7 +139,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
129
background-image: url(../images/admin/countdown.png);
130
}
131
132
- .icon-lvca-features.vc_element-icon {
133
background-image: url(../images/admin/features.png);
134
}
135
@@ -137,7 +147,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
137
background-image: url(../images/admin/feature-add.png);
138
}
139
140
- .icon-lvca-faq.vc_element-icon {
141
background-image: url(../images/admin/faq.png);
142
}
143
@@ -149,7 +159,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
149
background-image: url(../images/admin/button.png);
150
}
151
152
- .icon-lvca-gallery.vc_element-icon {
153
background-image: url(../images/admin/gallery.png);
154
}
155
@@ -157,11 +167,11 @@ input[type=number].wpb_vc_param_value.lvca_number {
157
background-image: url(../images/admin/gallery-add.png);
158
}
159
160
- .icon-lvca-gallery-carousel.vc_element-icon {
161
background-image: url(../images/admin/carousel.png);
162
}
163
164
- .icon-lvca-image-slider.vc_element-icon {
165
background-image: url(../images/admin/sliders2.png);
166
}
167
@@ -169,7 +179,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
169
background-image: url(../images/admin/slider-add2.png);
170
}
171
172
- .icon-lvca-slider.vc_element-icon {
173
background-image: url(../images/admin/sliders.png);
174
}
175
@@ -177,7 +187,7 @@ input[type=number].wpb_vc_param_value.lvca_number {
177
background-image: url(../images/admin/slider-add.png);
178
}
179
180
- .icon-lvca-icons.vc_element-icon {
181
background-image: url(../images/admin/icons.png);
182
}
183
1
2
+ .wrap.lvca-license-wrap form.lvca-license-box {
3
+ max-width: 700px;
4
+ background: white;
5
+ margin: 20px 0;
6
+ padding: 20px 30px;
7
+ }
8
9
+ /* =============== WPBakery Page Builder Elements ==================== */
10
11
12
[class*=vc_element-icon][class*=icon-lvca-] {
19
margin-right: 10px;
20
}
21
22
+ .icon-lvca-services.vc_element-icon[data-is-container=true] {
23
background-image: url(../images/admin/services.png);
24
}
25
27
background-image: url(../images/admin/service-add.png);
28
}
29
30
+ .icon-lvca-statsbars.vc_element-icon[data-is-container=true] {
31
background-image: url(../images/admin/stats-bar.png);
32
}
33
35
background-image: url(../images/admin/stats-bar.png);
36
}
37
38
+ .icon-lvca-piecharts.vc_element-icon[data-is-container=true] {
39
background-image: url(../images/admin/piecharts.png);
40
}
41
43
background-image: url(../images/admin/piechart-add.png);
44
}
45
46
+ .icon-lvca-odometers.vc_element-icon[data-is-container=true] {
47
background-image: url(../images/admin/odometers.png);
48
}
49
51
background-image: url(../images/admin/odometer-add.png);
52
}
53
54
+ .icon-lvca-clients.vc_element-icon[data-is-container=true] {
55
background-image: url(../images/admin/clients.png);
56
}
57
63
background-image: url(../images/admin/heading.png);
64
}
65
66
+ .icon-lvca-team.vc_element-icon[data-is-container=true] {
67
background-image: url(../images/admin/team.png);
68
}
69
71
background-image: url(../images/admin/team-member-add.png);
72
}
73
74
+ .icon-lvca-testimonials.vc_element-icon[data-is-container=true] {
75
background-image: url(../images/admin/testimonials.png);
76
}
77
79
background-image: url(../images/admin/testimonial-add.png);
80
}
81
82
+ .icon-lvca-testimonials-slider.vc_element-icon[data-is-container=true] {
83
background-image: url(../images/admin/testimonials-slider.png);
84
}
85
87
background-image: url(../images/admin/testimonials-slider-add.png);
88
}
89
90
+ .icon-lvca-carousel.vc_element-icon[data-is-container=true] {
91
background-image: url(../images/admin/generic-carousel.png);
92
}
93
103
background-image: url(../images/admin/grid-alt.png);
104
}
105
106
+ .icon-lvca-posts-block.vc_element-icon {
107
+ background-image: url(../images/admin/grid.png);
108
+ }
109
+
110
+ .icon-lvca-pricing-table.vc_element-icon[data-is-container=true] {
111
background-image: url(../images/admin/pricing-table.png);
112
}
113
119
background-image: url(../images/admin/spacer.png);
120
}
121
122
+ .icon-lvca-accordion.vc_element-icon[data-is-container=true] {
123
background-image: url(../images/admin/accordion.png);
124
}
125
127
background-image: url(../images/admin/accordion-add.png);
128
}
129
130
+ .icon-lvca-tabs.vc_element-icon[data-is-container=true] {
131
background-image: url(../images/admin/tabs.png);
132
}
133
139
background-image: url(../images/admin/countdown.png);
140
}
141
142
+ .icon-lvca-features.vc_element-icon[data-is-container=true] {
143
background-image: url(../images/admin/features.png);
144
}
145
147
background-image: url(../images/admin/feature-add.png);
148
}
149
150
+ .icon-lvca-faq.vc_element-icon[data-is-container=true] {
151
background-image: url(../images/admin/faq.png);
152
}
153
159
background-image: url(../images/admin/button.png);
160
}
161
162
+ .icon-lvca-gallery.vc_element-icon[data-is-container=true] {
163
background-image: url(../images/admin/gallery.png);
164
}
165
167
background-image: url(../images/admin/gallery-add.png);
168
}
169
170
+ .icon-lvca-gallery-carousel.vc_element-icon[data-is-container=true] {
171
background-image: url(../images/admin/carousel.png);
172
}
173
174
+ .icon-lvca-image-slider.vc_element-icon[data-is-container=true] {
175
background-image: url(../images/admin/sliders2.png);
176
}
177
179
background-image: url(../images/admin/slider-add2.png);
180
}
181
182
+ .icon-lvca-slider.vc_element-icon[data-is-container=true] {
183
background-image: url(../images/admin/sliders.png);
184
}
185
187
background-image: url(../images/admin/slider-add.png);
188
}
189
190
+ .icon-lvca-icons.vc_element-icon[data-is-container=true] {
191
background-image: url(../images/admin/icons.png);
192
}
193
admin/assets/images/logo-dark.png CHANGED
Binary file
admin/assets/images/logo-light.png CHANGED
Binary file
admin/notices/templates/rate.php CHANGED
@@ -4,7 +4,7 @@
4
5
<div class="lvca-notice-rate-content">
6
7
- <p><?php _e( 'Hello!', 'livemesh-vc-addons' ); ?> <?php _e( 'I see that you have the plugin <strong>Addons for Visual Composer by Livemesh</strong> installed for some time now.', 'livemesh-vc-addons' ); ?></p>
8
<p><?php _e( 'If you like this plugin, please write a few words about it at wordpress.org or social media. Your opinion will help others discover our plugin.', 'livemesh-vc-addons' ); ?></p>
9
<p><?php _e( 'Thank you!', 'livemesh-vc-addons' ); ?></p>
10
4
5
<div class="lvca-notice-rate-content">
6
7
+ <p><?php _e( 'Hello!', 'livemesh-vc-addons' ); ?> <?php _e( 'I see that you have the plugin <strong>Addons for WPBakery Page Builder by Livemesh</strong> installed for some time now.', 'livemesh-vc-addons' ); ?></p>
8
<p><?php _e( 'If you like this plugin, please write a few words about it at wordpress.org or social media. Your opinion will help others discover our plugin.', 'livemesh-vc-addons' ); ?></p>
9
<p><?php _e( 'Thank you!', 'livemesh-vc-addons' ); ?></p>
10
admin/views/admin-banner1.php CHANGED
@@ -10,7 +10,7 @@ if (!defined('ABSPATH')) {
10
<div id="lvca-banner-wrap">
11
12
<div id="lvca-banner" class="lvca-banner-sticky">
13
- <h2><span><?php echo __('Visual Composer Addons', 'livemesh-vc-addons'); ?></span><?php echo __('Plugin Documentation', 'livemesh-vc-addons') ?></h2>
14
</div>
15
16
</div>
10
<div id="lvca-banner-wrap">
11
12
<div id="lvca-banner" class="lvca-banner-sticky">
13
+ <h2><span><?php echo __('WPBakery Builder Addons', 'livemesh-vc-addons'); ?></span><?php echo __('Plugin Documentation', 'livemesh-vc-addons') ?></h2>
14
</div>
15
16
</div>
admin/views/admin-banner2.php CHANGED
@@ -10,7 +10,7 @@ if (!defined('ABSPATH')) {
10
<div id="lvca-banner-wrap">
11
12
<div id="lvca-banner" class="lvca-banner-sticky">
13
- <h2><span><?php echo __('Visual Composer Addons', 'livemesh-vc-addons'); ?></span><?php echo __('Plugin Settings', 'livemesh-vc-addons') ?></h2>
14
<div id="lvca-buttons-wrap">
15
<a class="lvca-button" data-action="lvca_save_settings" id="lvca_settings_save"><i
16
class="dashicons dashicons-yes"></i><?php echo __('Save Settings', 'livemesh-vc-addons') ?></a>
10
<div id="lvca-banner-wrap">
11
12
<div id="lvca-banner" class="lvca-banner-sticky">
13
+ <h2><span><?php echo __('WPBakery Builder Addons', 'livemesh-vc-addons'); ?></span><?php echo __('Plugin Settings', 'livemesh-vc-addons') ?></h2>
14
<div id="lvca-buttons-wrap">
15
<a class="lvca-button" data-action="lvca_save_settings" id="lvca_settings_save"><i
16
class="dashicons dashicons-yes"></i><?php echo __('Save Settings', 'livemesh-vc-addons') ?></a>
admin/views/admin-banner3.php CHANGED
@@ -10,7 +10,7 @@ if (!defined('ABSPATH')) {
10
<div id="lvca-banner-wrap">
11
12
<div id="lvca-banner" class="lvca-banner-sticky">
13
- <h2><span><?php echo __('Addons for Visual Composer', 'livemesh-vc-addons'); ?></span><?php echo __('Premium Upgrade', 'livemesh-vc-addons') ?></h2>
14
</div>
15
16
</div>
10
<div id="lvca-banner-wrap">
11
12
<div id="lvca-banner" class="lvca-banner-sticky">
13
+ <h2><span><?php echo __('Addons for WPBakery Page Builder', 'livemesh-vc-addons'); ?></span><?php echo __('Premium Upgrade', 'livemesh-vc-addons') ?></h2>
14
</div>
15
16
</div>
admin/views/documentation.php CHANGED
@@ -26,7 +26,7 @@ else {
26
27
<div class="intro-wrap">
28
29
- <img class="plugin-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/plugin-screenshot.jpg" alt="Addons for Visual Composer">
30
31
<div class="intro">
32
<h3><?php printf(__('Getting started with %1$s v%2$s', 'livemesh-vc-addons'), $plugin['Name'], $plugin['Version']); ?></h3>
@@ -76,7 +76,7 @@ else {
76
<li><a href="#testimonials-elements">Testimonials Addons</a></li>
77
<li><a href="#posts-carousel">Posts Carousel</a></li>
78
<li><a href="#carousel-element">Carousel Addon</a></li>
79
- <li><a href="#grid-element">Livemesh Grid</a></li>
80
<li><a href="#clients-element">Clients</a></li>
81
<li><a href="#pricing-table">Pricing Table</a></li>
82
<li><a href="#tabs-accordions">Tabs and Accordions</a></li>
@@ -91,40 +91,40 @@ else {
91
</ul>
92
<h3 id="getting-started">Getting Started<a class="back-to-top" href="#panel"><span
93
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
94
- <p>Thanks for choosing Addons for Visual Composer plugin. This help file aims to provide you with all the information you need to make the best use of this powerful plugin. The aim of the plugin to make the task of building a website effortless and pleasurable. Towards that end, we have built a number of elements most commonly used across most of the websites of small businesses, corporates, design agencies, freelancers, artists etc.</p>
95
<p>Do follow the steps below to get started - </p>
96
<ol>
97
<li>Install and activate the <strong>required plugin</strong> <a
98
- href="https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=livemesh" rel="nofollow" target="_blank">Visual Composer</a>.
99
- Visual Composer is a premium WordPress page builder plugin available for purchase from <a
100
href="https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=livemesh" rel="nofollow" target="_blank">CodeCanyon</a>.
101
With over 1.5m installed sites, VC is certainly the most popular page builder plugin for WordPress.
102
</li>
103
<li>Unzip the downloaded addons-for-visual-composer.zip file and upload to the <code>/wp-content/plugins/</code>
104
directory or upload the plugin zip with the help of Plugins→Installed Plugins→Add New button.<br>
105
Activate the plugin through the 'Plugins' menu in WordPress. If you are viewing this help page
106
- in WordPress admin under VC Addons→Documentation, you have already activated the plugin.
107
</li>
108
<li>Once the plugin is activated, all of the elements part of the plugin are available in Visual
109
- Composer 'Add Element' window, grouped under 'Livemesh VC Addons' tab.
110
111
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/add-element-window.png" alt="Visual Composer Addons Add Element Window"></p>
112
113
114
<p>Once you are done with developing the site, for performance gains, you can selectively deactivate
115
the unused elements in 'Elements' tab of
116
<strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_vc_addons'; ?>"
117
- target="_blank"><?php echo __('VC Addons→Settings', 'livemesh-vc-addons') ?></a></strong>
118
page. This will ensure that scripts and files relating to the deactivated elements do not load on your site.</p>
119
</li>
120
- <li>If you plan to build a portfolio site and plan to use Livemesh Grid element for the same, install
121
and activate the optional plugin <a
122
href="https://wordpress.org/plugins/portfolio-post-type/" rel="nofollow" target="_blank">Portfolio
123
Post Type</a>.
124
- The portfolio examples of Livemesh Grid element is built using custom post type registered by
125
this plugin.
126
</li>
127
- <li>Optionally, if you have <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Addons for Visual Composer Pro" target="_blank">premium version</a> of the plugin installed, you can import the sample data
128
that replicates the demo site for you by importing the
129
file sample-data.xml file located in the plugin directory. The import option is available under
130
<strong> <a href="<?php echo admin_url() . 'import.php'; ?>"
@@ -140,22 +140,22 @@ else {
140
<p>Below is a list of required/recommended plugins to install that will help you get the most out of this plugin.
141
Although some of these plugins are optional, we recommend that you install these popular plugins if
142
you plan to install the demo data and get most out of this plugin. The demo site and the sample data
143
- provided with the <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/"
144
- title="Addons for Visual Composer Pro" target="_blank">premium version</a> of
145
the plugin utilizes all of these plugins including the Portfolio Post type plugin.</p>
146
- <p>These plugins are also listed in the Plugins tab of this help file under VC Addons →
147
Documentation, and you can install the plugins directly from there.</p>
148
<ul>
149
- <li><p><strong>Visual Composer</strong> is perhaps the most popular page builder tool for WordPress powering
150
over 1.5+ million sites. You can build any layout you can imagine with intuitive drag and drop builder
151
with little or no programming knowledge.</p>
152
- <p>All of the elements part of Addons for Visual Composer plugin were built using the API provided
153
- by the Visual Composer plugin and hence this plugin must be installed and activated on the site prior
154
to using our plugin.</p>
155
<p>All of the pages of our demo site for
156
the plugin have been built using this page builder. You should install and activate this plugin
157
prior to replicating the plugin demo site by importing the sample data provided.</p>
158
- <p><a href="<?php echo esc_url($visualComposerUrl); ?>" target="_blank">More about Visual Composer →</a></p></li>
159
<li><strong>Portfolio Post Type</strong> is a free plugin that registers a custom post type for
160
portfolio items. It also registers separate portfolio taxonomies for tags and categories. The
161
Portfolio grid instances showcased on our demo site was built using custom post types registered
@@ -167,7 +167,7 @@ else {
167
<hr>
168
<h3 id="demo-data">Installing Demo Data<a class="back-to-top" href="#panel"><span
169
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
170
- <p>If you have <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Addons for Visual Composer Pro" target="_blank">premium version</a> of the plugin installed, you can install the demo data to replicate the
171
plugin demo site to get a head start on building your site. Installing demo data reduces the
172
learning curve associated with trying out the powerful elements part of this plugin.</p>
173
<p>The sample data imports the pages, posts and portfolio items part of the demo site. Once you are done with playing around the
@@ -185,35 +185,35 @@ else {
185
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
186
187
<ul>
188
- <li>If you are new to drag and drop page building functions of <a href="<?php echo esc_url($visualComposerUrl); ?>" target="_blank">Visual Composer</a> and need help, make sure you checkout the <a
189
href="https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress"
190
- title="Visual Composer Documentation" target="_blank">documentation of the Visual Composer</a> before
191
starting to use this plugin. The site has numerous text as well as video tutorials to help you
192
get a head start on using the plugin.
193
</li>
194
195
- <li>Once the Addons for Visual Composer plugin is activated, you should see a menu item <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_vc_addons'; ?>"
196
- target="_blank"><?php echo __('VC Addons', 'livemesh-vc-addons') ?></a></strong> in WordPress admin with four sections - Settings, Elements, Debugging and Premium Upgrade.
197
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/plugin-settings.png" alt="Visual Composer Addons Settings"></p>
198
199
<p>The settings screen <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_vc_addons'; ?>"
200
- target="_blank"><?php echo __('VC Addons→Settings', 'livemesh-vc-addons') ?></a></strong> for the plugin is self-documenting with minimal
201
options. Make sure you choose the theme color scheme in the 'General' tab to help ensure the plugin takes this as the default color for elements like buttons and links which have default color set.</p>
202
<p>During the development phase, it is recommended to not have any of the elements deactivated in the 'Elements' tab of the settings screen.</p>
203
204
</li>
205
206
- <li>Once the Addons for Visual Composer plugin is activated, all of the elements built by the plugin become available for drag and drop in the Visual Composer. In
207
the Page edit window, click on the <strong>'Backend Editor'</strong> button below the title field of the page edit window to bring up the page builder controls on
208
the page edit screen.
209
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/page-builder-screen.png" alt="Visual Composer Page Builder Screen"></p>
210
</li>
211
212
- <li>To add a Livemesh VC addon element, just click on the <strong>'Add Element'</strong> button to bring up the 'Add Element'
213
- popup screen of the page builder. The plugin elements are grouped under <strong>'Livemesh VC
214
Addons'</strong> tab on the top. Clicking on a element listed in the popup adds the
215
element to the page builder.
216
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/add-element-window.png" alt="Visual Composer Page Builder Addons"></p>
217
</li>
218
219
<li>Hovering over the element added to the page builder, you can view the Edit link. Clicking the
@@ -223,18 +223,18 @@ else {
223
224
<p>Once the data required for configuring a element is entered, you can save the changes by
225
clicking on the <strong>'Save Changes'</strong> button for the element.</p>
226
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/addon-edit-screen.png" alt="Visual Composer Element Edit Window"></p>
227
228
</li>
229
230
<li>Many of the plugin elements part of this plugin are container elements that involve a child element to be added to the it. For eg., Team element needs multiple team member elements
231
added to it, Testimonials element is made of multiple child testiominial elements, Services element require that you add multiple service elements individually to make up the list of services.
232
233
- <p>The container elements are listed under 'Livemesh VC Addons' tab in the 'Add Element' popup screen. Once you add a container element (e.g., Livemesh Testimonials,
234
- Livemesh Servies, Livemesh FAQ, Livemesh Features, Livemesh Team etc.), the element display a big plus(+) icon in the page to help add child elements. Clicking on the plus(+) button
235
brings up child element editor popup window. Once you configure and save changes to the child element, the element gets added to the page builder window as contained
236
element part of the parent container element as seen below.</p>
237
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/page-builder-screen.png" alt="Visual Composer Addon Edit Window"></p>
238
239
<p>In the page edit screen of the page builder, while the settings for the container element itself can be changed by clicking on the edit icon at the top of the element added,
240
the child elements can be edited by clicking on the edit option available upon hovering over the child elements in the page edit window.</p>
@@ -243,14 +243,14 @@ else {
243
244
<li>After you hit the <strong>Update</strong> or <strong>Publish</strong> button on the page,the element is then ready for viewing on
245
the frontend page.
246
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/addon-rendered.png" alt="Visual Composer Addon Rendered"></p>
247
248
</li>
249
250
</ul>
251
252
253
- <p>The below sections provide help on each of the elements built as part of Addons for Visual Composer
254
plugin.</p>
255
256
<hr>
@@ -281,7 +281,7 @@ else {
281
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/services-addon-edit.png" alt="Services Addon Container Element"></p>
282
<p>The services element is a container element that requires you to input multiple child service elements
283
that make up the list of services offered by a business or a community.</p>
284
- <p>The element supports about 3 different styles (with 2 additional styles in <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Addons for Visual Composer Pro" target="_blank">premium version</a> of the
285
plugin) and each of these styles can be customized further by choosing the type of icon desired to
286
represent the service – a font icon or an custom image icon. While the choice of font icons is huge
287
in number and perhaps sufficient for most common services, the icon images can help present the
@@ -298,7 +298,7 @@ else {
298
<li><strong>Icon Custom Hover Color</strong> – Specify a custom hover color for the font icon.</li>
299
</ul>
300
301
- <p>The <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Addons for Visual Composer Pro" target="_blank">premium version</a> of the plugin allows you specify a custom font size, font color and and hover
302
color for the font icon along with providing two additional styles of services/features.</p>
303
304
@@ -316,9 +316,9 @@ else {
316
317
<p>This element provides an easy way to capture the team members of your organization or an agency.</p>
318
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/team-members-edit.png" alt="Team Members Addon Container Element"></p>
319
- <p>The Livemesh Team element is a container element that requires you to input multiple child elements for
320
team members that are part of the team/organization.</p>
321
- <p>Two different styles are provided with more styles planned in the <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Addons for Visual Composer Pro" target="_blank">premium version</a> of the plugin. Most
322
of the styles display the team members in a multi-column grid. The option to specify the number of
323
columns is provided that helps to control the number of team members displayed per row of the team
324
members.</p>
@@ -333,7 +333,7 @@ else {
333
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/statsbars-piecharts.png" alt="Statistics Addons"></p>
334
335
<p>The plugin features a number of elements that help display statistical information in the form of
336
- odometers, piecharts and stats bars. The <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Addons for Visual Composer Pro" target="_blank">premium version</a> of the plugin also includes a countdown
337
element that displays a countdown timer for planned events such as product launches or website going
338
live.</p>
339
@@ -431,7 +431,7 @@ else {
431
<li><strong>Post Count</strong> – Set the number of posts you wish you display in the element. If
432
the element does not support pagination, the number of posts displayed is limited by the number
433
specified here. This is also the number of posts to display per page when the element supports
434
- pagination as is the case with Livemesh Grid element. Enter "All" to display all posts.
435
</li>
436
<li><strong>Order By</strong> – Specify the order of the posts displayed - by post date, title, modified date, author
437
menu order, comment count etc.
@@ -516,7 +516,7 @@ else {
516
<h3 id="carousel-element">Carousel<a class="back-to-top" href="#panel"> Back to top</a></h3>
517
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/generic-carousel.jpg" alt="Generic Carousel Addon"></p>
518
519
- <p>Livemesh Carousel is a generic carousel of custom HTML content of your choice. Possibilities are endless – image
520
carousels with textual content describing the images, video carousels, event carousels with link to
521
the events, a carousel of team of volunteers, a collection of books sold on Amazon etc.</p>
522
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-carousel-edit.png" alt="Generic Carousel Addon Edit Window"></p>
@@ -534,26 +534,26 @@ else {
534
for carousel, number of columns or items to display before making the user to scroll for additional
535
items etc. The carousel settings are explained in the help section above for Posts Carousel.</p>
536
<hr>
537
- <h3 id="grid-element">Livemesh Grid<a class="back-to-top" href="#panel"> Back to top</a></h3>
538
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid.jpg" alt="Livemesh Grid Addon"></p>
539
540
<p>Perhaps the most popular and most important of all elements part of all elements part of this plugin,
541
- Livemesh Grid helps you build a multi-column grid of posts or custom post types. The posts displayed
542
are filterable by taxonomy terms.</p>
543
544
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid2.jpg" alt="Livemesh Grid Addon"></p>
545
<p>Using the Grid element, you can construct a portfolio of your work/services/products. We recommend you
546
use the popular plugin – <a title="Portfolio Post Type Plugin"
547
href="https://wordpress.org/plugins/portfolio-post-type/">https://wordpress.org/plugins/portfolio-post-type/</a>
548
for building a collection of portfolio entries. Once the portfolio entries are in place, make sure
549
you select Portfolio Post type under Post Type entry in Build Tools window as explained below.</p>
550
551
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-pagination.jpg" alt="Livemesh Grid Pagination"></p>
552
- <p>The <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Addons for Visual Composer Pro" target="_blank">premium version</a> of the plugin has support for pagination, lazy load with load more button and
553
lightbox option for images. The additional posts are loaded via AJAX when the user navigates through
554
the pages populated or when the user hits the Load More button.</p>
555
556
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-loadmore.jpg" alt="Livemesh Grid AJAX Load More"></p>
557
558
<p>The element features a Posts Query section to help choose posts or custom posts to display. This
559
powerful tool has number of fields to control what gets displayed and in what order.</p>
@@ -567,7 +567,7 @@ else {
567
<li><strong>Post Count</strong> – Set the number of posts you wish you display in the element. If
568
the element does not support pagination, the number of posts displayed is limited by the number
569
specified here. This is also the number of posts to display per page when the element supports
570
- pagination as is the case with Livemesh Grid element. Enter "All" to display all posts.
571
</li>
572
<li><strong>Order By</strong> – Specify the order of the posts displayed - by post date, title, modified date, author
573
menu order, comment count etc.
@@ -591,12 +591,12 @@ else {
591
use this field to specify the chosen authors here by specifying their names.
592
</li>
593
</ol>
594
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit1.png" alt="Livemesh Grid Edit Window"></p>
595
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit2.png" alt="Livemesh Grid Edit Window"></p>
596
597
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit3.png" alt="Livemesh Grid Edit Window"></p>
598
599
- <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit4.png" alt="Livemesh Grid Edit Window"></p>
600
601
602
<p>The grid element has numerous other options to control the display of posts or custom post types. Some
@@ -776,8 +776,8 @@ else {
776
<p>You can choose to display an icon along with the button text. The icon can be a icon font or an
777
image.</p>
778
<p>The element options are mostly self-explanatory and you can view a live preview of the buttons <a
779
- title="Visual Composer Button Addon Demo"
780
- href="https://www.livemeshthemes.com/visual-composer-addons/buttons/">here</a>.</p>
781
782
783
<hr>
@@ -928,7 +928,7 @@ else {
928
video tutorial sites, video marketers, small businesses or websites with a major presence on
929
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
930
as seen in this <a title="Video Gallery"
931
- href="https://www.livemeshthemes.com/visual-composer-addons/video-gallery/">demo page</a>.
932
</p>
933
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/image-gallery-edit1.png" alt="Image Gallery Addon Edit Window"></p>
934
<p>The image gallery element is a container element that requires you to add child elements representing gallery items.</p>
@@ -995,7 +995,7 @@ else {
995
video tutorial sites, video marketers, small businesses or websites with a major presence on
996
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
997
as seen in this <a title="Video Gallery"
998
- href="https://www.livemeshthemes.com/visual-composer-addons/video-gallery/">demo page</a>.
999
</p>
1000
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/image-carousel-edit1.png" alt="Image Carousel Addon Edit Window"></p>
1001
@@ -1116,14 +1116,14 @@ else {
1116
<div id="plugins-panel" class="panel-left">
1117
<h4>Required/Recommended Plugins</h4>
1118
1119
- <p>Below is a list of required/recommended plugins to install that will help you get the most out of the plugin. While Visual Composer plugin is required, the rest of the plugins are optional but we recommend you install these plugins if you plan to replicate the plugin demo site by importing the sample data.</p>
1120
1121
<hr/>
1122
1123
- <h4><?php _e('Visual Composer', 'livemesh-vc-addons'); ?>
1124
<?php if (!class_exists('Vc_Manager')) { ?>
1125
<a class="button button-secondary thickbox onclick" href="<?php echo esc_url($visualComposerUrl); ?>"
1126
- title="<?php esc_attr_e('Install Visual Composer', 'livemesh-vc-addons'); ?>"><span
1127
class="dashicons dashicons-download"></span> <?php _e('Install Now', 'livemesh-vc-addons'); ?></a>
1128
<?php }
1129
else { ?>
@@ -1132,11 +1132,11 @@ else {
1132
<?php } ?>
1133
</h4>
1134
1135
- <p><strong>Visual Composer</strong> is perhaps the most popular page builder tool for WordPress powering
1136
over 1.5+ million sites. You can build any layout you can imagine with intuitive drag and drop builder
1137
with little or no programming knowledge.</p>
1138
- <p>All of the elements part of Addons for Visual Composer plugin were built using the API provided
1139
- by the Visual Composer plugin and hence this plugin must be installed and activated on the site prior
1140
to using our plugin.</p>
1141
<p>All of the pages of our demo site for
1142
the plugin have been built using this page builder. You should install and activate this plugin
@@ -1181,7 +1181,7 @@ else {
1181
<p>Our tests indicate that the elements work well with most themes that are well coded. You may need some
1182
minor custom CSS with themes that hijack the styling for heading tags by using !important
1183
keyword.</p>
1184
- <p>Some themes override default templates provided by Visual Composer. The themes that override VC Row
1185
template may require you to manually set the attributes required for the dark version (see below).</p>
1186
1187
<p>The demo site is best recreated with a theme that supports a full width page template without
@@ -1192,7 +1192,7 @@ else {
1192
1193
<h3 id="faq-dark-version">How to enable the dark version for any element?</h3>
1194
1195
- <p>In Visual Composer page builder, add a row wrapper for the element, edit row and check the option
1196
‘Dark Background?’ at the end of General tab of the row or an inner row element.</p>
1197
1198
<p>For themes that override the VC row template with one of their own, you may need to add a custom
@@ -1210,9 +1210,21 @@ else {
1210
1211
<!-- Updates panel -->
1212
<div id="updates-panel" class="panel-left">
1213
<h3>1.8.2</h3>
1214
<ul>
1215
- <li>Fixed – Livemesh Grid columns can break in certain resolutions in FireFox.</li>
1216
<li>Fixed - The piechart value is not being rounded.</li>
1217
<li>Fixed - The post grid and posts carousel date format not reflecting the user preference specified in Settings page.</li>
1218
</ul>
@@ -1235,7 +1247,7 @@ else {
1235
<li>Fixed – The post image in a grid or posts carousel was not clickable to the link specified</li>
1236
<li>Fixed – The grid filters would not center when a heading was not specified.</li>
1237
<li>Fixed – The grid filters will not display multi-line on devices of lower resolutions like mobile devices.</li>
1238
- <li>Fixed – The plugin caused some minor styling changes to occur in Visual Composer backend.</li>
1239
<li>Updated - Compatibility with WordPress 4.9 version.</li>
1240
</ul>
1241
<h4>1.6.1</h4>
@@ -1305,7 +1317,7 @@ else {
1305
<div class="panel-inner">
1306
1307
<div class="panel-aside banner">
1308
- <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Purchase Now"><img class="dashboard-image"
1309
src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-banner1.jpg"
1310
alt="Sale Banner"></a>
1311
</div>
26
27
<div class="intro-wrap">
28
29
+ <img class="plugin-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/plugin-screenshot.jpg" alt="Addons for WPBakery Page Builder">
30
31
<div class="intro">
32
<h3><?php printf(__('Getting started with %1$s v%2$s', 'livemesh-vc-addons'), $plugin['Name'], $plugin['Version']); ?></h3>
76
<li><a href="#testimonials-elements">Testimonials Addons</a></li>
77
<li><a href="#posts-carousel">Posts Carousel</a></li>
78
<li><a href="#carousel-element">Carousel Addon</a></li>
79
+ <li><a href="#grid-element">Posts Grid</a></li>
80
<li><a href="#clients-element">Clients</a></li>
81
<li><a href="#pricing-table">Pricing Table</a></li>
82
<li><a href="#tabs-accordions">Tabs and Accordions</a></li>
91
</ul>
92
<h3 id="getting-started">Getting Started<a class="back-to-top" href="#panel"><span
93
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
94
+ <p>Thanks for choosing Addons for WPBakery Page Builder plugin. This help file aims to provide you with all the information you need to make the best use of this powerful plugin. The aim of the plugin to make the task of building a website effortless and pleasurable. Towards that end, we have built a number of elements most commonly used across most of the websites of small businesses, corporates, design agencies, freelancers, artists etc.</p>
95
<p>Do follow the steps below to get started - </p>
96
<ol>
97
<li>Install and activate the <strong>required plugin</strong> <a
98
+ href="https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=livemesh" rel="nofollow" target="_blank">WPBakery Page Builder</a>.
99
+ WPBakery Page Builder is a premium WordPress page builder plugin available for purchase from <a
100
href="https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=livemesh" rel="nofollow" target="_blank">CodeCanyon</a>.
101
With over 1.5m installed sites, VC is certainly the most popular page builder plugin for WordPress.
102
</li>
103
<li>Unzip the downloaded addons-for-visual-composer.zip file and upload to the <code>/wp-content/plugins/</code>
104
directory or upload the plugin zip with the help of Plugins→Installed Plugins→Add New button.<br>
105
Activate the plugin through the 'Plugins' menu in WordPress. If you are viewing this help page
106
+ in WordPress admin under WPBakery Addons→Documentation, you have already activated the plugin.
107
</li>
108
<li>Once the plugin is activated, all of the elements part of the plugin are available in Visual
109
+ Composer 'Add Element' window, grouped under 'Livemesh Addons' tab.
110
111
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/add-element-window.png" alt="WPBakery Page Builder Addons Add Element Window"></p>
112
113
114
<p>Once you are done with developing the site, for performance gains, you can selectively deactivate
115
the unused elements in 'Elements' tab of
116
<strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_vc_addons'; ?>"
117
+ target="_blank"><?php echo __('WPBakery Addons→Settings', 'livemesh-vc-addons') ?></a></strong>
118
page. This will ensure that scripts and files relating to the deactivated elements do not load on your site.</p>
119
</li>
120
+ <li>If you plan to build a portfolio site and plan to use Posts Grid element for the same, install
121
and activate the optional plugin <a
122
href="https://wordpress.org/plugins/portfolio-post-type/" rel="nofollow" target="_blank">Portfolio
123
Post Type</a>.
124
+ The portfolio examples of Posts Grid element is built using custom post type registered by
125
this plugin.
126
</li>
127
+ <li>Optionally, if you have <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of the plugin installed, you can import the sample data
128
that replicates the demo site for you by importing the
129
file sample-data.xml file located in the plugin directory. The import option is available under
130
<strong> <a href="<?php echo admin_url() . 'import.php'; ?>"
140
<p>Below is a list of required/recommended plugins to install that will help you get the most out of this plugin.
141
Although some of these plugins are optional, we recommend that you install these popular plugins if
142
you plan to install the demo data and get most out of this plugin. The demo site and the sample data
143
+ provided with the <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/"
144
+ title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of
145
the plugin utilizes all of these plugins including the Portfolio Post type plugin.</p>
146
+ <p>These plugins are also listed in the Plugins tab of this help file under WPBakery Addons →
147
Documentation, and you can install the plugins directly from there.</p>
148
<ul>
149
+ <li><p><strong>WPBakery Page Builder</strong> is perhaps the most popular page builder tool for WordPress powering
150
over 1.5+ million sites. You can build any layout you can imagine with intuitive drag and drop builder
151
with little or no programming knowledge.</p>
152
+ <p>All of the elements part of Addons for WPBakery Page Builder plugin were built using the API provided
153
+ by the WPBakery Page Builder plugin and hence this plugin must be installed and activated on the site prior
154
to using our plugin.</p>
155
<p>All of the pages of our demo site for
156
the plugin have been built using this page builder. You should install and activate this plugin
157
prior to replicating the plugin demo site by importing the sample data provided.</p>
158
+ <p><a href="<?php echo esc_url($visualComposerUrl); ?>" target="_blank">More about WPBakery Page Builder →</a></p></li>
159
<li><strong>Portfolio Post Type</strong> is a free plugin that registers a custom post type for
160
portfolio items. It also registers separate portfolio taxonomies for tags and categories. The
161
Portfolio grid instances showcased on our demo site was built using custom post types registered
167
<hr>
168
<h3 id="demo-data">Installing Demo Data<a class="back-to-top" href="#panel"><span
169
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
170
+ <p>If you have <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of the plugin installed, you can install the demo data to replicate the
171
plugin demo site to get a head start on building your site. Installing demo data reduces the
172
learning curve associated with trying out the powerful elements part of this plugin.</p>
173
<p>The sample data imports the pages, posts and portfolio items part of the demo site. Once you are done with playing around the
185
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
186
187
<ul>
188
+ <li>If you are new to drag and drop page building functions of <a href="<?php echo esc_url($visualComposerUrl); ?>" target="_blank">WPBakery Page Builder</a> and need help, make sure you checkout the <a
189
href="https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress"
190
+ title="WPBakery Page Builder Documentation" target="_blank">documentation of the WPBakery Page Builder</a> before
191
starting to use this plugin. The site has numerous text as well as video tutorials to help you
192
get a head start on using the plugin.
193
</li>
194
195
+ <li>Once the Addons for WPBakery Page Builder plugin is activated, you should see a menu item <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_vc_addons'; ?>"
196
+ target="_blank"><?php echo __('WPBakery Addons', 'livemesh-vc-addons') ?></a></strong> in WordPress admin with four sections - Settings, Elements, Debugging and Premium Upgrade.
197
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/plugin-settings.png" alt="WPBakery Page Builder Addons Settings"></p>
198
199
<p>The settings screen <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_vc_addons'; ?>"
200
+ target="_blank"><?php echo __('WPBakery Addons→Settings', 'livemesh-vc-addons') ?></a></strong> for the plugin is self-documenting with minimal
201
options. Make sure you choose the theme color scheme in the 'General' tab to help ensure the plugin takes this as the default color for elements like buttons and links which have default color set.</p>
202
<p>During the development phase, it is recommended to not have any of the elements deactivated in the 'Elements' tab of the settings screen.</p>
203
204
</li>
205
206
+ <li>Once the Addons for WPBakery Page Builder plugin is activated, all of the elements built by the plugin become available for drag and drop in the WPBakery Page Builder. In
207
the Page edit window, click on the <strong>'Backend Editor'</strong> button below the title field of the page edit window to bring up the page builder controls on
208
the page edit screen.
209
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/page-builder-screen.png" alt="WPBakery Page Builder Screen"></p>
210
</li>
211
212
+ <li>To add a Livemesh WPBakery Page Builder addon element, just click on the <strong>'Add Element'</strong> button to bring up the 'Add Element'
213
+ popup screen of the page builder. The plugin elements are grouped under <strong>'Livemesh
214
Addons'</strong> tab on the top. Clicking on a element listed in the popup adds the
215
element to the page builder.
216
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/add-element-window.png" alt="WPBakery Page Builder Addons"></p>
217
</li>
218
219
<li>Hovering over the element added to the page builder, you can view the Edit link. Clicking the
223
224
<p>Once the data required for configuring a element is entered, you can save the changes by
225
clicking on the <strong>'Save Changes'</strong> button for the element.</p>
226
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/addon-edit-screen.png" alt="WPBakery Page Builder Element Edit Window"></p>
227
228
</li>
229
230
<li>Many of the plugin elements part of this plugin are container elements that involve a child element to be added to the it. For eg., Team element needs multiple team member elements
231
added to it, Testimonials element is made of multiple child testiominial elements, Services element require that you add multiple service elements individually to make up the list of services.
232
233
+ <p>The container elements are listed under 'Livemesh Addons' tab in the 'Add Element' popup screen. Once you add a container element (e.g., Livemesh Testimonials,
234
+ Services, FAQ, Features, Team Members etc.), the element display a big plus(+) icon in the page to help add child elements. Clicking on the plus(+) button
235
brings up child element editor popup window. Once you configure and save changes to the child element, the element gets added to the page builder window as contained
236
element part of the parent container element as seen below.</p>
237
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/page-builder-screen.png" alt="WPBakery Page Builder Addon Edit Window"></p>
238
239
<p>In the page edit screen of the page builder, while the settings for the container element itself can be changed by clicking on the edit icon at the top of the element added,
240
the child elements can be edited by clicking on the edit option available upon hovering over the child elements in the page edit window.</p>
243
244
<li>After you hit the <strong>Update</strong> or <strong>Publish</strong> button on the page,the element is then ready for viewing on
245
the frontend page.
246
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/addon-rendered.png" alt="WPBakery Page Builder Addon Rendered"></p>
247
248
</li>
249
250
</ul>
251
252
253
+ <p>The below sections provide help on each of the elements built as part of Addons for WPBakery Page Builder
254
plugin.</p>
255
256
<hr>
281
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/services-addon-edit.png" alt="Services Addon Container Element"></p>
282
<p>The services element is a container element that requires you to input multiple child service elements
283
that make up the list of services offered by a business or a community.</p>
284
+ <p>The element supports about 3 different styles (with 2 additional styles in <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of the
285
plugin) and each of these styles can be customized further by choosing the type of icon desired to
286
represent the service – a font icon or an custom image icon. While the choice of font icons is huge
287
in number and perhaps sufficient for most common services, the icon images can help present the
298
<li><strong>Icon Custom Hover Color</strong> – Specify a custom hover color for the font icon.</li>
299
</ul>
300
301
+ <p>The <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of the plugin allows you specify a custom font size, font color and and hover
302
color for the font icon along with providing two additional styles of services/features.</p>
303
304
316
317
<p>This element provides an easy way to capture the team members of your organization or an agency.</p>
318
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/team-members-edit.png" alt="Team Members Addon Container Element"></p>
319
+ <p>The Team Members element is a container element that requires you to input multiple child elements for
320
team members that are part of the team/organization.</p>
321
+ <p>Two different styles are provided with more styles planned in the <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of the plugin. Most
322
of the styles display the team members in a multi-column grid. The option to specify the number of
323
columns is provided that helps to control the number of team members displayed per row of the team
324
members.</p>
333
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/statsbars-piecharts.png" alt="Statistics Addons"></p>
334
335
<p>The plugin features a number of elements that help display statistical information in the form of
336
+ odometers, piecharts and stats bars. The <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of the plugin also includes a countdown
337
element that displays a countdown timer for planned events such as product launches or website going
338
live.</p>
339
431
<li><strong>Post Count</strong> – Set the number of posts you wish you display in the element. If
432
the element does not support pagination, the number of posts displayed is limited by the number
433
specified here. This is also the number of posts to display per page when the element supports
434
+ pagination as is the case with Posts Grid element. Enter "All" to display all posts.
435
</li>
436
<li><strong>Order By</strong> – Specify the order of the posts displayed - by post date, title, modified date, author
437
menu order, comment count etc.
516
<h3 id="carousel-element">Carousel<a class="back-to-top" href="#panel"> Back to top</a></h3>
517
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/generic-carousel.jpg" alt="Generic Carousel Addon"></p>
518
519
+ <p>Carousel is a generic carousel of custom HTML content of your choice. Possibilities are endless – image
520
carousels with textual content describing the images, video carousels, event carousels with link to
521
the events, a carousel of team of volunteers, a collection of books sold on Amazon etc.</p>
522
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-carousel-edit.png" alt="Generic Carousel Addon Edit Window"></p>
534
for carousel, number of columns or items to display before making the user to scroll for additional
535
items etc. The carousel settings are explained in the help section above for Posts Carousel.</p>
536
<hr>
537
+ <h3 id="grid-element">Posts Grid<a class="back-to-top" href="#panel"> Back to top</a></h3>
538
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid.jpg" alt="Posts Grid Addon"></p>
539
540
<p>Perhaps the most popular and most important of all elements part of all elements part of this plugin,
541
+ Posts Grid helps you build a multi-column grid of posts or custom post types. The posts displayed
542
are filterable by taxonomy terms.</p>
543
544
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid2.jpg" alt="Posts Grid Addon"></p>
545
<p>Using the Grid element, you can construct a portfolio of your work/services/products. We recommend you
546
use the popular plugin – <a title="Portfolio Post Type Plugin"
547
href="https://wordpress.org/plugins/portfolio-post-type/">https://wordpress.org/plugins/portfolio-post-type/</a>
548
for building a collection of portfolio entries. Once the portfolio entries are in place, make sure
549
you select Portfolio Post type under Post Type entry in Build Tools window as explained below.</p>
550
551
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-pagination.jpg" alt="Posts Grid Pagination"></p>
552
+ <p>The <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Addons for WPBakery Page Builder Pro" target="_blank">premium version</a> of the plugin has support for pagination, lazy load with load more button and
553
lightbox option for images. The additional posts are loaded via AJAX when the user navigates through
554
the pages populated or when the user hits the Load More button.</p>
555
556
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-loadmore.jpg" alt="Posts Grid AJAX Load More"></p>
557
558
<p>The element features a Posts Query section to help choose posts or custom posts to display. This
559
powerful tool has number of fields to control what gets displayed and in what order.</p>
567
<li><strong>Post Count</strong> – Set the number of posts you wish you display in the element. If
568
the element does not support pagination, the number of posts displayed is limited by the number
569
specified here. This is also the number of posts to display per page when the element supports
570
+ pagination as is the case with Posts Grid element. Enter "All" to display all posts.
571
</li>
572
<li><strong>Order By</strong> – Specify the order of the posts displayed - by post date, title, modified date, author
573
menu order, comment count etc.
591
use this field to specify the chosen authors here by specifying their names.
592
</li>
593
</ol>
594
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit1.png" alt="Posts Grid Edit Window"></p>
595
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit2.png" alt="Posts Grid Edit Window"></p>
596
597
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit3.png" alt="Posts Grid Edit Window"></p>
598
599
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/livemesh-grid-edit4.png" alt="Posts Grid Edit Window"></p>
600
601
602
<p>The grid element has numerous other options to control the display of posts or custom post types. Some
776
<p>You can choose to display an icon along with the button text. The icon can be a icon font or an
777
image.</p>
778
<p>The element options are mostly self-explanatory and you can view a live preview of the buttons <a
779
+ title="WPBakery Page Builder Button Addon Demo"
780
+ href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/buttons/">here</a>.</p>
781
782
783
<hr>
928
video tutorial sites, video marketers, small businesses or websites with a major presence on
929
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
930
as seen in this <a title="Video Gallery"
931
+ href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/video-gallery/">demo page</a>.
932
</p>
933
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/image-gallery-edit1.png" alt="Image Gallery Addon Edit Window"></p>
934
<p>The image gallery element is a container element that requires you to add child elements representing gallery items.</p>
995
video tutorial sites, video marketers, small businesses or websites with a major presence on
996
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
997
as seen in this <a title="Video Gallery"
998
+ href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/video-gallery/">demo page</a>.
999
</p>
1000
<p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/image-carousel-edit1.png" alt="Image Carousel Addon Edit Window"></p>
1001
1116
<div id="plugins-panel" class="panel-left">
1117
<h4>Required/Recommended Plugins</h4>
1118
1119
+ <p>Below is a list of required/recommended plugins to install that will help you get the most out of the plugin. While WPBakery Page Builder plugin is required, the rest of the plugins are optional but we recommend you install these plugins if you plan to replicate the plugin demo site by importing the sample data.</p>
1120
1121
<hr/>
1122
1123
+ <h4><?php _e('WPBakery Page Builder', 'livemesh-vc-addons'); ?>
1124
<?php if (!class_exists('Vc_Manager')) { ?>
1125
<a class="button button-secondary thickbox onclick" href="<?php echo esc_url($visualComposerUrl); ?>"
1126
+ title="<?php esc_attr_e('Install WPBakery Page Builder', 'livemesh-vc-addons'); ?>"><span
1127
class="dashicons dashicons-download"></span> <?php _e('Install Now', 'livemesh-vc-addons'); ?></a>
1128
<?php }
1129
else { ?>
1132
<?php } ?>
1133
</h4>
1134
1135
+ <p><strong>WPBakery Page Builder</strong> is perhaps the most popular page builder tool for WordPress powering
1136
over 1.5+ million sites. You can build any layout you can imagine with intuitive drag and drop builder
1137
with little or no programming knowledge.</p>
1138
+ <p>All of the elements part of Addons for WPBakery Page Builder plugin were built using the API provided
1139
+ by the WPBakery Page Builder plugin and hence this plugin must be installed and activated on the site prior
1140
to using our plugin.</p>
1141
<p>All of the pages of our demo site for
1142
the plugin have been built using this page builder. You should install and activate this plugin
1181
<p>Our tests indicate that the elements work well with most themes that are well coded. You may need some
1182
minor custom CSS with themes that hijack the styling for heading tags by using !important
1183
keyword.</p>
1184
+ <p>Some themes override default templates provided by WPBakery Page Builder. The themes that override VC Row
1185
template may require you to manually set the attributes required for the dark version (see below).</p>
1186
1187
<p>The demo site is best recreated with a theme that supports a full width page template without
1192
1193
<h3 id="faq-dark-version">How to enable the dark version for any element?</h3>
1194
1195
+ <p>In WPBakery Page Builder, add a row wrapper for the element, edit row and check the option
1196
‘Dark Background?’ at the end of General tab of the row or an inner row element.</p>
1197
1198
<p>For themes that override the VC row template with one of their own, you may need to add a custom
1210
1211
<!-- Updates panel -->
1212
<div id="updates-panel" class="panel-left">
1213
+ <h3>1.9.1</h3>
1214
+ <ul>
1215
+ <li>Rolled back – Update done to WayPoints script since WPBakery Page Builder is yet to upgrade to new version. Some reports have come in which suggests that the change broke some pages with certain WPBakery page builder elements.</li>
1216
+ </ul>
1217
+ <h3>1.9.0</h3>
1218
+ <ul>
1219
+ <li>Updated – Changed plugin name to Addons for WPBakery Page Builder to help reflect recent renaming of Visual Composer to WPBakery Page Builder.</li>
1220
+ <li>Updated - Changed plugin options menu title from VC Addons to WPBakery Addons in WordPress admin.</li>
1221
+ <li>Updated - Removed annoying Livemesh prefix from all elements. For example, Livemesh Services is now named Services, Livemesh Tabs is now Tabs, Livemesh Grid is now Posts Grid etc.</li>
1222
+ <li>Updated - Moved to latest version of waypoints script.</li>
1223
+ <li>Fixed - The grid won't display filters when specific taxonomy terms are chosen in the build query</li>
1224
+ </ul>
1225
<h3>1.8.2</h3>
1226
<ul>
1227
+ <li>Fixed – Posts Grid columns can break in certain resolutions in FireFox.</li>
1228
<li>Fixed - The piechart value is not being rounded.</li>
1229
<li>Fixed - The post grid and posts carousel date format not reflecting the user preference specified in Settings page.</li>
1230
</ul>
1247
<li>Fixed – The post image in a grid or posts carousel was not clickable to the link specified</li>
1248
<li>Fixed – The grid filters would not center when a heading was not specified.</li>
1249
<li>Fixed – The grid filters will not display multi-line on devices of lower resolutions like mobile devices.</li>
1250
+ <li>Fixed – The plugin caused some minor styling changes to occur in WPBakery Page Builder backend.</li>
1251
<li>Updated - Compatibility with WordPress 4.9 version.</li>
1252
</ul>
1253
<h4>1.6.1</h4>
1317
<div class="panel-inner">
1318
1319
<div class="panel-aside banner">
1320
+ <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Purchase Now"><img class="dashboard-image"
1321
src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-banner1.jpg"
1322
alt="Sale Banner"></a>
1323
</div>
admin/views/premium-upgrade.php CHANGED
@@ -21,7 +21,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
21
<div class="plans-wrapper clear">
22
<div class="plan-intro">
23
<div class="w100 clear"><img src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/logo-light.png" class="mb30">
24
- <p>A huge collection of Premium addons for Visual Composer. Building a beautiful website is as easy as drag and drop.</p></div>
25
</div>
26
<div class="plans">
27
<div class="content-wrapper flex-wrap">
@@ -29,14 +29,14 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
29
<div class="w100 clear"><h3>Lite</h3>
30
<p class="mb20 text">All the great features and addons you need to get started on creating a beautiful website.</p>
31
<h4 class="b c-wh price">FREE</h4>
32
- <div class="action clear"><a href="https://wordpress.org/plugins/addons-for-visual-composer/" class="btn bg-gr center" title="Addons for Visual Composer Download">Download now</a></div>
33
</div>
34
</div>
35
<div class="plan plan2 flex-col">
36
<div class="w100 clear"><h3>Premium</h3>
37
<p class="mb20 text">More features and additional addons to build a professional website without switching your WP theme.</p>
38
<h4 class="b price c-wh">$19</h4>
39
- <div class="action clear"><a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" class="btn center bg-cy">Purchase Now</a></div>
40
</div>
41
</div>
42
</div>
@@ -52,13 +52,13 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
52
<li><span class="help dashicons dashicons-editor-help"></span>
53
<div class="text">Premium quality Addons</div>
54
<div class="tooltip hide">
55
- <div><p>Exquisitely designed premium quality addons for Visual Composer Page Builder.</div>
56
</div>
57
</li>
58
<li><span class="help dashicons dashicons-editor-help"></span>
59
<div class="text">Page Builder Elements</div>
60
<div class="tooltip hide">
61
- <div><p>Large collection of plugin addons with their multiple styles are page builder elements that provide ALL the tools you need to come up with a dream website of yours by just drag, drop and configure. &nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/">Live Demo</a></p></div>
62
</div>
63
</li>
64
<li><span class="help dashicons dashicons-editor-help"></span>
@@ -70,13 +70,13 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
70
<li><span class="help dashicons dashicons-editor-help"></span>
71
<div class="text">Posts/Portfolio Grid</div>
72
<div class="tooltip hide">
73
- <div><p>The PRO version comes with advanced grid functions like multiple styles, AJAX filtering, pagination, lazy load via AJAX, lightbox support etc.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/portfolio-grid-pro/">Live Demo</a></p></div>
74
</div>
75
</li>
76
<li><span class="help dashicons dashicons-editor-help"></span>
77
<div class="text">Post Blocks!</div>
78
<div class="tooltip hide">
79
- <div><p>Present your blog posts, events, news items or portfolio in a dozen creative ways. Comes with AJAX filtering, pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and their categories without reloading the page.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/posts-block/">Live Demo</a></p>
80
</div>
81
</div>
82
</li>
@@ -89,13 +89,13 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
89
<li><span class="help dashicons dashicons-editor-help"></span>
90
<div class="text">Grids with AJAX Pagination</div>
91
<div class="tooltip hide">
92
- <div><p>Multiple pages of posts/portfolio/image/video grid loaded inline without page refresh. Showcase your entire work anywhere on the site.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/portfolio-grid-pro/">Live Demo</a></p></div>
93
</div>
94
</li>
95
<li><span class="help dashicons dashicons-editor-help"></span>
96
<div class="text">Advanced Grid with Lazy Load</div>
97
<div class="tooltip hide">
98
- <div><p>The grid elements are loaded on demand with each press of a Load More button that displays a count of remaining posts.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/portfolio-grid-pro/">Live Demo</a></p></div>
99
</div>
100
</li>
101
<li><span class="help dashicons dashicons-editor-help"></span>
@@ -115,38 +115,38 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
115
<li><span class="help dashicons dashicons-editor-help"></span>
116
<div class="text">Advanced Image Slider</div>
117
<div class="tooltip hide">
118
- <div><p>Responsive slider with choice of Nivo, Flex, Slick and Ultra Lightweight slider types. Comes with multiple caption styles, thumbnail navigation and detailed customization of slider speed and controls.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/livemesh-sliders/">Live Demo</a></p>
119
</div>
120
</div>
121
</li>
122
<li><span class="help dashicons dashicons-editor-help"></span>
123
<div class="text">Image Gallery</div>
124
<div class="tooltip hide">
125
- <div><p>Create a beautiful yet responsive gallery with support for tagging, linking, filtering, labels, lazy load of images with Load More and pagination.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/image-gallery/">Live Demo</a></p></div>
126
</div>
127
</li>
128
<li><span class="help dashicons dashicons-editor-help"></span>
129
<div class="text">YouTube/Vimeo Video Gallery</div>
130
<div class="tooltip hide">
131
- <div><p>Essential tool for video bloggers, video marketers, musicians and other sites with video content. Tags, filters, external linking, labels, pagination and lazy load via AJAX supported.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/video-gallery/">Live Demo</a></p></div>
132
</div>
133
</li>
134
<li><span class="help dashicons dashicons-editor-help"></span>
135
<div class="text">Advanced Image Carousel</div>
136
<div class="tooltip hide">
137
- <div><p>Advanced carousel with touch/swipe/drag/paged/click navigation. Extensive customization for responsiveness, animation/slideshow speed, gutter, looping etc.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/gallery-carousel/">Live Demo</a></p></div>
138
</div>
139
</li>
140
<li><span class="help dashicons dashicons-editor-help"></span>
141
<div class="text">YouTube/Vimeo Video Carousel</div>
142
<div class="tooltip hide">
143
- <div><p>Perfect for showcasing a select collection of videos with filters, tags, external links, labels, touch/swipe/mouse drag/click navigation, paging and lightbox support.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/gallery-carousel/">Live Demo</a></p></div>
144
</div>
145
</li>
146
<li><span class="help dashicons dashicons-editor-help"></span>
147
<div class="text">Features List</div>
148
<div class="tooltip hide">
149
- <div><p>List the product features or services offered in style.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/features/">Live Demo</a></p></div>
150
</div>
151
</li>
152
<li><span class="help dashicons dashicons-editor-help"></span>
@@ -171,7 +171,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
171
<div class="dashicons dashicons-yes"></div>
172
<span class="m-feature m">Premium quality Addons</span>
173
<div class="tooltip hide">
174
- <p>Exquisitely designed premium quality addons for Visual Composer Page Builder.</p>
175
</div>
176
</li>
177
<li>
@@ -203,7 +203,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
203
<div class="dashicons dashicons-no-alt"></div>
204
<span class="m-feature m">Post Blocks!</span>
205
<div class="tooltip hide">
206
- <p>Present your blog posts, events, news items or portfolio in a dozen creative ways. Comes with AJAX filtering, pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and their categories without reloading the page.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/visual-composer-addons/posts-block/">Live Demo</a></p>
207
</div>
208
</li>
209
<li>
@@ -298,7 +298,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
298
</div>
299
</li>
300
</ul>
301
- <div class="action clear"><a href="https://wordpress.org/plugins/addons-for-visual-composer/" class="btn bg-gr center" title="Addons for Visual Composer Download">Download now</a></div>
302
</div>
303
<div class="plan plan2"><h4>PRO</h4>
304
<ul>
@@ -306,7 +306,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
306
<div class="dashicons dashicons-yes"></div>
307
<span class="m-feature m">Premium quality Addons</span>
308
<div class="tooltip hide">
309
- <p>Exquisitely designed premium quality addons for Visual Composer Page Builder..</p>
310
</div>
311
</li>
312
<li>
@@ -433,7 +433,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
433
</div>
434
</li>
435
</ul>
436
- <div class="action clear"><a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" class="btn center bg-cy">Purchase Now</a></div>
437
</div>
438
</div>
439
</div>
@@ -446,7 +446,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
446
447
<div class="button-wrap">
448
449
- <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Purchase Now">
450
451
<img class="button-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-button.png" alt="Purchase Button">
452
@@ -482,30 +482,30 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
482
483
<h3 id="item-description__features-overview">New Premium Addons</h3>
484
485
- <p>Although the free version of the Addons for Visual Composer features a large repertoire of premium quality addons, the premium
486
version does even more.</p>
487
488
<ul>
489
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/posts-block/" title="Livemesh Post Blocks" target="_blank">Post Blocks</a> - Present your blog posts, events, news items or portfolio
490
in a dozen creative ways. Comes with AJAX filtering, pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and their categories without reloading the page.
491
</li>
492
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/sliders/" title="Image Slider Addon" target="_blank">Image
493
Slider</a> - Create a responsive slider of images with support
494
for captions,
495
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
496
navigation etc.
497
</li>
498
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/image-gallery/" title="Image Gallery Addon" target="_blank">Image
499
Gallery</a> - Create a gallery of images with options for masonry
500
or fit rows, pagination, lazy load, lightbox support etc.
501
</li>
502
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/video-gallery/" title="Video Gallery Addon" target="_blank">Video
503
Gallery</a> - Create a beautiful gallery of videos to help
504
showcase a collection of YouTube/Vimeo videos on your site.
505
</li>
506
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/gallery-carousel/" title="Image Carousel" target="_blank">Image
507
Carousel</a> - Build a responsive carousel of images.</li>
508
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/gallery-carousel/" title="Video Carousel" target="_blank">Video
509
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
510
videos.
511
</li>
@@ -513,10 +513,10 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
513
your site pages
514
such as those that feature events or under construction/coming soon pages.
515
</li>
516
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/faq-element/" title="FAQ Addon" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
517
page.
518
</li>
519
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/features/" title="Features Addon" target="_blank">Features Addon</a> - Showcase product features or services provided by your agency/business.
520
</li>
521
</ul>
522
@@ -526,10 +526,10 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
526
updated with additional features for existing addons -</p>
527
528
<ul>
529
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/portfolio-grid-pro/" title="Livemesh Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery addons
530
incorporate option to lazy load posts/images with the click of a Load More button.
531
</li>
532
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/portfolio-grid-pro/" title="Livemesh Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
533
based pagination support.
534
</li>
535
<li><strong>Lightbox Support</strong> - The premium version comes with support for
@@ -578,7 +578,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
578
579
<div class="button-wrap">
580
581
- <a class="button-wrap" href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Purchase Now">
582
583
<img class="button-image" style="border:none" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-button.png" alt="Purchase Button">
584
@@ -593,7 +593,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
593
<div class="panel-inner">
594
595
<div class="panel-aside banner">
596
- <a href="https://www.livemeshthemes.com/visual-composer-addons/pricing/" title="Purchase Now"><img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-banner2.jpg" alt="Sale Banner"></a>
597
</div>
598
599
<!-- Knowledge base -->
@@ -602,7 +602,7 @@ $plugin = get_plugin_data(LVCA_PLUGIN_FILE);
602
<h4>Have questions regarding premium version of the plugin?</h4>
603
<p>If you have pre-sales questions related to the paid version of this plugin, feel free to get in touch with us via contact form on our website.</p>
604
605
- <a class="button button-primary" href="https://www.livemeshthemes.com/visual-composer-addons/contact-us/"
606
title="<?php esc_attr_e('Contact Us', 'livemesh-vc-addons'); ?>"><?php _e('Write to Us', 'livemesh-vc-addons'); ?></a>
607
608
</div><!-- .panel-aside knowledge base -->
21
<div class="plans-wrapper clear">
22
<div class="plan-intro">
23
<div class="w100 clear"><img src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/logo-light.png" class="mb30">
24
+ <p>A huge collection of Premium addons for WPBakery Page Builder. Building a beautiful website is as easy as drag and drop.</p></div>
25
</div>
26
<div class="plans">
27
<div class="content-wrapper flex-wrap">
29
<div class="w100 clear"><h3>Lite</h3>
30
<p class="mb20 text">All the great features and addons you need to get started on creating a beautiful website.</p>
31
<h4 class="b c-wh price">FREE</h4>
32
+ <div class="action clear"><a href="https://wordpress.org/plugins/addons-for-visual-composer/" class="btn bg-gr center" title="Addons for WPBakery Page Builder Download">Download now</a></div>
33
</div>
34
</div>
35
<div class="plan plan2 flex-col">
36
<div class="w100 clear"><h3>Premium</h3>
37
<p class="mb20 text">More features and additional addons to build a professional website without switching your WP theme.</p>
38
<h4 class="b price c-wh">$19</h4>
39
+ <div class="action clear"><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" class="btn center bg-cy">Purchase Now</a></div>
40
</div>
41
</div>
42
</div>
52
<li><span class="help dashicons dashicons-editor-help"></span>
53
<div class="text">Premium quality Addons</div>
54
<div class="tooltip hide">
55
+ <div><p>Exquisitely designed premium quality addons for WPBakery Page Builder.</div>
56
</div>
57
</li>
58
<li><span class="help dashicons dashicons-editor-help"></span>
59
<div class="text">Page Builder Elements</div>
60
<div class="tooltip hide">
61
+ <div><p>Large collection of plugin addons with their multiple styles are page builder elements that provide ALL the tools you need to come up with a dream website of yours by just drag, drop and configure. &nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/">Live Demo</a></p></div>
62
</div>
63
</li>
64
<li><span class="help dashicons dashicons-editor-help"></span>
70
<li><span class="help dashicons dashicons-editor-help"></span>
71
<div class="text">Posts/Portfolio Grid</div>
72
<div class="tooltip hide">
73
+ <div><p>The PRO version comes with advanced grid functions like multiple styles, AJAX filtering, pagination, lazy load via AJAX, lightbox support etc.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/portfolio-grid-pro/">Live Demo</a></p></div>
74
</div>
75
</li>
76
<li><span class="help dashicons dashicons-editor-help"></span>
77
<div class="text">Post Blocks!</div>
78
<div class="tooltip hide">
79
+ <div><p>Present your blog posts, events, news items or portfolio in a dozen creative ways. Comes with AJAX filtering, pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and their categories without reloading the page.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/posts-block/">Live Demo</a></p>
80
</div>
81
</div>
82
</li>
89
<li><span class="help dashicons dashicons-editor-help"></span>
90
<div class="text">Grids with AJAX Pagination</div>
91
<div class="tooltip hide">
92
+ <div><p>Multiple pages of posts/portfolio/image/video grid loaded inline without page refresh. Showcase your entire work anywhere on the site.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/portfolio-grid-pro/">Live Demo</a></p></div>
93
</div>
94
</li>
95
<li><span class="help dashicons dashicons-editor-help"></span>
96
<div class="text">Advanced Grid with Lazy Load</div>
97
<div class="tooltip hide">
98
+ <div><p>The grid elements are loaded on demand with each press of a Load More button that displays a count of remaining posts.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/portfolio-grid-pro/">Live Demo</a></p></div>
99
</div>
100
</li>
101
<li><span class="help dashicons dashicons-editor-help"></span>
115
<li><span class="help dashicons dashicons-editor-help"></span>
116
<div class="text">Advanced Image Slider</div>
117
<div class="tooltip hide">
118
+ <div><p>Responsive slider with choice of Nivo, Flex, Slick and Ultra Lightweight slider types. Comes with multiple caption styles, thumbnail navigation and detailed customization of slider speed and controls.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/livemesh-sliders/">Live Demo</a></p>
119
</div>
120
</div>
121
</li>
122
<li><span class="help dashicons dashicons-editor-help"></span>
123
<div class="text">Image Gallery</div>
124
<div class="tooltip hide">
125
+ <div><p>Create a beautiful yet responsive gallery with support for tagging, linking, filtering, labels, lazy load of images with Load More and pagination.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/image-gallery/">Live Demo</a></p></div>
126
</div>
127
</li>
128
<li><span class="help dashicons dashicons-editor-help"></span>
129
<div class="text">YouTube/Vimeo Video Gallery</div>
130
<div class="tooltip hide">
131
+ <div><p>Essential tool for video bloggers, video marketers, musicians and other sites with video content. Tags, filters, external linking, labels, pagination and lazy load via AJAX supported.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/video-gallery/">Live Demo</a></p></div>
132
</div>
133
</li>
134
<li><span class="help dashicons dashicons-editor-help"></span>
135
<div class="text">Advanced Image Carousel</div>
136
<div class="tooltip hide">
137
+ <div><p>Advanced carousel with touch/swipe/drag/paged/click navigation. Extensive customization for responsiveness, animation/slideshow speed, gutter, looping etc.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/gallery-carousel/">Live Demo</a></p></div>
138
</div>
139
</li>
140
<li><span class="help dashicons dashicons-editor-help"></span>
141
<div class="text">YouTube/Vimeo Video Carousel</div>
142
<div class="tooltip hide">
143
+ <div><p>Perfect for showcasing a select collection of videos with filters, tags, external links, labels, touch/swipe/mouse drag/click navigation, paging and lightbox support.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/gallery-carousel/">Live Demo</a></p></div>
144
</div>
145
</li>
146
<li><span class="help dashicons dashicons-editor-help"></span>
147
<div class="text">Features List</div>
148
<div class="tooltip hide">
149
+ <div><p>List the product features or services offered in style.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/features/">Live Demo</a></p></div>
150
</div>
151
</li>
152
<li><span class="help dashicons dashicons-editor-help"></span>
171
<div class="dashicons dashicons-yes"></div>
172
<span class="m-feature m">Premium quality Addons</span>
173
<div class="tooltip hide">
174
+ <p>Exquisitely designed premium quality addons for WPBakery Page Builder.</p>
175
</div>
176
</li>
177
<li>
203
<div class="dashicons dashicons-no-alt"></div>
204
<span class="m-feature m">Post Blocks!</span>
205
<div class="tooltip hide">
206
+ <p>Present your blog posts, events, news items or portfolio in a dozen creative ways. Comes with AJAX filtering, pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and their categories without reloading the page.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/posts-block/">Live Demo</a></p>
207
</div>
208
</li>
209
<li>
298
</div>
299
</li>
300
</ul>
301
+ <div class="action clear"><a href="https://wordpress.org/plugins/addons-for-visual-composer/" class="btn bg-gr center" title="Addons for WPBakery Page Builder Download">Download now</a></div>
302
</div>
303
<div class="plan plan2"><h4>PRO</h4>
304
<ul>
306
<div class="dashicons dashicons-yes"></div>
307
<span class="m-feature m">Premium quality Addons</span>
308
<div class="tooltip hide">
309
+ <p>Exquisitely designed premium quality addons for WPBakery Page Builder..</p>
310
</div>
311
</li>
312
<li>
433
</div>
434
</li>
435
</ul>
436
+ <div class="action clear"><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" class="btn center bg-cy">Purchase Now</a></div>
437
</div>
438
</div>
439
</div>
446
447
<div class="button-wrap">
448
449
+ <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Purchase Now">
450
451
<img class="button-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-button.png" alt="Purchase Button">
452
482
483
<h3 id="item-description__features-overview">New Premium Addons</h3>
484
485
+ <p>Although the free version of the Addons for WPBakery Page Builder features a large repertoire of premium quality addons, the premium
486
version does even more.</p>
487
488
<ul>
489
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/posts-block/" title="Post Blocks" target="_blank">Post Blocks</a> - Present your blog posts, events, news items or portfolio
490
in a dozen creative ways. Comes with AJAX filtering, pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and their categories without reloading the page.
491
</li>
492
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/sliders/" title="Image Slider Addon" target="_blank">Image
493
Slider</a> - Create a responsive slider of images with support
494
for captions,
495
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
496
navigation etc.
497
</li>
498
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/image-gallery/" title="Image Gallery Addon" target="_blank">Image
499
Gallery</a> - Create a gallery of images with options for masonry
500
or fit rows, pagination, lazy load, lightbox support etc.
501
</li>
502
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/video-gallery/" title="Video Gallery Addon" target="_blank">Video
503
Gallery</a> - Create a beautiful gallery of videos to help
504
showcase a collection of YouTube/Vimeo videos on your site.
505
</li>
506
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/gallery-carousel/" title="Image Carousel" target="_blank">Image
507
Carousel</a> - Build a responsive carousel of images.</li>
508
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/gallery-carousel/" title="Video Carousel" target="_blank">Video
509
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
510
videos.
511
</li>
513
your site pages
514
such as those that feature events or under construction/coming soon pages.
515
</li>
516
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/faq-element/" title="FAQ Addon" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
517
page.
518
</li>
519
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/features/" title="Features Addon" target="_blank">Features Addon</a> - Showcase product features or services provided by your agency/business.
520
</li>
521
</ul>
522
526
updated with additional features for existing addons -</p>
527
528
<ul>
529
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/portfolio-grid-pro/" title="Posts Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery addons
530
incorporate option to lazy load posts/images with the click of a Load More button.
531
</li>
532
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/portfolio-grid-pro/" title="Posts Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
533
based pagination support.
534
</li>
535
<li><strong>Lightbox Support</strong> - The premium version comes with support for
578
579
<div class="button-wrap">
580
581
+ <a class="button-wrap" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Purchase Now">
582
583
<img class="button-image" style="border:none" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-button.png" alt="Purchase Button">
584
593
<div class="panel-inner">
594
595
<div class="panel-aside banner">
596
+ <a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/" title="Purchase Now"><img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-vc-addons/dashboard/purchase-banner2.jpg" alt="Sale Banner"></a>
597
</div>
598
599
<!-- Knowledge base -->
602
<h4>Have questions regarding premium version of the plugin?</h4>
603
<p>If you have pre-sales questions related to the paid version of this plugin, feel free to get in touch with us via contact form on our website.</p>
604
605
+ <a class="button button-primary" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/contact-us/"
606
title="<?php esc_attr_e('Contact Us', 'livemesh-vc-addons'); ?>"><?php _e('Write to Us', 'livemesh-vc-addons'); ?></a>
607
608
</div><!-- .panel-aside knowledge base -->
admin/views/settings.php CHANGED
@@ -134,7 +134,7 @@ $deactivate_element_testimonials_slider = lvca_get_option('lvca_deactivate_eleme
134
135
<div class="lvca-tab-content elements">
136
137
- <!---- Auto activate VC Addons -->
138
<div class="lvca-box-side">
139
140
<h3><?php echo __('Optimize Plugin', 'livemesh-vc-addons') ?></h3>
@@ -461,32 +461,32 @@ $deactivate_element_testimonials_slider = lvca_get_option('lvca_deactivate_eleme
461
462
<label class="lvca-label">New Premium Widgets</label>
463
464
- <p>Although the free version of the Addons for Visual Composer features a large repertoire of
465
premium quality elements with its numerous styles, the premium version does even more.</p>
466
467
<ul>
468
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/posts-block/" title="Post Blocks Addon" target="_blank">Post
469
Blocks!</a> - Present your blog posts, events, news items or portfolio in a dozen creative ways. Comes with AJAX filtering,
470
pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and
471
their categories without reloading the page.
472
</li>
473
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/sliders/" title="Image Slider Widget" target="_blank">Image
474
Slider</a> - Create a responsive slider of images with support
475
for captions,
476
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
477
navigation etc.
478
</li>
479
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/image-gallery/" title="Image Gallery Widget" target="_blank">Image
480
Gallery</a> - Create a gallery of images with options for masonry
481
or fit rows, pagination, lazy load, lightbox support etc.
482
</li>
483
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/video-gallery/" title="Video Gallery Widget" target="_blank">Video
484
Gallery</a> - Create a beautiful gallery of videos to help
485
showcase a collection of YouTube/Vimeo videos on your site.
486
</li>
487
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/gallery-carousel/" title="Image Carousel" target="_blank">Image
488
Carousel</a> - Build a responsive carousel of images.</li>
489
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/gallery-carousel/" title="Video Carousel" target="_blank">Video
490
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
491
videos.
492
</li>
@@ -494,21 +494,21 @@ $deactivate_element_testimonials_slider = lvca_get_option('lvca_deactivate_eleme
494
your site pages such as those that feature events or under construction/coming soon
495
pages.
496
</li>
497
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/buttons/" title="Buttons Addon" target="_blank">Buttons</a> - Animated buttons with great choice of colors.
498
</li>
499
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/icon-lists/" title="Icon List" target="_blank">Icon List</a> - - Create a list of icons with description and link - for social media profiles,
500
for showcasing services or features as well with icons or images.
501
</li>
502
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/faq-element/" title="FAQ Addon" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
503
page.
504
</li>
505
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/features/" title="Features Addon" target="_blank">Features Addon</a> for showcasing product features or services provided by an agency/business.
506
</li>
507
</ul>
508
509
<div class="lvca-spacer" style="height: 15px"></div>
510
511
- <a class="lvca-button purchase" href="https://www.livemeshthemes.com/visual-composer-addons/pricing/"><i class="dashicons dashicons-cart"></i><?php echo __('Purchase Now', 'livemesh-vc-addons'); ?></a>
512
513
<div class="lvca-spacer" style="height: 25px"></div>
514
@@ -518,10 +518,10 @@ $deactivate_element_testimonials_slider = lvca_get_option('lvca_deactivate_eleme
518
updated with additional features for existing elements -</p>
519
520
<ul>
521
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/portfolio-grid-pro/" title="Livemesh Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery elements
522
incorporate option to lazy load posts/images with the click of a Load More button.
523
</li>
524
- <li><a href="https://www.livemeshthemes.com/visual-composer-addons/portfolio-grid-pro/" title="Livemesh Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
525
based pagination support.
526
</li>
527
<li><strong>Lightbox Support</strong> - The premium version comes with support for
@@ -570,7 +570,7 @@ $deactivate_element_testimonials_slider = lvca_get_option('lvca_deactivate_eleme
570
571
<div class="lvca-spacer" style="height: 25px"></div>
572
573
- <a class="lvca-button purchase" href="https://www.livemeshthemes.com/visual-composer-addons/pricing/"><i class="dashicons dashicons-cart"></i><?php echo __('Go Premium', 'livemesh-vc-addons'); ?></a>
574
575
</div>
576
134
135
<div class="lvca-tab-content elements">
136
137
+ <!---- Auto activate WPBakery Addons -->
138
<div class="lvca-box-side">
139
140
<h3><?php echo __('Optimize Plugin', 'livemesh-vc-addons') ?></h3>
461
462
<label class="lvca-label">New Premium Widgets</label>
463
464
+ <p>Although the free version of the Addons for WPBakery Page Builder features a large repertoire of
465
premium quality elements with its numerous styles, the premium version does even more.</p>
466
467
<ul>
468
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/posts-block/" title="Post Blocks Addon" target="_blank">Post
469
Blocks!</a> - Present your blog posts, events, news items or portfolio in a dozen creative ways. Comes with AJAX filtering,
470
pagination and load more features to help visitors navigate your entire collection of blog posts or custom post types and
471
their categories without reloading the page.
472
</li>
473
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/sliders/" title="Image Slider Widget" target="_blank">Image
474
Slider</a> - Create a responsive slider of images with support
475
for captions,
476
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
477
navigation etc.
478
</li>
479
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/image-gallery/" title="Image Gallery Widget" target="_blank">Image
480
Gallery</a> - Create a gallery of images with options for masonry
481
or fit rows, pagination, lazy load, lightbox support etc.
482
</li>
483
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/video-gallery/" title="Video Gallery Widget" target="_blank">Video
484
Gallery</a> - Create a beautiful gallery of videos to help
485
showcase a collection of YouTube/Vimeo videos on your site.
486
</li>
487
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/gallery-carousel/" title="Image Carousel" target="_blank">Image
488
Carousel</a> - Build a responsive carousel of images.</li>
489
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/gallery-carousel/" title="Video Carousel" target="_blank">Video
490
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
491
videos.
492
</li>
494
your site pages such as those that feature events or under construction/coming soon
495
pages.
496
</li>
497
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/buttons/" title="Buttons Addon" target="_blank">Buttons</a> - Animated buttons with great choice of colors.
498
</li>
499
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/icon-lists/" title="Icon List" target="_blank">Icon List</a> - - Create a list of icons with description and link - for social media profiles,
500
for showcasing services or features as well with icons or images.
501
</li>
502
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/faq-element/" title="FAQ Addon" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
503
page.
504
</li>
505
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/features/" title="Features Addon" target="_blank">Features Addon</a> for showcasing product features or services provided by an agency/business.
506
</li>
507
</ul>
508
509
<div class="lvca-spacer" style="height: 15px"></div>
510
511
+ <a class="lvca-button purchase" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/"><i class="dashicons dashicons-cart"></i><?php echo __('Purchase Now', 'livemesh-vc-addons'); ?></a>
512
513
<div class="lvca-spacer" style="height: 25px"></div>
514
518
updated with additional features for existing elements -</p>
519
520
<ul>
521
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/portfolio-grid-pro/" title="Posts Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery elements
522
incorporate option to lazy load posts/images with the click of a Load More button.
523
</li>
524
+ <li><a href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/portfolio-grid-pro/" title="Posts Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
525
based pagination support.
526
</li>
527
<li><strong>Lightbox Support</strong> - The premium version comes with support for
570
571
<div class="lvca-spacer" style="height: 25px"></div>
572
573
+ <a class="lvca-button purchase" href="https://www.livemeshthemes.com/wpbakery-page-builder-addons/pricing/"><i class="dashicons dashicons-cart"></i><?php echo __('Go Premium', 'livemesh-vc-addons'); ?></a>
574
575
</div>
576
assets/js/isotope.pkgd.js CHANGED
@@ -17,138 +17,138 @@
17
/* jshint browser: true, strict: true, undef: true, unused: true */
18
19
( function( window, factory ) {
20
- // universal module definition
21
- /*jshint strict: false */ /* globals define, module, require */
22
- if ( typeof define == 'function' && define.amd ) {
23
- // AMD
24
- define( 'jquery-bridget/jquery-bridget',[ 'jquery' ], function( jQuery ) {
25
- return factory( window, jQuery );
26
- });
27
- } else if ( typeof module == 'object' && module.exports ) {
28
- // CommonJS
29
- module.exports = factory(
30
- window,
31
- require('jquery')
32
- );
33
- } else {
34
- // browser global
35
- window.jQueryBridget = factory(
36
- window,
37
- window.jQuery
38
- );
39
- }
40
41
}( window, function factory( window, jQuery ) {
42
- 'use strict';
43
44
// ----- utils ----- //
45
46
- var arraySlice = Array.prototype.slice;
47
48
// helper function for logging errors
49
// $.error breaks jQuery chaining
50
- var console = window.console;
51
- var logError = typeof console == 'undefined' ? function() {} :
52
- function( message ) {
53
- console.error( message );
54
- };
55
56
// ----- jQueryBridget ----- //
57
58
- function jQueryBridget( namespace, PluginClass, $ ) {
59
- $ = $ || jQuery || window.jQuery;
60
- if ( !$ ) {
61
- return;
62
- }
63
-
64
- // add option method -> $().plugin('option', {...})
65
- if ( !PluginClass.prototype.option ) {
66
- // option setter
67
- PluginClass.prototype.option = function( opts ) {
68
- // bail out if not an object
69
- if ( !$.isPlainObject( opts ) ){
70
- return;
71
- }
72
- this.options = $.extend( true, this.options, opts );
73
- };
74
- }
75
-
76
- // make jQuery plugin
77
- $.fn[ namespace ] = function( arg0 /*, arg1 */ ) {
78
- if ( typeof arg0 == 'string' ) {
79
- // method call $().plugin( 'methodName', { options } )
80
- // shift arguments by 1
81
- var args = arraySlice.call( arguments, 1 );
82
- return methodCall( this, arg0, args );
83
- }
84
- // just $().plugin({ options })
85
- plainCall( this, arg0 );
86
- return this;
87
- };
88
-
89
- // $().plugin('methodName')
90
- function methodCall( $elems, methodName, args ) {
91
- var returnValue;
92
- var pluginMethodStr = '$().' + namespace + '("' + methodName + '")';
93
-
94
- $elems.each( function( i, elem ) {
95
- // get instance
96
- var instance = $.data( elem, namespace );
97
- if ( !instance ) {
98
- logError( namespace + ' not initialized. Cannot call methods, i.e. ' +
99
- pluginMethodStr );
100
- return;
101
- }
102
-
103
- var method = instance[ methodName ];
104
- if ( !method || methodName.charAt(0) == '_' ) {
105
- logError( pluginMethodStr + ' is not a valid method' );
106
- return;
107
- }
108
-
109
- // apply method, get return value
110
- var value = method.apply( instance, args );
111
- // set return value if value is returned, use only first value
112
- returnValue = returnValue === undefined ? value : returnValue;
113
- });
114
115
- return returnValue !== undefined ? returnValue : $elems;
116
- }
117
-
118
- function plainCall( $elems, options ) {
119
- $elems.each( function( i, elem ) {
120
- var instance = $.data( elem, namespace );
121
- if ( instance ) {
122
- // set options & init
123
- instance.option( options );
124
- instance._init();
125
- } else {
126
- // initialize new instance
127
- instance = new PluginClass( elem, options );
128
- $.data( elem, namespace, instance );
129
- }
130
- });
131
- }
132
133
- updateJQuery( $ );
134
135
- }
136
137
// ----- updateJQuery ----- //
138
139
// set $.bridget for v1 backwards compatibility
140
- function updateJQuery( $ ) {
141
- if ( !$ || ( $ && $.bridget ) ) {
142
- return;
143
- }
144
- $.bridget = jQueryBridget;
145
- }
146
147
- updateJQuery( jQuery || window.jQuery );
148
149
// ----- ----- //
150
151
- return jQueryBridget;
152
153
}));
154
@@ -161,104 +161,104 @@ return jQueryBridget;
161
/* jshint unused: true, undef: true, strict: true */
162
163
( function( global, factory ) {
164
- // universal module definition
165
- /* jshint strict: false */ /* globals define, module, window */
166
- if ( typeof define == 'function' && define.amd ) {
167
- // AMD - RequireJS
168
- define( 'ev-emitter/ev-emitter',factory );
169
- } else if ( typeof module == 'object' && module.exports ) {
170
- // CommonJS - Browserify, Webpack
171
- module.exports = factory();
172
- } else {
173
- // Browser globals
174
- global.EvEmitter = factory();
175
- }
176
177
}( typeof window != 'undefined' ? window : this, function() {
178
179
180
181
- function EvEmitter() {}
182
-
183
- var proto = EvEmitter.prototype;
184
-
185
- proto.on = function( eventName, listener ) {
186
- if ( !eventName || !listener ) {
187
- return;
188
- }
189
- // set events hash
190
- var events = this._events = this._events || {};
191
- // set listeners array
192
- var listeners = events[ eventName ] = events[ eventName ] || [];
193
- // only add once
194
- if ( listeners.indexOf( listener ) == -1 ) {
195
- listeners.push( listener );
196
- }
197
-
198
- return this;
199
- };
200
-
201
- proto.once = function( eventName, listener ) {
202
- if ( !eventName || !listener ) {
203
- return;
204
- }
205
- // add event
206
- this.on( eventName, listener );
207
- // set once flag
208
- // set onceEvents hash
209
- var onceEvents = this._onceEvents = this._onceEvents || {};
210
- // set onceListeners object
211
- var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {};
212
- // set flag
213
- onceListeners[ listener ] = true;
214
-
215
- return this;
216
- };
217
-
218
- proto.off = function( eventName, listener ) {
219
- var listeners = this._events && this._events[ eventName ];
220
- if ( !listeners || !listeners.length ) {
221
- return;
222
- }
223
- var index = listeners.indexOf( listener );
224
- if ( index != -1 ) {
225
- listeners.splice( index, 1 );
226
- }
227
-
228
- return this;
229
- };
230
-
231
- proto.emitEvent = function( eventName, args ) {
232
- var listeners = this._events && this._events[ eventName ];
233
- if ( !listeners || !listeners.length ) {
234
- return;
235
- }
236
- var i = 0;
237
- var listener = listeners[i];
238
- args = args || [];
239
- // once stuff
240
- var onceListeners = this._onceEvents && this._onceEvents[ eventName ];
241
-
242
- while ( listener ) {
243
- var isOnce = onceListeners && onceListeners[ listener ];
244
- if ( isOnce ) {
245
- // remove listener
246
- // remove before trigger to prevent recursion
247
- this.off( eventName, listener );
248
- // unset once flag
249
- delete onceListeners[ listener ];
250
- }
251
- // trigger listener
252
- listener.apply( this, args );
253
- // get next listener
254
- i += isOnce ? 0 : 1;
255
- listener = listeners[i];
256
- }
257
258
- return this;
259
- };
260
261
- return EvEmitter;
262
263
}));
264
@@ -272,203 +272,203 @@ return EvEmitter;
272
/*global define: false, module: false, console: false */
273
274
( function( window, factory ) {
275
- 'use strict';
276
-
277
- if ( typeof define == 'function' && define.amd ) {
278
- // AMD
279
- define( 'get-size/get-size',[],function() {
280
- return factory();
281
- });
282
- } else if ( typeof module == 'object' && module.exports ) {
283
- // CommonJS
284
- module.exports = factory();
285
- } else {
286
- // browser global
287
- window.getSize = factory();
288
- }
289
290
})( window, function factory() {
291
- 'use strict';
292
293
// -------------------------- helpers -------------------------- //
294
295
// get a number from a string, not a percentage
296
- function getStyleSize( value ) {
297
- var num = parseFloat( value );
298
- // not a percent like '100%', and a number
299
- var isValid = value.indexOf('%') == -1 && !isNaN( num );
300
- return isValid && num;
301
- }
302
303
- function noop() {}
304
305
- var logError = typeof console == 'undefined' ? noop :
306
- function( message ) {
307
- console.error( message );
308
- };
309
310
// -------------------------- measurements -------------------------- //
311
312
- var measurements = [
313
- 'paddingLeft',
314
- 'paddingRight',
315
- 'paddingTop',
316
- 'paddingBottom',
317
- 'marginLeft',
318
- 'marginRight',
319
- 'marginTop',
320
- 'marginBottom',
321
- 'borderLeftWidth',
322
- 'borderRightWidth',
323
- 'borderTopWidth',
324
- 'borderBottomWidth'
325
- ];
326
-
327
- var measurementsLength = measurements.length;
328
-
329
- function getZeroSize() {
330
- var size = {
331
- width: 0,
332
- height: 0,
333
- innerWidth: 0,
334
- innerHeight: 0,
335
- outerWidth: 0,
336
- outerHeight: 0
337
- };
338
- for ( var i=0; i < measurementsLength; i++ ) {
339
- var measurement = measurements[i];
340
- size[ measurement ] = 0;
341
- }
342
- return size;
343
- }
344
345
// -------------------------- getStyle -------------------------- //
346
347
- /**
348
- * getStyle, get style of element, check for Firefox bug
349
- * https://bugzilla.mozilla.org/show_bug.cgi?id=548397
350
- */
351
- function getStyle( elem ) {
352
- var style = getComputedStyle( elem );
353
- if ( !style ) {
354
- logError( 'Style returned ' + style +
355
- '. Are you running this code in a hidden iframe on Firefox? ' +
356
- 'See http://bit.ly/getsizebug1' );
357
- }
358
- return style;
359
- }
360
361
// -------------------------- setup -------------------------- //
362
363
- var isSetup = false;
364
365
- var isBoxSizeOuter;
366
367
- /**
368
- * setup
369
- * check isBoxSizerOuter
370
- * do on first getSize() rather than on page load for Firefox bug
371
- */
372
- function setup() {
373
- // setup once
374
- if ( isSetup ) {
375
- return;
376
- }
377
- isSetup = true;
378
-
379
- // -------------------------- box sizing -------------------------- //
380
-
381
- /**
382
- * WebKit measures the outer-width on style.width on border-box elems
383
- * IE & Firefox<29 measures the inner-width
384
- */
385
- var div = document.createElement('div');
386
- div.style.width = '200px';
387
- div.style.padding = '1px 2px 3px 4px';
388
- div.style.borderStyle = 'solid';
389
- div.style.borderWidth = '1px 2px 3px 4px';
390
- div.style.boxSizing = 'border-box';
391
-
392
- var body = document.body || document.documentElement;
393
- body.appendChild( div );
394
- var style = getStyle( div );
395
-
396
- getSize.isBoxSizeOuter = isBoxSizeOuter = getStyleSize( style.width ) == 200;
397
- body.removeChild( div );
398
-
399
- }
400
401
- // -------------------------- getSize -------------------------- //
402
403
- function getSize( elem ) {
404
- setup();
405
406
- // use querySeletor if elem is string
407
- if ( typeof elem == 'string' ) {
408
- elem = document.querySelector( elem );
409
- }
410
411
- // do not proceed on non-objects
412
- if ( !elem || typeof elem != 'object' || !elem.nodeType ) {
413
- return;
414
- }
415
416
- var style = getStyle( elem );
417
418
- // if hidden, everything is 0
419
- if ( style.display == 'none' ) {
420
- return getZeroSize();
421
- }
422
423
- var size = {};
424
- size.width = elem.offsetWidth;
425
- size.height = elem.offsetHeight;
426
427
- var isBorderBox = size.isBorderBox = style.boxSizing == 'border-box';
428
429
- // get all measurements
430
- for ( var i=0; i < measurementsLength; i++ ) {
431
- var measurement = measurements[i];
432
- var value = style[ measurement ];
433
- var num = parseFloat( value );
434
- // any 'auto', 'medium' value will be 0
435
- size[ measurement ] = !isNaN( num ) ? num : 0;
436
- }
437
438
- var paddingWidth = size.paddingLeft + size.paddingRight;
439
- var paddingHeight = size.paddingTop + size.paddingBottom;
440
- var marginWidth = size.marginLeft + size.marginRight;
441
- var marginHeight = size.marginTop + size.marginBottom;
442
- var borderWidth = size.borderLeftWidth + size.borderRightWidth;
443
- var borderHeight = size.borderTopWidth + size.borderBottomWidth;
444
445
- var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;
446
447
- // overwrite width and height if we can get it from style
448
- var styleWidth = getStyleSize( style.width );
449
- if ( styleWidth !== false ) {
450
- size.width = styleWidth +
451
- // add padding and border unless it's already including it
452
- ( isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth );
453
- }
454
455
- var styleHeight = getStyleSize( style.height );
456
- if ( styleHeight !== false ) {
457
- size.height = styleHeight +
458
- // add padding and border unless it's already including it
459
- ( isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight );
460
- }
461
462
- size.innerWidth = size.width - ( paddingWidth + borderWidth );
463
- size.innerHeight = size.height - ( paddingHeight + borderHeight );
464
465
- size.outerWidth = size.width + marginWidth;
466
- size.outerHeight = size.height + marginHeight;
467
468
- return size;
469
- }
470
471
- return getSize;
472
473
});
474
@@ -481,48 +481,48 @@ return getSize;
481
/*jshint browser: true, strict: true, undef: true, unused: true */
482
483
( function( window, factory ) {
484
- /*global define: false, module: false */
485
- 'use strict';
486
- // universal module definition
487
- if ( typeof define == 'function' && define.amd ) {
488
- // AMD
489
- define( 'desandro-matches-selector/matches-selector',factory );
490
- } else if ( typeof module == 'object' && module.exports ) {
491
- // CommonJS
492
- module.exports = factory();
493
- } else {
494
- // browser global
495
- window.matchesSelector = factory();
496
- }
497
498
}( window, function factory() {
499
- 'use strict';
500
501
- var matchesMethod = ( function() {
502
- var ElemProto = Element.prototype;
503
- // check for the standard method name first
504
- if ( ElemProto.matches ) {
505
- return 'matches';
506
- }
507
- // check un-prefixed
508
- if ( ElemProto.matchesSelector ) {
509
- return 'matchesSelector';
510
- }
511
- // check vendor prefixes
512
- var prefixes = [ 'webkit', 'moz', 'ms', 'o' ];
513
-
514
- for ( var i=0; i < prefixes.length; i++ ) {
515
- var prefix = prefixes[i];
516
- var method = prefix + 'MatchesSelector';
517
- if ( ElemProto[ method ] ) {
518
- return method;
519
- }
520
- }
521
- })();
522
523
- return function matchesSelector( elem, selector ) {
524
- return elem[ matchesMethod ]( selector );
525
- };
526
527
}));
528
@@ -534,233 +534,233 @@ return getSize;
534
/*jshint browser: true, undef: true, unused: true, strict: true */
535
536
( function( window, factory ) {
537
- // universal module definition
538
- /*jshint strict: false */ /*globals define, module, require */
539
-
540
- if ( typeof define == 'function' && define.amd ) {
541
- // AMD
542
- define( 'fizzy-ui-utils/utils',[
543
- 'desandro-matches-selector/matches-selector'
544
- ], function( matchesSelector ) {
545
- return factory( window, matchesSelector );
546
- });
547
- } else if ( typeof module == 'object' && module.exports ) {
548
- // CommonJS
549
- module.exports = factory(
550
- window,
551
- require('desandro-matches-selector')
552
- );
553
- } else {
554
- // browser global
555
- window.fizzyUIUtils = factory(
556
- window,
557
- window.matchesSelector
558
- );
559
- }
560
561
}( window, function factory( window, matchesSelector ) {
562
563
564
565
- var utils = {};
566
567
// ----- extend ----- //
568
569
// extends objects
570
- utils.extend = function( a, b ) {
571
- for ( var prop in b ) {
572
- a[ prop ] = b[ prop ];
573
- }
574
- return a;
575
- };
576
577
// ----- modulo ----- //
578
579
- utils.modulo = function( num, div ) {
580
- return ( ( num % div ) + div ) % div;
581
- };
582
583
// ----- makeArray ----- //
584
585
// turn element or nodeList into an array
586
- utils.makeArray = function( obj ) {
587
- var ary = [];
588
- if ( Array.isArray( obj ) ) {
589
- // use object if already an array
590
- ary = obj;
591
- } else if ( obj && typeof obj.length == 'number' ) {
592
- // convert nodeList to array
593
- for ( var i=0; i < obj.length; i++ ) {
594
- ary.push( obj[i] );
595
- }
596
- } else {
597
- // array of single index
598
- ary.push( obj );
599
- }
600
- return ary;
601
- };
602
603
// ----- removeFrom ----- //
604
605
- utils.removeFrom = function( ary, obj ) {
606
- var index = ary.indexOf( obj );
607
- if ( index != -1 ) {
608
- ary.splice( index, 1 );
609
- }
610
- };
611
612
// ----- getParent ----- //
613
614
- utils.getParent = function( elem, selector ) {
615
- while ( elem != document.body ) {
616
- elem = elem.parentNode;
617
- if ( matchesSelector( elem, selector ) ) {
618
- return elem;
619
- }
620
- }
621
- };
622
623
// ----- getQueryElement ----- //
624
625
// use element as selector string
626
- utils.getQueryElement = function( elem ) {
627
- if ( typeof elem == 'string' ) {
628
- return document.querySelector( elem );
629
- }
630
- return elem;
631
- };
632
633
// ----- handleEvent ----- //
634
635
// enable .ontype to trigger from .addEventListener( elem, 'type' )
636
- utils.handleEvent = function( event ) {
637
- var method = 'on' + event.type;
638
- if ( this[ method ] ) {
639
- this[ method ]( event );
640
- }
641
- };
642
643
// ----- filterFindElements ----- //
644
645
- utils.filterFindElements = function( elems, selector ) {
646
- // make array of elems
647
- elems = utils.makeArray( elems );
648
- var ffElems = [];
649
-
650
- elems.forEach( function( elem ) {
651
- // check that elem is an actual element
652
- if ( !( elem instanceof HTMLElement ) ) {
653
- return;
654
- }
655
- // add elem if no selector
656
- if ( !selector ) {
657
- ffElems.push( elem );
658
- return;
659
- }
660
- // filter & find items if we have a selector
661
- // filter
662
- if ( matchesSelector( elem, selector ) ) {
663
- ffElems.push( elem );
664
- }
665
- // find children
666
- var childElems = elem.querySelectorAll( selector );
667
- // concat childElems to filterFound array
668
- for ( var i=0; i < childElems.length; i++ ) {
669
- ffElems.push( childElems[i] );
670
- }
671
- });
672
-
673
- return ffElems;
674
- };
675
676
// ----- debounceMethod ----- //
677
678
- utils.debounceMethod = function( _class, methodName, threshold ) {
679
- // original method
680
- var method = _class.prototype[ methodName ];
681
- var timeoutName = methodName + 'Timeout';
682
-
683
- _class.prototype[ methodName ] = function() {
684
- var timeout = this[ timeoutName ];
685
- if ( timeout ) {
686
- clearTimeout( timeout );
687
- }
688
- var args = arguments;
689
-
690
- var _this = this;
691
- this[ timeoutName ] = setTimeout( function() {
692
- method.apply( _this, args );
693
- delete _this[ timeoutName ];
694
- }, threshold || 100 );
695
- };
696
- };
697
698
// ----- docReady ----- //
699
700
- utils.docReady = function( callback ) {
701
- var readyState = document.readyState;
702
- if ( readyState == 'complete' || readyState == 'interactive' ) {
703
- // do async to allow for other scripts to run. metafizzy/flickity#441
704
- setTimeout( callback );
705
- } else {
706
- document.addEventListener( 'DOMContentLoaded', callback );
707
- }
708
- };
709
710
// ----- htmlInit ----- //
711
712
// http://jamesroberts.name/blog/2010/02/22/string-functions-for-javascript-trim-to-camel-case-to-dashed-and-to-underscore/
713
- utils.toDashed = function( str ) {
714
- return str.replace( /(.)([A-Z])/g, function( match, $1, $2 ) {
715
- return $1 + '-' + $2;
716
- }).toLowerCase();
717
- };
718
-
719
- var console = window.console;
720
- /**
721
- * allow user to initialize classes via [data-namespace] or .js-namespace class
722
- * htmlInit( Widget, 'widgetName' )
723
- * options are parsed from data-namespace-options
724
- */
725
- utils.htmlInit = function( WidgetClass, namespace ) {
726
- utils.docReady( function() {
727
- var dashedNamespace = utils.toDashed( namespace );
728
- var dataAttr = 'data-' + dashedNamespace;
729
- var dataAttrElems = document.querySelectorAll( '[' + dataAttr + ']' );
730
- var jsDashElems = document.querySelectorAll( '.js-' + dashedNamespace );
731
- var elems = utils.makeArray( dataAttrElems )
732
- .concat( utils.makeArray( jsDashElems ) );
733
- var dataOptionsAttr = dataAttr + '-options';
734
- var jQuery = window.jQuery;
735
-
736
- elems.forEach( function( elem ) {
737
- var attr = elem.getAttribute( dataAttr ) ||
738
- elem.getAttribute( dataOptionsAttr );
739
- var options;
740
- try {
741
- options = attr && JSON.parse( attr );
742
- } catch ( error ) {
743
- // log error, do not initialize
744
- if ( console ) {
745
- console.error( 'Error parsing ' + dataAttr + ' on ' + elem.className +
746
- ': ' + error );
747
- }
748
- return;
749
- }
750
- // initialize
751
- var instance = new WidgetClass( elem, options );
752
- // make available via $().data('namespace')
753
- if ( jQuery ) {
754
- jQuery.data( elem, namespace, instance );
755
- }
756
- });
757
758
- });
759
- };