Mega Addons For WPBakery Page Builder (formerly Visual Composer) -

Version Description

Info Banner: Redesign Settings and more Features.
Info Banner: Now you can add Gradient Background, Shadow for Button and Box. Added Google Fonts Option.
Advanced Button: Added Google Fonts Option.
Advanced Carousel: Fixed Padding for content + added "Animation Speed" option.
Heading: Added Google Fonts Option, Set custom width Line with Icon and fixed border line show as box.
Member Profile: Redesign Settings + Included new style.
Accordion: Added Title Align Option + Title padding + More settings
Bugs Fixed: When using the jQuery Migrate Helper plugin see the following notice: jQuery.fn.load() is deprecated
Creative Link: CSS Class option added.
New Pro feature available: 360 Product View

Release Info

Developer	nasir179125
Plugin	Mega Addons For WPBakery Page Builder (formerly Visual Composer)
Version	4.2.5
Comparing to
See all releases

Code changes from version 4.2.0 to 4.2.5

Files changed (21) hide show

css/creativelink.css +11 -5
css/heading.css +18 -9
css/infobanner.css +74 -25
css/memberprofile.css +144 -50
index.php +1 -1
lib/style.css +7 -1
main.php +1 -1
readme.txt +16 -3
render/advanced_btn.php +87 -12
render/creativelink.php +110 -86
render/headings.php +90 -57
render/highlight_box.php +90 -50
render/hover.php +5 -6
render/infobanners.php +305 -76
render/team-profile/style1.php +98 -0
render/team-profile/style2.php +106 -0
render/team-profile/style3.php +101 -0
render/team-profile/style4.php +55 -0
render/team-profile/style8.php +51 -0
render/teamprofile.php +239 -421
render/tm_carousel_father.php +43 -25

css/creativelink.css CHANGED Viewed

	@@ -1,7 +1,7 @@
1	- .~~mega-creative-btn~~ a {
2	position: relative;
3	display: inline-block;
4	- margin: ~~15px 25px~~;
5	outline: none;
6	color: #000;
7	text-decoration: none;
	@@ -11,14 +11,20 @@
11	text-shadow: 0 0 1px rgba(255,255,255,0.3);
12	font-size: 1.35em;
13	text-align: center;

14	}
15
16	- .~~mega-creative-btn~~ a:hover,
17	- .~~mega-creative-btn~~ a:focus {
18	outline: none;
19	}
20
21	/* Effect 1: Brackets */





22	.cl-effect-1 a::before,
23	.cl-effect-1 a::after {
24	display: inline-block;
	@@ -189,7 +195,7 @@
189	position: absolute;
190	top: 100%;
191	content: attr(data-hover);
192	- font-weight: 700;
193	-webkit-transform: translate3d(0,0,0);
194	-moz-transform: translate3d(0,0,0);
195	transform: translate3d(0,0,0);


1	+ .creative_link_wrapper a {
2	position: relative;
3	display: inline-block;
4	+ margin: 0;
5	outline: none;
6	color: #000;
7	text-decoration: none;

11	text-shadow: 0 0 1px rgba(255,255,255,0.3);
12	font-size: 1.35em;
13	text-align: center;
14	+ border-bottom: 0px solid #fff;
15	}
16
17	+ .creative_link_wrapper a:hover,
18	+ .creative_link_wrapper a:focus {
19	outline: none;
20	}
21
22	/* Effect 1: Brackets */
23	+
24	+ .cl-effect-1 a {
25	+ /border-bottom: 0px solid #fff;/
26	+ }
27	+
28	.cl-effect-1 a::before,
29	.cl-effect-1 a::after {
30	display: inline-block;

195	position: absolute;
196	top: 100%;
197	content: attr(data-hover);
198	+ /font-weight: 700;/
199	-webkit-transform: translate3d(0,0,0);
200	-moz-transform: translate3d(0,0,0);
201	transform: translate3d(0,0,0);

css/heading.css CHANGED Viewed

	@@ -1,25 +1,31 @@
1	- #mega-line-container h2 {
2	margin: 5px 0 0 0;
3	}
4	- ~~#mega-line-container p {~~

5	margin: 5px 0 0 0;
6	}
7	- ~~#mega-line-container .mega-line-top span {~~

8	display: inline-block;
9	}
10	- ~~#mega-line-container .mega-line-center span {~~

11	display: inline-table;
12	}
13	- ~~#mega-line-container .mega-line-bottom span {~~

14	display: inline-block;
15	}
16	- ~~#mega-line-icon .line-icon {~~

17	width: 230px;
18	display: inline-block;
19	border-top: 2px solid #ccc;
20	padding-right: 15px;
21	}
22	- ~~#mega-line-icon .line-icon i {~~

23	position: absolute;
24	font-size: 16px;
25	margin-top: -9px;
	@@ -27,7 +33,8 @@
27	background: #fff;
28	padding: 0 7px;
29	}
30	- ~~#mega-line-icon .line-icon img {~~

31	width: 60px;
32	/height: 60px;/
33	position: absolute;
	@@ -43,9 +50,11 @@
43	display: inline-block;
44	border-top: 2px solid #ccc;
45	}
46	- ~~#mega-line-icon h2 {~~

47	/line-height: 4;/
48	}

49	#mega-line-img .line-img img {
50	width: 48px;
51	position: absolute;


1	+ .mega-line-container h2 {
2	margin: 5px 0 0 0;
3	}
4	+
5	+ .mega-line-container p {
6	margin: 5px 0 0 0;
7	}
8	+
9	+ .mega-line-container .mega-line-top span {
10	display: inline-block;
11	}
12	+
13	+ .mega-line-container .mega-line-center span {
14	display: inline-table;
15	}
16	+
17	+ .mega-line-container .mega-line-bottom span {
18	display: inline-block;
19	}
20	+
21	+ .mega-line-icon .line-icon {
22	width: 230px;
23	display: inline-block;
24	border-top: 2px solid #ccc;
25	padding-right: 15px;
26	}
27	+
28	+ .mega-line-icon .line-icon i {
29	position: absolute;
30	font-size: 16px;
31	margin-top: -9px;

33	background: #fff;
34	padding: 0 7px;
35	}
36	+
37	+ .mega-line-icon .line-icon img {
38	width: 60px;
39	/height: 60px;/
40	position: absolute;

50	display: inline-block;
51	border-top: 2px solid #ccc;
52	}
53	+
54	+ .mega-line-icon h2 {
55	/line-height: 4;/
56	}
57	+
58	#mega-line-img .line-img img {
59	width: 48px;
60	position: absolute;

css/infobanner.css CHANGED Viewed

	@@ -1,35 +1,35 @@
1	- #mega_info_bar {
2	background-repeat: no-repeat;
3	background-position: center;
4	background-size: 100% 100%;
5	position: relative;
6	}
7	- #mega_info_bar .mega_hvr_btn {
8	display: inline-block;
9	margin: 10px 10px;
10	text-decoration: none;
11	transition: background .3s ease, color .3s ease;
12	}
13	- #mega_info_bar .mega_wrap img {
14	display: block;
15	margin: 0 auto;
16	}
17	- #mega_info_bar a {
18	text-shadow: none;
19	}
20
21	- #mega_info_bar .mega_content {
22	padding-bottom: 20px;
23	overflow: hidden;
24	}
25	- #mega_info_bar .mega_content .mega_hvr_btn:hover {
26	text-decoration: none;
27	}
28	- #mega_info_bar .mega_content h2,
29	- #mega_info_bar .mega_content h1,
30	- #mega_info_bar .mega_content h3,
31	- #mega_info_bar .mega_content h4,
32	- #mega_info_bar .mega_content p {
33	margin: 5px 10px;
34	}
35	.clearfix {
	@@ -40,38 +40,78 @@
40	/* Style 2
41	================================================*/
42
43	- #mega_info_bar_2 {
44	background-repeat: no-repeat;
45	background-position: center;
46	background-size: 100% 100%;
47	position: relative;
48	}
49	- #mega_info_bar_2 .mega_hvr_btn {
50	margin-bottom: 15px;
51	text-decoration: none;
52	display: inline-block;
53	transition: background .3s ease, color .3s ease;
54	}
55	- #mega_info_bar_2 .mega_hvr_btn:hover {
56	- text-decoration: none;
57	}
58	- #mega_info_bar_2 .mega_wrap img {
59	display: block;
60	margin: 0 auto;
61	}
62	- #mega_info_bar_2 a {
63	- text-shadow: none;
64	}
65
66	- #mega_info_bar_2 .mega_content {
67	overflow: hidden;
68	padding-top: 10px;
69	text-align: center;
70	}
71	- #mega_info_bar_2 .mega_content h2, h1, h3, h4, p {
72	margin: 5px 0px;
73	}
74








































75
76	/Ribbon/
77
	@@ -118,23 +158,32 @@
118	border-top: 3px solid #79A70A;
119	}
120



121	@media only screen and (max-width: 768px) {
122	- #mega_info_bar_2 .mega_wrap img {
123	height: auto !important;
124	}
125	- #mega_info_bar .mega_wrap img {
126	height: auto !important;
127	}







128	}
129
130	@media only screen and (max-width: 480px) {
131	- #mega_info_bar .mega_wrap, #mega_info_bar .mega_content {
132	float: inherit !important;
133	width: 100% !important;
134	text-align: center;
135	}
136	-
137	- #mega_info_bar img {
138	margin: 0 auto;
139	display: block;
140	}


1	+ .mega_info_bar {
2	background-repeat: no-repeat;
3	background-position: center;
4	background-size: 100% 100%;
5	position: relative;
6	}
7	+ .mega_info_bar .mega_hvr_btn {
8	display: inline-block;
9	margin: 10px 10px;
10	text-decoration: none;
11	transition: background .3s ease, color .3s ease;
12	}
13	+ .mega_info_bar .mega_wrap img {
14	display: block;
15	margin: 0 auto;
16	}
17	+ .mega_info_bar a {
18	text-shadow: none;
19	}
20
21	+ .mega_info_bar .mega_content {
22	padding-bottom: 20px;
23	overflow: hidden;
24	}
25	+ .mega_info_bar .mega_content .mega_hvr_btn:hover {
26	text-decoration: none;
27	}
28	+ .mega_info_bar .mega_content h2,
29	+ .mega_info_bar .mega_content h1,
30	+ .mega_info_bar .mega_content h3,
31	+ .mega_info_bar .mega_content h4,
32	+ .mega_info_bar .mega_content p {
33	margin: 5px 10px;
34	}
35	.clearfix {

40	/* Style 2
41	================================================*/
42
43	+ .mega_info_bar_2 {
44	background-repeat: no-repeat;
45	background-position: center;
46	background-size: 100% 100%;
47	position: relative;
48	}
49	+ .mega_info_bar_2 .mega_hvr_btn {
50	margin-bottom: 15px;
51	text-decoration: none;
52	display: inline-block;
53	transition: background .3s ease, color .3s ease;
54	}
55	+ .mega_info_bar_2 .mega_hvr_btn:hover {
56	+ text-decoration: none;
57	}
58	+ .mega_info_bar_2 .mega_wrap img {
59	display: block;
60	margin: 0 auto;
61	}
62	+ .mega_info_bar_2 a {
63	+ text-shadow: none;
64	}
65
66	+ .mega_info_bar_2 .mega_content {
67	overflow: hidden;
68	padding-top: 10px;
69	text-align: center;
70	}
71	+ .mega_info_bar_2 .mega_content h2, h1, h3, h4, p {
72	margin: 5px 0px;
73	}
74
75	+ /* Style 2
76	+ ================================================*/
77	+
78	+ .mega_info_bar_3 {
79	+ background-repeat: no-repeat;
80	+ background-position: center;
81	+ background-size: 100% 100%;
82	+ position: relative;
83	+ }
84	+ .mega_info_bar_3 .mega_hvr_btn {
85	+ display: inline-block;
86	+ margin: 10px 10px;
87	+ text-decoration: none;
88	+ transition: background .3s ease, color .3s ease;
89	+ }
90	+ .mega_info_bar_3 .mega_wrap img {
91	+ display: block;
92	+ margin: 0 auto;
93	+ }
94	+ .mega_info_bar_3 a {
95	+ text-shadow: none;
96	+ }
97	+
98	+ .mega_info_bar_3 .mega_content {
99	+ padding-bottom: 20px;
100	+ overflow: hidden;
101	+ }
102	+ .mega_info_bar_3 .mega_content .mega_hvr_btn:hover {
103	+ text-decoration: none;
104	+ }
105	+ .mega_info_bar_3 .mega_content h2,
106	+ .mega_info_bar_3 .mega_content h1,
107	+ .mega_info_bar_3 .mega_content h3,
108	+ .mega_info_bar_3 .mega_content h4,
109	+ .mega_info_bar_3 .mega_content p {
110	+ margin: 5px 10px;
111	+ }
112	+ .clearfix {
113	+ clear: both;
114	+ }
115
116	/Ribbon/
117

158	border-top: 3px solid #79A70A;
159	}
160
161	+ /* Media Query
162	+ ================================================*/
163	+
164	@media only screen and (max-width: 768px) {
165	+ .mega_info_bar_2 .mega_wrap img {
166	height: auto !important;
167	}
168	+ .mega_info_bar .mega_wrap img {
169	height: auto !important;
170	}
171	+ .mega_info_bar_3, .mega_info_bar_3 .mega_wrap, .mega_info_bar_3 .mega_content {
172	+ display: block !important;
173	+ width: 100% !important;
174	+ }
175	+ .mega_info_bar_3 *{
176	+ text-align: center !important;
177	+ }
178	}
179
180	@media only screen and (max-width: 480px) {
181	+ .mega_info_bar .mega_wrap, .mega_info_bar .mega_content {
182	float: inherit !important;
183	width: 100% !important;
184	text-align: center;
185	}
186	+ .mega_info_bar img {

187	margin: 0 auto;
188	display: block;
189	}

css/memberprofile.css CHANGED Viewed

	@@ -1,18 +1,14 @@
1	- * {
2	- margin: 0;
3	- padding: 0;
4	- }
5	.type-wrap .typed-cursor {
6	font-size: 16px;
7	}
8	.mega_team_case {
9	- width: 100%;
10	}
11	.mega_team_case i {
12	font-size: 13px;
13	}
14	.mega_team_case .mega_team_wrap {
15	- position: relative;
16	}
17	.mega_team_case .member-image img{
18	width: 100%;
	@@ -20,8 +16,8 @@
20	box-shadow: 0px 0px 12px #aaa;
21	}
22	.mega_team_case .member-image img:hover{
23	- -webkit-filter: grayscale(~~100~~%); /* Chrome, Safari, Opera */
24	- filter: grayscale(~~100~~%);
25	-webkit-transition-duration: 0.2s; /* Safari */
26	transition-duration: 0.2s;
27	}
	@@ -71,18 +67,17 @@
71	font-size: 11px;
72	}
73	.mega_team_case .member-skills {
74	- margin-top: 10px;
75	}
76	.mega_team_case .skill-label {
77	- font-size: 11px;
78	-
79	line-height: 16px;
80	color: #444;
81	margin-bottom: 2px;
82	font-weight: 600;
83	}
84	.mega_team_case .skill-prog {
85	- height: 2px;
86	margin-bottom: 6px;
87	border-radius: 24px;
88	-webkit-border-radius: 24px;
	@@ -99,7 +94,7 @@
99	-webkit-box-sizing: content-box;
100	}
101	.mega_team_case .member-info {
102	- color: #333;
103	font-size: 11px;
104	line-height: 15px;
105	}
	@@ -109,12 +104,12 @@
109	padding-bottom: 7px;
110	}
111	.mega_team_case .fill {
112	- height: 100%;
113	-webkit-animation: 400ms;
114	background-color: #00afd1;
115	}
116	.mega_team_case .member-social {
117	- margin-top: 5px;
118	text-align: center;
119	width: 100%;
120	margin-bottom: 15px;
	@@ -132,24 +127,24 @@
132
133
134	.mega_team_case_2 {
135	- width: 100%;
136	}
137	.mega_team_case_2 i {
138	font-size: 13px;
139	}
140	.mega_team_case_2 .mega_team_head {
141	- width: 45%;
142	- float: left;
143	}
144	.mega_team_case_2 .mega_team_footer {
145	- width: 50%;
146	- float: right;
147	}
148	.Clearfix {
149	- clear: both;
150	}
151	.mega_team_case_2 .mega_team_wrap {
152	- position: relative;
153	}
154	.mega_team_case_2 .member-image img{
155	width: 100%;
	@@ -159,8 +154,8 @@
159	transition-duration: 0.5s;
160	}
161	.mega_team_case_2 .member-image img:hover{
162	- -webkit-filter: grayscale(~~100~~%); /* Chrome, Safari, Opera */
163	- filter: grayscale(~~100~~%);
164	border-radius: 100px;
165	}
166	.mega_team_case_2 .member-name {
	@@ -176,7 +171,7 @@
176	-moz-border-radius: 2px;
177	-o-border-radius: 2px;
178	background-color: #444;
179	- z-index: 9994;
180	}
181	.mega_team_case_2 .member-name span {
182	background-color: #27bebe;
	@@ -211,10 +206,10 @@
211
212	}
213	.mega_team_case_2 .member-skills {
214	-
215	}
216	.mega_team_case_2 .skill-label {
217	- font-size: 10px;
218
219	line-height: 14px;
220	color: #444;
	@@ -222,7 +217,7 @@
222	font-weight: 600;
223	}
224	.mega_team_case_2 .skill-prog {
225	- height: 2px;
226	margin-bottom: 2px;
227	border-radius: 24px;
228	-webkit-border-radius: 24px;
	@@ -239,7 +234,7 @@
239	-webkit-box-sizing: content-box;
240	}
241	.mega_team_case_2 .member-info {
242	- color: #333;
243	font-size: 11px;
244	line-height: 14px;
245	}
	@@ -249,12 +244,12 @@
249	padding-bottom: 7px;
250	}
251	.mega_team_case_2 .fill {
252	- height: 100%;
253	-webkit-animation: 400ms;
254	background-color: #00afd1;
255	}
256	.mega_team_case_2 .member-social {
257	- margin-top: 5px;
258	width: 100%;
259	margin-bottom: 15px;
260	}
	@@ -266,14 +261,11 @@
266	}
267
268
269	-
270	-
271	- /*********
272	- Style 3
273	- **********/
274
275	.mega_team_case_3 {
276	- width: 100%;
277	}
278	.mega_team_case_3 i {
279	font-size: 13px;
	@@ -287,8 +279,8 @@ Style 3
287	box-shadow: 0px 0px 12px #aaa;
288	}
289	.mega_team_case_3 .member-image img:hover{
290	- -webkit-filter: grayscale(~~100~~%); /* Chrome, Safari, Opera */
291	- filter: grayscale(~~100~~%);
292	-webkit-transition-duration: 0.2s; /* Safari */
293	transition-duration: 0.2s;
294	}
	@@ -312,7 +304,6 @@ Style 3
312	padding-left: 0px;
313	padding-right: 0px;
314	padding-top: 14px;
315	-
316	font-size: 13px;
317	line-height: 21px;
318	font-weight: 300;
	@@ -386,31 +377,33 @@ Style 3
386	}
387
388
389	- /*********
390	- ~~Style 4~~
391	- **********/
392
393	.mega_team_case_4 {
394	- max-width: ~~300px;~~
395	- width: 100%;
396	position: relative;
397	overflow: hidden;
398	box-shadow: 0px 0px 12px #aaa;
399	}

400	.mega_team_case_4 i {
401	font-size: 14px;
402	}



403	.mega_team_case_4 .member-image img{
404	width: 100%;
405	- border: ~~1px~~ solid #fff;
406	position: relative;
407	-webkit-transition-duration: 0.5s; /* Safari */
408	transition-duration: 0.5s;
409	- margin-bottom: ~~-6px~~;
410	}
411	.mega_team_case_4:hover .member-image img{
412	- -webkit-filter: grayscale(~~100~~%); /* Chrome, Safari, Opera */
413	- filter: grayscale(~~100~~%);
414	}
415	.mega_team_case_4 .mega_wrap {
416	width: 100%;
	@@ -423,7 +416,7 @@ Style 4
423	}
424	.mega_team_case_4:hover .mega_wrap {
425	bottom: 0;
426	- background-color: rgba(0,0,0,0.2);
427	}
428	.mega_team_case_4 .member-name {
429	font-size: 18px;
	@@ -456,4 +449,105 @@ Style 4
456	padding: 2px 2px 2px 5px;
457	margin-right: 4px;
458	text-decoration: none;





































































































459	}






1	.type-wrap .typed-cursor {
2	font-size: 16px;
3	}
4	.mega_team_case {
5	+ max-width: 100%;
6	}
7	.mega_team_case i {
8	font-size: 13px;
9	}
10	.mega_team_case .mega_team_wrap {
11	+ position: relative;
12	}
13	.mega_team_case .member-image img{
14	width: 100%;

16	box-shadow: 0px 0px 12px #aaa;
17	}
18	.mega_team_case .member-image img:hover{
19	+ -webkit-filter: grayscale(30%); /* Chrome, Safari, Opera */
20	+ filter: grayscale(30%);
21	-webkit-transition-duration: 0.2s; /* Safari */
22	transition-duration: 0.2s;
23	}

67	font-size: 11px;
68	}
69	.mega_team_case .member-skills {
70	+ margin-top: 10px;
71	}
72	.mega_team_case .skill-label {
73	+ font-size: 11px;

74	line-height: 16px;
75	color: #444;
76	margin-bottom: 2px;
77	font-weight: 600;
78	}
79	.mega_team_case .skill-prog {
80	+ height: 2px;
81	margin-bottom: 6px;
82	border-radius: 24px;
83	-webkit-border-radius: 24px;

94	-webkit-box-sizing: content-box;
95	}
96	.mega_team_case .member-info {
97	+ color: #333;
98	font-size: 11px;
99	line-height: 15px;
100	}

104	padding-bottom: 7px;
105	}
106	.mega_team_case .fill {
107	+ height: 100%;
108	-webkit-animation: 400ms;
109	background-color: #00afd1;
110	}
111	.mega_team_case .member-social {
112	+ margin-top: 5px;
113	text-align: center;
114	width: 100%;
115	margin-bottom: 15px;

127
128
129	.mega_team_case_2 {
130	+ max-width: 100%;
131	}
132	.mega_team_case_2 i {
133	font-size: 13px;
134	}
135	.mega_team_case_2 .mega_team_head {
136	+ width: 45%;
137	+ float: left;
138	}
139	.mega_team_case_2 .mega_team_footer {
140	+ width: 50%;
141	+ float: right;
142	}
143	.Clearfix {
144	+ clear: both;
145	}
146	.mega_team_case_2 .mega_team_wrap {
147	+ position: relative;
148	}
149	.mega_team_case_2 .member-image img{
150	width: 100%;

154	transition-duration: 0.5s;
155	}
156	.mega_team_case_2 .member-image img:hover{
157	+ -webkit-filter: grayscale(30%); /* Chrome, Safari, Opera */
158	+ filter: grayscale(30%);
159	border-radius: 100px;
160	}
161	.mega_team_case_2 .member-name {

171	-moz-border-radius: 2px;
172	-o-border-radius: 2px;
173	background-color: #444;
174	+ /z-index: 9994;/
175	}
176	.mega_team_case_2 .member-name span {
177	background-color: #27bebe;

206
207	}
208	.mega_team_case_2 .member-skills {
209	+
210	}
211	.mega_team_case_2 .skill-label {
212	+ font-size: 10px;
213
214	line-height: 14px;
215	color: #444;

217	font-weight: 600;
218	}
219	.mega_team_case_2 .skill-prog {
220	+ height: 2px;
221	margin-bottom: 2px;
222	border-radius: 24px;
223	-webkit-border-radius: 24px;

234	-webkit-box-sizing: content-box;
235	}
236	.mega_team_case_2 .member-info {
237	+ color: #333;
238	font-size: 11px;
239	line-height: 14px;
240	}

244	padding-bottom: 7px;
245	}
246	.mega_team_case_2 .fill {
247	+ height: 100%;
248	-webkit-animation: 400ms;
249	background-color: #00afd1;
250	}
251	.mega_team_case_2 .member-social {
252	+ margin-top: 5px;
253	width: 100%;
254	margin-bottom: 15px;
255	}

261	}
262
263
264	+ /* Style 3
265	+ =============================================*/



266
267	.mega_team_case_3 {
268	+ max-width: 100%;
269	}
270	.mega_team_case_3 i {
271	font-size: 13px;

279	box-shadow: 0px 0px 12px #aaa;
280	}
281	.mega_team_case_3 .member-image img:hover{
282	+ -webkit-filter: grayscale(30%); /* Chrome, Safari, Opera */
283	+ filter: grayscale(30%);
284	-webkit-transition-duration: 0.2s; /* Safari */
285	transition-duration: 0.2s;
286	}

304	padding-left: 0px;
305	padding-right: 0px;
306	padding-top: 14px;

307	font-size: 13px;
308	line-height: 21px;
309	font-weight: 300;

377	}
378
379
380	+ /* Style 4
381	+ =================================================*/

382
383	.mega_team_case_4 {
384	+ max-width: 100%;

385	position: relative;
386	overflow: hidden;
387	box-shadow: 0px 0px 12px #aaa;
388	}
389	+
390	.mega_team_case_4 i {
391	font-size: 14px;
392	}
393	+ .mega_team_case_4 .member-image a {
394	+ display: flex;
395	+ }
396	.mega_team_case_4 .member-image img{
397	width: 100%;
398	+ border: 0px solid #fff;
399	position: relative;
400	-webkit-transition-duration: 0.5s; /* Safari */
401	transition-duration: 0.5s;
402	+ margin-bottom: 0px;
403	}
404	.mega_team_case_4:hover .member-image img{
405	+ -webkit-filter: grayscale(30%); /* Chrome, Safari, Opera */
406	+ filter: grayscale(30%);
407	}
408	.mega_team_case_4 .mega_wrap {
409	width: 100%;

416	}
417	.mega_team_case_4:hover .mega_wrap {
418	bottom: 0;
419	+ background-color: rgba(0,0,0,0.5);
420	}
421	.mega_team_case_4 .member-name {
422	font-size: 18px;

449	padding: 2px 2px 2px 5px;
450	margin-right: 4px;
451	text-decoration: none;
452	+ }
453	+
454	+ /* Team Profile Style 8
455	+ ===================================================*/
456	+
457	+ .mega_team_case_8 .maw_team_description {
458	+ padding: 1em 1.5em;
459	+ }
460	+
461	+ .mega_team_case_8 .maw_team_icons a + a {
462	+ margin-left: 0.8em;
463	+ }
464	+
465	+ .mega_team_case_8 .maw_team_icons a:last-child {
466	+ margin-right: 0px !important;
467	+ }
468	+
469	+ .mega_team_case_8 .maw_team_wrap {
470	+ box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 10px 0px;
471	+ }
472	+
473	+ .mega_team_case_8 .maw_team_wrap {
474	+ position: relative;
475	+ width: 100%;
476	+ box-sizing: border-box;
477	+ overflow: hidden;
478	+ transition: all 0.25s ease-in-out 0s;
479	+ }
480	+
481	+ .mega_team_case_8 .maw_team_photo_wrapper {
482	+ overflow: hidden;
483	+ }
484	+
485	+ .mega_team_case_8 .maw_team_photo > div {
486	+ opacity: 1;
487	+ }
488	+
489	+ .mega_team_case_8 .maw_team_wrap .maw_team_photo img {
490	+ opacity: 1;
491	+ }
492	+
493	+ .mega_team_case_8 .maw_team_wrap .maw_team_photo img {
494	+ width: 100%;
495	+ object-fit: cover;
496	+ height: 100%;
497	+ }
498	+
499	+ .mega_team_case_8 .maw_team_photo img {
500	+ display: block;
501	+ width: 100%;
502	+ height: auto;
503	+ box-shadow: none;
504	+ margin: 0px;
505	+ padding: 0px;
506	+ border-width: initial;
507	+ border-style: none;
508	+ border-color: initial;
509	+ border-image: initial;
510	+ border-radius: 0px;
511	+ transition: all 0.5s ease-out 0s;
512	+ }
513	+
514	+
515	+ .mega_team_case_8 .maw_team_name {
516	+ display: block;
517	+ margin-bottom: 0.2em;
518	+ font-size: 1.2em;
519	+ font-weight: 700;
520	+ }
521	+
522	+ .mega_team_case_8 .maw_team_role {
523	+ display: block;
524	+ margin-bottom: 1em;
525	+ font-size: 0.9em;
526	+ opacity: 0.5;
527	+ }
528	+
529	+ .mega_team_case_8 .maw_team_icons a {
530	+ display: inline-block;
531	+ text-align: center;
532	+ line-height: 1;
533	+ text-decoration: none;
534	+ }
535	+
536	+
537	+ .mega_team_case_8 .maw_team_wrap .maw_team_photo {
538	+ width: 100%;
539	+ height: 100%;
540	+ }
541	+
542	+ .mega_team_case_8 .maw_team_icons {
543	+ border-top: 1px solid rgba(0, 0, 0, 0.05);
544	+ padding: 1em;
545	+ }
546	+
547	+ .mega_team_case_8 .maw_team_icons .maw_team_icon {
548	+ padding: 5px;
549	+ }
550	+
551	+ .mega_team_case_8 .maw_team_icons a:first-child {
552	+ margin-left: 0px;
553	}

index.php CHANGED Viewed

	@@ -5,7 +5,7 @@
5	Plugin URI: https://addons.topdigitaltrends.net/
6	Author: Topdigitaltrends
7	Author URI: https://www.topdigitaltrends.net/
8	- Version: 4.2.0
9	License: GPL2
10	*/
11


5	Plugin URI: https://addons.topdigitaltrends.net/
6	Author: Topdigitaltrends
7	Author URI: https://www.topdigitaltrends.net/
8	+ Version: 4.2.5
9	License: GPL2
10	*/
11

lib/style.css CHANGED Viewed

@@ -3,4 +3,10 @@ input[type=number].wpb_vc_param_value.vc_number {
                 margin-right: 10px;
+            }
             /* Custom VC number Parameter
-            -
            ============================================== */


3	margin-right: 10px;
4	}
5	/* Custom VC number Parameter
6	+ ============================================== */
7	+
8	+ /* Edit Field Class Padding top vc_col-sm-4
9	+ ============================================== */
10	+ .edit_field_padding_top {
11	+ padding-top: 0 !important;
12	+ }

main.php CHANGED Viewed

	@@ -106,7 +106,7 @@ class VC_MEGA
106	<h3 style="font-weight: 100;">Enable/Disable Element</h3>
107	<div class="mega-addons-version">
108	<div class="dashicons-before dashicons-shield"></div>
109	- <p>Version 4.2.0</p>
110	</div>
111	<?php include 'includes/settings.php'; ?>
112	</div>


106	<h3 style="font-weight: 100;">Enable/Disable Element</h3>
107	<div class="mega-addons-version">
108	<div class="dashicons-before dashicons-shield"></div>
109	+ <p>Version 4.2.5</p>
110	</div>
111	<?php include 'includes/settings.php'; ?>
112	</div>

readme.txt CHANGED Viewed

	@@ -3,12 +3,12 @@ Contributors: nasir179125, smokehunt
3	Donate link: https://www.paypal.com/donate/?token=IEJu3QF5rsSIXSKPvPFBAyFldUM4WbkVRzGfUQ4ZSTSZcI3_hiYjVvr5fcz8_MFFwzeW5W&country.x=GB&locale.x=GB
4	Tags: mega addons for wpbakery page builder, mega addons for visual composer, visual composer, all in one plugin, visual composer extension, whatsapp chat, imag hover effects, portfolio, carousel for wpbakery, post, shortcodes, tabs, member profile, info banner, price table, stats counter, flip book, testimonial, filterable gallery, floating menu,
5	Requires at least: 3.5
6	- Tested up to: 5.5.1
7	- Stable tag: 4.2.0
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
11	- 33+ Addons WPBakery extension, Beautifully designed unique elements, Includes Premium quality addons For WPBakery Page Builder.
12
13	== Description ==
14
	@@ -94,6 +94,7 @@ We have designed 33+ of the most useful widgets to enhance your WPBakery Page Bu
94	16. [Modal Popup](http://addons.topdigitaltrends.net/modal-popup/) - (6+ Button Effects ) Add modal box in your content
95	17. [Accordion](http://addons.topdigitaltrends.net/accordion/) - (7+ Theme Design ) vertically stacked list of items
96	18. [WhatsApp Chat](https://addons.topdigitaltrends.net/whatsapp-chat-wordpress/) - Get instant WhatsApp messages right from your website visitors.

97
98
99	### Looking for a Best themes?
	@@ -160,6 +161,18 @@ https://www.youtube.com/watch?time_continue=387&v=Qj4tfvMlcJs
160
161	== Changelog ==
162












163	= 4.2.0 =
164	* Filterable Gallery: Now you can show caption text in Popup view.
165	* Advanced Button: Redesign settings for Button with addition of 7 more Effects.


3	Donate link: https://www.paypal.com/donate/?token=IEJu3QF5rsSIXSKPvPFBAyFldUM4WbkVRzGfUQ4ZSTSZcI3_hiYjVvr5fcz8_MFFwzeW5W&country.x=GB&locale.x=GB
4	Tags: mega addons for wpbakery page builder, mega addons for visual composer, visual composer, all in one plugin, visual composer extension, whatsapp chat, imag hover effects, portfolio, carousel for wpbakery, post, shortcodes, tabs, member profile, info banner, price table, stats counter, flip book, testimonial, filterable gallery, floating menu,
5	Requires at least: 3.5
6	+ Tested up to: 5.5.3
7	+ Stable tag: 4.2.5
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
11	+ 34+ Addons WPBakery extension, Beautifully designed unique elements, Includes Premium quality addons For WPBakery Page Builder.
12
13	== Description ==
14

94	16. [Modal Popup](http://addons.topdigitaltrends.net/modal-popup/) - (6+ Button Effects ) Add modal box in your content
95	17. [Accordion](http://addons.topdigitaltrends.net/accordion/) - (7+ Theme Design ) vertically stacked list of items
96	18. [WhatsApp Chat](https://addons.topdigitaltrends.net/whatsapp-chat-wordpress/) - Get instant WhatsApp messages right from your website visitors.
97	+ 19. [360 Product View](https://addons.topdigitaltrends.net/360-product-viewer/) - Interactive 3D image rotation in WordPress.
98
99
100	### Looking for a Best themes?

161
162	== Changelog ==
163
164	+ = 4.2.5 =
165	+ * Info Banner: Redesign Settings and more Features.
166	+ * Info Banner: Now you can add Gradient Background, Shadow for Button and Box. Added Google Fonts Option.
167	+ * Advanced Button: Added Google Fonts Option.
168	+ * Advanced Carousel: Fixed Padding for content + added "Animation Speed" option.
169	+ * Heading: Added Google Fonts Option, Set custom width Line with Icon and fixed border line show as box.
170	+ * Member Profile: Redesign Settings + Included new style.
171	+ * Accordion: Added Title Align Option + Title padding + More settings
172	+ * Bugs Fixed: When using the jQuery Migrate Helper plugin see the following notice: jQuery.fn.load() is deprecated
173	+ * Creative Link: CSS Class option added.
174	+ * New Pro feature available: 360 Product View
175	+
176	= 4.2.0 =
177	* Filterable Gallery: Now you can show caption text in Popup view.
178	* Advanced Button: Redesign settings for Button with addition of 7 more Effects.

render/advanced_btn.php CHANGED Viewed

	@@ -30,22 +30,28 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
30	'btn_size' => '18',
31	'icon_size' => '18',
32	'icon_space' => '5',
33	- 'font_family' => '',
34	- 'font_weight' => 'normal',
35	'transform' => 'default',
36	'text_style' => 'default',
37	'text_decoration' => 'default',
38	'btn_shadow' => 'none',



39	), $atts ) );
40	$some_id = rand(5, 500);
41	$btn_url = vc_build_link($btn_url);
42	wp_enqueue_style( 'advanced-button-css', plugins_url( '../css/advanced-buttons.css' , __FILE__ ));
43	$content = wpb_js_remove_wpautop($content, true);





44	ob_start(); ?>
45
46	- <div class="mega_uae_btn_<?php echo $some_id; ?>" style="justify-content: <?php echo $align; ?>; display: flex;">
47	<?php if ($btn_animation == 'hvr-fade' \|\| $btn_animation == 'button--saqui' \|\| $btn_animation == 'button--sacnite') { ?>
48	- <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>;background: <?php echo $btn_bg; ?> ; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px;" data-text="<?php echo esc_attr($btn_text); ?>">
49	<?php if ($icon_position == 'left') { ?>
50	<i class="<?php echo $btn_icon; ?> icon__left"></i>
51	<?php } ?>
	@@ -58,7 +64,7 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
58	<?php } ?>
59
60	<?php if ($btn_animation == 'button--winona') { ?>
61	- <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>;background: <?php echo $btn_bg; ?> ; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px;" data-text="">
62	<span>
63	<?php if ($icon_position == 'left') { ?>
64	<i class="<?php echo $btn_icon; ?> icon__left"> </i>
	@@ -74,7 +80,7 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
74	<?php } ?>
75
76	<?php if ($btn_animation == 'button--rayen') { ?>
77	- <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>;background: <?php echo $btn_bg; ?> ; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px;" data-text="">
78	<span style="background: <?php echo $btn_hvrbg; ?>; padding: <?php echo $padding_top; ?>px 0; color: <?php echo $btn_hvrclr; ?>;" class="advanced-btn-before"><?php echo $btn_text2; ?></span>
79	<span>
80	<?php if ($icon_position == 'left') { ?>
	@@ -90,7 +96,7 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
90	<?php } ?>
91
92	<?php if ($btn_animation == 'button--wapasha' \|\| $btn_animation == 'button--isi' \|\| $btn_animation == 'button--moema' \|\| $btn_animation == 'button--wayra' \|\| $btn_animation == 'button--ujarak' \|\| $btn_animation == 'button--aylen' \|\| $btn_animation == 'button--nuka' \|\| $btn_animation == 'button--shikoba' \|\| $btn_animation == 'button--quidel') { ?>
93	- <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px;" data-text="">
94	<?php if ($icon_position == 'left') { ?>
95	<i class="<?php echo $btn_icon; ?> button__icon icon__left"> </i>
96	<?php } ?>
	@@ -103,7 +109,7 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
103	<?php } ?>
104
105	<?php if ($btn_animation == 'button--antiman' \|\| $btn_animation == 'button--pipaluk') { ?>
106	- <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px;" data-text="">
107	<?php if ($icon_position == 'left') { ?>
108	<i class="<?php echo $btn_icon; ?> button__icon icon__left"> </i>
109	<?php } ?>
	@@ -116,7 +122,7 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
116	<?php } ?>
117
118	<?php if ($btn_animation == 'button--float') { ?>
119	- <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px;">
120	<?php echo $btn_text; ?>
121	<i class="<?php echo $btn_icon; ?>" style="font-size: <?php echo $icon_size ?>px;"></i>
122	</a>
	@@ -124,12 +130,9 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
124	</div>
125	<style>
126	.mega_uae_btn_<?php echo $some_id; ?> .maw_advanced_btn{
127	- font-family: <?php echo $font_family ?> !important;
128	- font-weight: <?php echo $font_weight ?> !important;
129	text-transform: <?php echo $transform ?> !important;
130	font-style: <?php echo $text_style ?> !important;
131	text-decoration: <?php echo $text_decoration ?> !important;
132	- /box-<?php echo $btn_shadow ?>: 5px 5px 16px rgba(68,68,68,0.3) !important;/
133	box-<?php echo $btn_shadow ?>: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
134	}
135	<?php if ($icon_position == 'left') { ?>
	@@ -325,6 +328,41 @@ class WPBakeryShortCode_mvc_advanced_button extends WPBakeryShortCode {
325	<?php
326	return ob_get_clean();
327	}



































328	}
329
330
	@@ -451,6 +489,14 @@ vc_map( array(
451	"group" => 'General',
452	),
453








454	array(
455	"type" => "vc_links",
456	"param_name" => "caption_url",
	@@ -664,5 +710,34 @@ vc_map( array(
664	"Shadow" => "shadow",
665	)
666	),





























667	),
668	) );


30	'btn_size' => '18',
31	'icon_size' => '18',
32	'icon_space' => '5',


33	'transform' => 'default',
34	'text_style' => 'default',
35	'text_decoration' => 'default',
36	'btn_shadow' => 'none',
37	+ 'use_theme_fonts' => '',
38	+ 'google_fonts' => 'default',
39	+ 'classname' => '',
40	), $atts ) );
41	$some_id = rand(5, 500);
42	$btn_url = vc_build_link($btn_url);
43	wp_enqueue_style( 'advanced-button-css', plugins_url( '../css/advanced-buttons.css' , __FILE__ ));
44	$content = wpb_js_remove_wpautop($content, true);
45	+ $atts = vc_map_get_attributes( $this->getShortcode(), $atts );
46	+ $fontsData = $this->getFontsData( $atts, 'google_fonts' );
47	+ $googleFontsStyles = $this->googleFontsStyles( $fontsData );
48	+ $this->enqueueGoogleFonts( $fontsData );
49	+ $googleallfonts = esc_attr( implode( ';', $googleFontsStyles ) );
50	ob_start(); ?>
51
52	+ <div class="mega_uae_btn_<?php echo $some_id; ?> <?php echo $classname; ?>" style="justify-content: <?php echo $align; ?>; display: flex;">
53	<?php if ($btn_animation == 'hvr-fade' \|\| $btn_animation == 'button--saqui' \|\| $btn_animation == 'button--sacnite') { ?>
54	+ <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>;background: <?php echo $btn_bg; ?> ; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; <?php echo $googleallfonts; ?>;" data-text="<?php echo esc_attr($btn_text); ?>">
55	<?php if ($icon_position == 'left') { ?>
56	<i class="<?php echo $btn_icon; ?> icon__left"></i>
57	<?php } ?>

64	<?php } ?>
65
66	<?php if ($btn_animation == 'button--winona') { ?>
67	+ <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>;background: <?php echo $btn_bg; ?> ; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; <?php echo $googleallfonts; ?>;" data-text="">
68	<span>
69	<?php if ($icon_position == 'left') { ?>
70	<i class="<?php echo $btn_icon; ?> icon__left"> </i>

80	<?php } ?>
81
82	<?php if ($btn_animation == 'button--rayen') { ?>
83	+ <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>;background: <?php echo $btn_bg; ?> ; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; <?php echo $googleallfonts; ?>;" data-text="">
84	<span style="background: <?php echo $btn_hvrbg; ?>; padding: <?php echo $padding_top; ?>px 0; color: <?php echo $btn_hvrclr; ?>;" class="advanced-btn-before"><?php echo $btn_text2; ?></span>
85	<span>
86	<?php if ($icon_position == 'left') { ?>

96	<?php } ?>
97
98	<?php if ($btn_animation == 'button--wapasha' \|\| $btn_animation == 'button--isi' \|\| $btn_animation == 'button--moema' \|\| $btn_animation == 'button--wayra' \|\| $btn_animation == 'button--ujarak' \|\| $btn_animation == 'button--aylen' \|\| $btn_animation == 'button--nuka' \|\| $btn_animation == 'button--shikoba' \|\| $btn_animation == 'button--quidel') { ?>
99	+ <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; <?php echo $googleallfonts; ?>;" data-text="">
100	<?php if ($icon_position == 'left') { ?>
101	<i class="<?php echo $btn_icon; ?> button__icon icon__left"> </i>
102	<?php } ?>

109	<?php } ?>
110
111	<?php if ($btn_animation == 'button--antiman' \|\| $btn_animation == 'button--pipaluk') { ?>
112	+ <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; <?php echo $googleallfonts; ?>;" data-text="">
113	<?php if ($icon_position == 'left') { ?>
114	<i class="<?php echo $btn_icon; ?> button__icon icon__left"> </i>
115	<?php } ?>

122	<?php } ?>
123
124	<?php if ($btn_animation == 'button--float') { ?>
125	+ <a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="maw_advanced_btn <?php echo $btn_animation; ?> <?php echo $btn_block; ?>" style="color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $btn_border; ?>; border-radius: <?php echo $btn_radius; ?>px; font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; <?php echo $googleallfonts; ?>;">
126	<?php echo $btn_text; ?>
127	<i class="<?php echo $btn_icon; ?>" style="font-size: <?php echo $icon_size ?>px;"></i>
128	</a>

130	</div>
131	<style>
132	.mega_uae_btn_<?php echo $some_id; ?> .maw_advanced_btn{


133	text-transform: <?php echo $transform ?> !important;
134	font-style: <?php echo $text_style ?> !important;
135	text-decoration: <?php echo $text_decoration ?> !important;

136	box-<?php echo $btn_shadow ?>: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
137	}
138	<?php if ($icon_position == 'left') { ?>

328	<?php
329	return ob_get_clean();
330	}
331	+
332	+ protected function getFontsData( $atts, $paramName ) {
333	+ $googleFontsParam = new Vc_Google_Fonts();
334	+ $field = WPBMap::getParam( $this->shortcode, $paramName );
335	+ $fieldSettings = isset( $field['settings'], $field['settings']['fields'] ) ? $field['settings']['fields'] : array();
336	+ $fontsData = strlen( $atts[ $paramName ] ) > 0 ? $googleFontsParam->_vc_google_fonts_parse_attributes( $fieldSettings, $atts[ $paramName ] ) : '';
337	+
338	+ return $fontsData;
339	+ }
340	+
341	+ protected function googleFontsStyles( $fontsData ) {
342	+ // Inline styles
343	+ $fontFamily = explode( ':', $fontsData['values']['font_family'] );
344	+ $styles[] = 'font-family:' . $fontFamily[0];
345	+ $fontStyles = explode( ':', $fontsData['values']['font_style'] );
346	+ $styles[] = 'font-weight:' . $fontStyles[1];
347	+ $styles[] = 'font-style:' . $fontStyles[2];
348	+
349	+ return $styles;
350	+ }
351	+
352	+ protected function enqueueGoogleFonts( $fontsData ) {
353	+ // Get extra subsets for settings (latin/cyrillic/etc)
354	+ $settings = get_option( 'wpb_js_google_fonts_subsets' );
355	+ if ( is_array( $settings ) && ! empty( $settings ) ) {
356	+ $subsets = '&subset=' . implode( ',', $settings );
357	+ } else {
358	+ $subsets = '';
359	+ }
360	+
361	+ // We also need to enqueue font from googleapis
362	+ if ( isset( $fontsData['values']['font_family'] ) ) {
363	+ wp_enqueue_style( 'vc_google_fonts_' . vc_build_safe_css_class( $fontsData['values']['font_family'] ), '//fonts.googleapis.com/css?family=' . $fontsData['values']['font_family'] . $subsets );
364	+ }
365	+ }
366	}
367
368

489	"group" => 'General',
490	),
491
492	+ array(
493	+ "type" => "textfield",
494	+ "heading" => __( 'Extra class name', 'megaaddons' ),
495	+ "param_name" => "classname",
496	+ "description" => "Style particular content element differently - add a class name and refer to it in custom CSS.",
497	+ "group" => 'General',
498	+ ),
499	+
500	array(
501	"type" => "vc_links",
502	"param_name" => "caption_url",

710	"Shadow" => "shadow",
711	)
712	),
713	+
714	+ array(
715	+ "type" => "checkbox",
716	+ "heading" => __( 'Use theme default font family?', 'creativelink' ),
717	+ "param_name" => "use_theme_fonts",
718	+ "description" => __( 'Use font family from the theme.', 'creativelink' ),
719	+ "group" => 'Settings',
720	+ "value" => array(
721	+ "Yes" => "yes",
722	+ )
723	+ ),
724	+
725	+ array(
726	+ 'type' => 'google_fonts',
727	+ 'param_name' => 'google_fonts',
728	+ 'value' => 'default',
729	+ 'settings' => array(
730	+ 'fields' => array(
731	+ 'font_family_description' => __( 'Select font family.', 'js_composer' ),
732	+ 'font_style_description' => __( 'Select font styling.', 'js_composer' ),
733	+ ),
734	+ ),
735	+ "group" => 'Settings',
736	+ 'weight' => 0,
737	+ 'dependency' => array(
738	+ 'element' => 'use_theme_fonts',
739	+ 'value_not_equal_to' => 'yes',
740	+ ),
741	+ ),
742	),
743	) );

render/creativelink.php CHANGED Viewed

	@@ -8,133 +8,122 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
8	protected function content( $atts, $content = null ) {
9
10	extract( shortcode_atts( array(
11	- 'style' => 'cl-effect-1',
12	- 'size' => '18',
13	- '~~weight~~' => '',
14	- 'align' => 'left',
15	- 'text' => '',
16	- 'url' => '',
17	- 'clr' => '',
18	- '~~bgclr~~' => '',
19	- '~~hoverclr~~' => '',
20	- '~~hoverbg~~' => '',



21	), $atts ) );

22	$url = vc_build_link($url);
23	wp_enqueue_style( 'creative-css', plugins_url( '../css/creativelink.css' , __FILE__ ));
24	wp_enqueue_script( 'creative-js', plugins_url( '../js/creativelink.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
25	$content = wpb_js_remove_wpautop($content, true);
26	ob_start(); ?>
27	- <?php if ($style == ~~'cl-effect-1'~~ \|\| $~~style~~ == ~~'cl~~-~~effect-13')~~ { ?>
28	- ~~<div class="~~<?php ~~echo~~ $style; ?> ~~mega~~-~~creative~~-~~btn"~~ style~~="text-align:~~ ~~<?php~~ ~~echo~~ ~~$align;~~ ~~?>;">~~
29	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; ~~font~~-~~weight~~: <?php echo $~~weight;~~ ?>;">
30	<?php echo $text; ?>
31	</a>
32	- ~~</div>~~
33	- <?php } ?>
34
35	- <?php if ($style == 'cl-effect-2') { ?>
36	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega-creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
37	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
38	<span class="creativelink" data-hover="<?php echo $text; ?>" style="background: <?php echo $bgclr; ?>;">
39	<span class="creativelink-" style="background: <?php echo $hoverbg; ?>;"><?php echo $text; ?></span>
40	<?php echo $text; ?>
41	</span>
42	</a>
43	- ~~</div>~~
44	- <?php } ?>
45
46	- <?php if ($style == 'cl-effect-5') { ?>
47	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega-creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
48	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
49	<span class="creativelink">
50	<span class="creativelink-"><?php echo $text; ?></span>
51	<?php echo $text; ?>
52	</span>
53	</a>
54	- ~~</div>~~
55	- <?php } ?>
56
57	- <?php if ($style == 'cl-effect-3' \|\| $style == 'cl-effect-4') { ?>
58	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega-creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
59	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
60	<?php echo $text; ?>
61	<span class="creativelink" style="background: <?php echo $hoverbg; ?>;"></span>
62	</a>
63	- ~~</div>~~
64	- <?php } ?>
65
66	- <?php if ($style == 'cl-effect-6' \|\| $style == 'cl-effect-7' \|\| $style == 'cl-effect-14' \|\| $style == 'cl-effect-18' \|\| $style == 'cl-effect-21') { ?>
67	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega~~-~~creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
68	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="Umbrella" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
69	<span class="creativelink" style="background: <?php echo $bgclr; ?>;"></span>
70	<?php echo $text; ?>
71	<span class="creativelink-" style="background: <?php echo $bgclr; ?>;"></span>
72	</a>
73	- ~~</div>~~
74	- <?php } ?>
75
76	- <?php if ($style == 'cl-effect-8') { ?>
77	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega-creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
78	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
79	<span class="creativelink" style="border: 3px solid <?php echo $bgclr; ?>;"></span>
80	<?php echo $text; ?>
81	<span class="creativelink-" style="border-color: <?php echo $hoverbg; ?>;"></span>
82	</a>
83	- ~~</div>~~
84	- <?php } ?>
85
86	- <?php if ($style == 'cl-effect-10') { ?>
87	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega~~-~~creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
88	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
89	<span class="creativelink" style="background: <?php echo $hoverbg; ?>;color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
90	<span class="creativelink-" style="background: <?php echo $bgclr; ?>;"><?php echo $text; ?></span>
91	</a>
92	- ~~</div>~~
93	- <?php } ?>
94
95	- <?php if ($style == 'cl-effect-11') { ?>
96	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega~~-~~creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
97	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $clr; ?>; border-top: 2px solid transparent; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
98	<span class="creativelink" style="border-bottom: 2px solid <?php echo $hoverclr; ?>;color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
99	<?php echo $text; ?>
100	</a>
101	- ~~</div>~~
102	- <?php } ?>
103
104	- <?php if ($style == 'cl-effect-15') { ?>
105	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega~~-~~creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
106	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $hoverclr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
107	<span class="creativelink" style="color: <?php echo $clr; ?>;"><?php echo $text; ?></span>
108	<?php echo $text; ?>
109	</a>
110	- ~~</div>~~
111	- <?php } ?>
112
113	- <?php if ($style == 'cl-effect-16') { ?>
114	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega~~-~~creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
115	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
116	<span class="creativelink" style="color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
117	<?php echo $text; ?>
118	</a>
119	- ~~</div>~~
120	- <?php } ?>
121
122	- <?php if ($style == 'cl-effect-19' \|\| $style == 'cl-effect-20') { ?>
123	- <~~div~~ ~~class~~="<?php echo $~~style~~; ?> ~~mega-creative-btn~~" style="~~text~~-~~align~~: <?php echo $~~align~~; ?>;">
124	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; font-weight: <?php echo $weight; ?>;">
125	<span data-hover="<?php echo $text; ?>" class="creativelink" style="background: <?php echo $bgclr; ?>;">
126	<span class="creativelink-" style="background: <?php echo $hoverbg; ?>;color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
127	<?php echo $text; ?>
128	</span>
129	</a>
130	- ~~</div>~~
131	- ~~<?php } ?>~~
132
133	<style>
134	- .cl-effect-13 a:hover::before, .cl-effect-13 a:focus::before {
135	color: <?php echo $clr; ?> !important;
136	text-shadow: 10px 0 <?php echo $clr; ?>, -10px 0 <?php echo $clr; ?> !important;
137	}





138	</style>
139	<?php
140	return ob_get_clean();
	@@ -153,7 +142,7 @@ vc_map( array(
153	"type" => "dropdown",
154	"heading" => __( 'Effect Style', 'creativelink' ),
155	"param_name" => "style",
156	- "description" => __( '<a href="https://addons.topdigitaltrends.net/creative-link/" target="_blank">See Demo</a> ~~10 More Effects in <a href="https://1.envato.market/02aNL" target="_blank">Pro Version</a>~~', 'creativelink' ),
157	"group" => 'General',
158	"value" => array(
159	"Effect 1" => "cl-effect-1",
	@@ -165,6 +154,15 @@ vc_map( array(
165	"Effect 7" => "cl-effect-7",
166	"Effect 8" => "cl-effect-8",
167	"Effect 10" => "cl-effect-10",









168	)
169	),
170
	@@ -189,24 +187,6 @@ vc_map( array(
189	"group" => 'General',
190	),
191
192	- array(
193	- "type" => "vc_number",
194	- "heading" => __( 'Font Size', 'creativelink' ),
195	- "param_name" => "size",
196	- "description" => __( 'font size of text in pixel e.g 18', 'creativelink' ),
197	- "value" => "18",
198	- "suffix" => 'px',
199	- "group" => 'General',
200	- ),
201	-
202	- array(
203	- "type" => "textfield",
204	- "heading" => __( 'Font Weight', 'creativelink' ),
205	- "param_name" => "weight",
206	- "description" => __( 'thickness of text e.g 500 or bold', 'creativelink' ),
207	- "group" => 'General',
208	- ),
209	-
210	array(
211	"type" => "vc_link",
212	"heading" => __( 'Button URL', 'creativelink' ),
	@@ -214,14 +194,23 @@ vc_map( array(
214	"description" => __( 'write url as link', 'creativelink' ),
215	"group" => 'General',
216	),

217	array(








218	"type" => "vc_links",
219	"param_name" => "caption_url",
220	"class" => "ult_param_heading",
221	"description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #0073aa;font-weight:600;"><a href="https://1.envato.market/02aNL" target="_blank" style="text-decoration: none;">Get the Pro version for more stunning elements and customization options.</a></span>', 'ihover' ),
222	"group" => 'General',
223	),
224	-
225	array(
226	"type" => "colorpicker",
227	"heading" => __( 'Text Color', 'creativelink' ),
	@@ -253,6 +242,41 @@ vc_map( array(
253	"description" => __( 'select button background color on hover', 'creativelink' ),
254	"group" => 'Color',
255	),



































256	),
257	) );
258


8	protected function content( $atts, $content = null ) {
9
10	extract( shortcode_atts( array(
11	+ 'style' => 'cl-effect-1',
12	+ 'size' => '18',
13	+ 'text_mblsize' => '',
14	+ 'align' => 'left',
15	+ 'text' => '',
16	+ 'url' => '',
17	+ 'clr' => '',
18	+ 'classname' => '',
19	+ 'bgclr' => '',
20	+ 'hoverclr' => '',
21	+ 'hoverbg' => '',
22	+ 'transform' => 'default',
23	+ 'google_fonts' => 'default',
24	), $atts ) );
25	+ $some_id = rand(5, 500);
26	$url = vc_build_link($url);
27	wp_enqueue_style( 'creative-css', plugins_url( '../css/creativelink.css' , __FILE__ ));
28	wp_enqueue_script( 'creative-js', plugins_url( '../js/creativelink.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
29	$content = wpb_js_remove_wpautop($content, true);
30	ob_start(); ?>
31	+ <div class="<?php echo $style; ?> creative_link_wrapper creative_link_<?php echo $some_id; ?> <?php echo $classname; ?>" style="text-align: <?php echo $align; ?>;">
32	+ <?php if ($style == 'cl-effect-1' \|\| $style == 'cl-effect-13') { ?>
33	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">
34	<?php echo $text; ?>
35	</a>
36	+ <?php } ?>

37
38	+ <?php if ($style == 'cl-effect-2') { ?>
39	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

40	<span class="creativelink" data-hover="<?php echo $text; ?>" style="background: <?php echo $bgclr; ?>;">
41	<span class="creativelink-" style="background: <?php echo $hoverbg; ?>;"><?php echo $text; ?></span>
42	<?php echo $text; ?>
43	</span>
44	</a>
45	+ <?php } ?>

46
47	+ <?php if ($style == 'cl-effect-5') { ?>
48	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

49	<span class="creativelink">
50	<span class="creativelink-"><?php echo $text; ?></span>
51	<?php echo $text; ?>
52	</span>
53	</a>
54	+ <?php } ?>

55
56	+ <?php if ($style == 'cl-effect-3' \|\| $style == 'cl-effect-4') { ?>
57	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

58	<?php echo $text; ?>
59	<span class="creativelink" style="background: <?php echo $hoverbg; ?>;"></span>
60	</a>
61	+ <?php } ?>

62
63	+ <?php if ($style == 'cl-effect-6' \|\| $style == 'cl-effect-7' \|\| $style == 'cl-effect-14' \|\| $style == 'cl-effect-18' \|\| $style == 'cl-effect-21') { ?>
64	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="Umbrella" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

65	<span class="creativelink" style="background: <?php echo $bgclr; ?>;"></span>
66	<?php echo $text; ?>
67	<span class="creativelink-" style="background: <?php echo $bgclr; ?>;"></span>
68	</a>
69	+ <?php } ?>

70
71	+ <?php if ($style == 'cl-effect-8') { ?>
72	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

73	<span class="creativelink" style="border: 3px solid <?php echo $bgclr; ?>;"></span>
74	<?php echo $text; ?>
75	<span class="creativelink-" style="border-color: <?php echo $hoverbg; ?>;"></span>
76	</a>
77	+ <?php } ?>

78
79	+ <?php if ($style == 'cl-effect-10') { ?>
80	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

81	<span class="creativelink" style="background: <?php echo $hoverbg; ?>;color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
82	<span class="creativelink-" style="background: <?php echo $bgclr; ?>;"><?php echo $text; ?></span>
83	</a>
84	+ <?php } ?>

85
86	+ <?php if ($style == 'cl-effect-11') { ?>
87	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $clr; ?>; border-top: 2px solid transparent; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

88	<span class="creativelink" style="border-bottom: 2px solid <?php echo $hoverclr; ?>;color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
89	<?php echo $text; ?>
90	</a>
91	+ <?php } ?>

92
93	+ <?php if ($style == 'cl-effect-15') { ?>
94	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $hoverclr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

95	<span class="creativelink" style="color: <?php echo $clr; ?>;"><?php echo $text; ?></span>
96	<?php echo $text; ?>
97	</a>
98	+ <?php } ?>

99
100	+ <?php if ($style == 'cl-effect-16') { ?>
101	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-hover="<?php echo $text; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

102	<span class="creativelink" style="color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
103	<?php echo $text; ?>
104	</a>
105	+ <?php } ?>

106
107	+ <?php if ($style == 'cl-effect-19' \|\| $style == 'cl-effect-20') { ?>
108	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px; text-transform: <?php echo $transform ?>;">

109	<span data-hover="<?php echo $text; ?>" class="creativelink" style="background: <?php echo $bgclr; ?>;">
110	<span class="creativelink-" style="background: <?php echo $hoverbg; ?>;color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
111	<?php echo $text; ?>
112	</span>
113	</a>
114	+ <?php } ?>
115	+ </div>
116
117	<style>
118	+ .creative_link_<?php echo $some_id; ?>.cl-effect-13 a:hover::before, .creative_link_<?php echo $some_id; ?>.cl-effect-13 a:focus::before {
119	color: <?php echo $clr; ?> !important;
120	text-shadow: 10px 0 <?php echo $clr; ?>, -10px 0 <?php echo $clr; ?> !important;
121	}
122	+ @media only screen and (max-width: 480px) {
123	+ .creative_link_<?php echo $some_id; ?> a {
124	+ font-size: <?php echo $text_mblsize; ?>px !important;
125	+ }
126	+ }
127	</style>
128	<?php
129	return ob_get_clean();

142	"type" => "dropdown",
143	"heading" => __( 'Effect Style', 'creativelink' ),
144	"param_name" => "style",
145	+ "description" => __( 'Select effect style <a href="https://addons.topdigitaltrends.net/creative-link/" target="_blank">See Demo</a>', 'creativelink' ),
146	"group" => 'General',
147	"value" => array(
148	"Effect 1" => "cl-effect-1",

154	"Effect 7" => "cl-effect-7",
155	"Effect 8" => "cl-effect-8",
156	"Effect 10" => "cl-effect-10",
157	+ "Effect 11" => "cl-effect-11",
158	+ "Effect 13" => "cl-effect-13",
159	+ "Effect 14" => "cl-effect-14",
160	+ "Effect 15" => "cl-effect-15",
161	+ "Effect 16" => "cl-effect-16",
162	+ "Effect 18" => "cl-effect-18",
163	+ "Effect 19" => "cl-effect-19",
164	+ "Effect 20" => "cl-effect-20",
165	+ "Effect 21" => "cl-effect-21",
166	)
167	),
168

187	"group" => 'General',
188	),
189


















190	array(
191	"type" => "vc_link",
192	"heading" => __( 'Button URL', 'creativelink' ),

194	"description" => __( 'write url as link', 'creativelink' ),
195	"group" => 'General',
196	),
197	+
198	array(
199	+ "type" => "textfield",
200	+ "heading" => __( 'Extra class name', 'megaaddons' ),
201	+ "param_name" => "classname",
202	+ "description" => "Style particular content element differently - add a class name and refer to it in custom CSS.",
203	+ "group" => 'General',
204	+ ),
205	+
206	+ array(
207	"type" => "vc_links",
208	"param_name" => "caption_url",
209	"class" => "ult_param_heading",
210	"description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #0073aa;font-weight:600;"><a href="https://1.envato.market/02aNL" target="_blank" style="text-decoration: none;">Get the Pro version for more stunning elements and customization options.</a></span>', 'ihover' ),
211	"group" => 'General',
212	),
213	+
214	array(
215	"type" => "colorpicker",
216	"heading" => __( 'Text Color', 'creativelink' ),

242	"description" => __( 'select button background color on hover', 'creativelink' ),
243	"group" => 'Color',
244	),
245	+
246	+ // ================ Typography ====================== //
247	+
248	+ array(
249	+ "type" => "vc_number",
250	+ "heading" => __( 'Text Size [PC]', 'creativelink' ),
251	+ "param_name" => "size",
252	+ "edit_field_class" => "vc_col-sm-6",
253	+ "value" => "18",
254	+ "suffix" => 'px',
255	+ "group" => 'Typography',
256	+ ),
257	+
258	+ array(
259	+ "type" => "vc_number",
260	+ "heading" => __( 'Text Size [Mobile]', 'creativelink' ),
261	+ "param_name" => "text_mblsize",
262	+ "edit_field_class" => "vc_col-sm-6",
263	+ "suffix" => 'px',
264	+ "group" => 'Typography',
265	+ ),
266	+
267	+ array(
268	+ "type" => "dropdown",
269	+ "heading" => __( 'Transform', 'button' ),
270	+ "param_name" => "transform",
271	+ "group" => 'Typography',
272	+ "value" => array(
273	+ "Default" => "default",
274	+ "Uppercase" => "uppercase",
275	+ "Lowercase" => "lowercase",
276	+ "Capitalize" => "capitalize",
277	+ "Normal" => "normal",
278	+ )
279	+ ),
280	),
281	) );
282

render/headings.php CHANGED Viewed

	@@ -22,22 +22,27 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
22	'title' => '',
23	'titlesize' => '22',
24	'titleclr' => '#000',
25	- '~~font_family~~' => '',
26	- '~~font_weight~~' => '~~normal~~',
27	'transform' => 'default',
28	- '~~text_style~~' => '~~default~~',
29	), $atts ) );
30	if ($image_id != '') {
31	$image_url = wp_get_attachment_url( $image_id );
32	}
33	$content = wpb_js_remove_wpautop($content, true);
34	wp_enqueue_style( 'vc-heading-css', plugins_url( '../css/heading.css' , __FILE__ ));





35	ob_start(); ?>
36	- <div id="mega-line-container">
37	<?php if ($style == 'theme1') { ?>
38	<div class="mega-line-top" style="text-align: <?php echo $align; ?>;">
39	<span style="width: <?php echo $linewidth; ?>px; border-top: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;"></span>
40	- <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>; ~~font-family: <?php echo $font_family ?>; font-weight: <?php echo $font_weight ?>;~~ text-transform: <?php echo $transform ?>; ~~font-style:~~ <?php echo $~~text_style~~ ?>;">
41	<?php echo $title; ?>
42	</h2>
43	<div>
	@@ -48,7 +53,7 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
48
49	<?php if ($style == 'theme2') { ?>
50	<div class="mega-line-center" style="text-align: <?php echo $align; ?>;">
51	- <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; ~~font-family: <?php echo $font_family ?>; font-weight: <?php echo $font_weight ?>;~~ text-transform: <?php echo $transform ?>; ~~font-style:~~ <?php echo $~~text_style~~ ?>;">
52	<?php echo $title; ?>
53	</h2>
54	<div style="line-height: <?php echo $lineheight; ?>;">
	@@ -62,7 +67,7 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
62
63	<?php if ($style == 'theme3') { ?>
64	<div class="mega-line-bottom" style="text-align: <?php echo $align; ?>;">
65	- <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; ~~font-family: <?php echo $font_family ?>; font-weight: <?php echo $font_weight ?>;~~ text-transform: <?php echo $transform ?>; ~~font-style:~~ <?php echo $~~text_style~~ ?>;">
66	<?php echo $title; ?>
67	</h2>
68	<div style="line-height: <?php echo $lineheight; ?>;">
	@@ -74,8 +79,8 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
74
75	<?php if ($style == 'theme4') { ?>
76
77	- <div id="mega-line-icon" style="text-align: <?php echo $align; ?>;">
78	- <div class="line-icon" style="text-align: <?php echo $iconalign; ?>;">
79	<?php if ($style2 == 'icon') { ?>
80	<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $iconclr; ?>"></i>
81	<?php } ?>
	@@ -83,7 +88,7 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
83	<img src="<?php echo $image_url; ?>">
84	<?php } ?>
85	</div>
86	- <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>; margin-bottom: -15px; ~~font-family: <?php echo $font_family ?>; font-weight: <?php echo $font_weight ?>;~~ text-transform: <?php echo $transform ?>; ~~font-style:~~ <?php echo $~~text_style~~ ?>;">
87	<?php echo $title; ?>
88	</h2>
89	<div>
	@@ -93,12 +98,12 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
93	<?php } ?>
94
95	<?php if ($style == 'theme5') { ?>
96	- <div id="mega-line-icon" style="text-align: <?php echo $align; ?>;">
97	- <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; ~~font-family: <?php echo $font_family ?>; font-weight: <?php echo $font_weight ?>;~~ text-transform: <?php echo $transform ?>; ~~font-style:~~ <?php echo $~~text_style~~ ?>;">
98	<?php echo $title; ?>
99	</h2>
100	<div style="line-height: <?php echo $lineheight; ?>;">
101	- <div class="line-icon" style="text-align: <?php echo $iconalign; ?>;">
102	<?php if ($style2 == 'icon') { ?>
103	<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $iconclr; ?>"></i>
104	<?php } ?>
	@@ -114,14 +119,14 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
114	<?php } ?>
115
116	<?php if ($style == 'theme6') { ?>
117	- <div id="mega-line-icon" style="text-align: <?php echo $align; ?>;">
118	- <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; ~~font-family: <?php echo $font_family ?>; font-weight: <?php echo $font_weight ?>;~~ text-transform: <?php echo $transform ?>; ~~font-style:~~ <?php echo $~~text_style~~ ?>;">
119	<?php echo $title; ?>
120	</h2>
121	<div style="line-height: <?php echo $lineheight; ?>;">
122	<?php echo $content ?>
123	</div>
124	- <div class="line-icon" style="text-align: <?php echo $iconalign; ?>;">
125	<?php if ($style2 == 'icon') { ?>
126	<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $iconclr; ?>"></i>
127	<?php } ?>
	@@ -135,6 +140,41 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
135	<?php
136	return ob_get_clean();
137	}



































138	}
139
140
	@@ -165,8 +205,7 @@ vc_map( array(
165	"type" => "vc_number",
166	"heading" => __( 'Line length', 'heading' ),
167	"param_name" => "linewidth",
168	- "~~description~~" => ~~__('set in pixel. default: 230'~~, ~~'heading'),~~
169	- "dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
170	"suffix" => 'px',
171	"value" => "170",
172	'max' => "",
	@@ -177,8 +216,7 @@ vc_map( array(
177	"type" => "vc_number",
178	"heading" => __( 'Border Width', 'heading' ),
179	"param_name" => "borderwidth",
180	- "~~description~~" => ~~__('set in pixel. default: 2'~~, ~~'heading'),~~
181	- "dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
182	"value" => "4",
183	"suffix" => 'px',
184	"group" => "General",
	@@ -188,8 +226,7 @@ vc_map( array(
188	"type" => "colorpicker",
189	"heading" => __( 'Border Color', 'heading' ),
190	"param_name" => "borderclr",
191	- "~~description~~" => ~~__('color of border line'~~, ~~'heading'),~~
192	- "dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
193	"value" => "#000",
194	"group" => "General",
195	),
	@@ -245,6 +282,14 @@ vc_map( array(
245	"group" => "General",
246	),
247








248	array(
249	"type" => "vc_links",
250	"param_name" => "caption_url",
	@@ -313,31 +358,32 @@ vc_map( array(
313	),
314
315	array(
316	- "type" => "~~textfield~~",
317	- "heading" => __( '~~Font~~ ~~Family~~ ~~Name~~', '~~button~~' ),
318	- "param_name" => "~~font_family~~",
319	- "~~group~~" => '~~Heading~~',




320	),
321
322	array(
323	- "type" => ~~"dropdown"~~,
324	- ~~"heading" => __(~~ '~~Font Weight~~', '~~button~~' ),
325	- ~~"param_name"~~ => ~~"font_weight"~~,
326	- ~~"group"~~ => ~~'Heading',~~
327	- ~~"value"~~ => array(
328	- ~~"100"~~ => ~~"100"~~,
329	- ~~"200"~~ => ~~"200"~~,
330	- ~~"300" => "300"~~,
331	- ~~"400" => "400"~~,
332	- "~~500~~" => ~~"500"~~,
333	- ~~"600"~~ => ~~"600"~~,
334	- ~~"700"~~ => ~~"700",~~
335	- ~~"800"~~ => ~~"800"~~,
336	- ~~"900"~~ => ~~"900"~~,
337	- ~~"Default" => "default"~~,
338	- "Normal" => "normal",
339	- "Bold" => "bold",
340	- )
341	),
342
343	array(
	@@ -354,19 +400,6 @@ vc_map( array(
354	)
355	),
356
357	- array(
358	- "type" => "dropdown",
359	- "heading" => __( 'Style', 'button' ),
360	- "param_name" => "text_style",
361	- "group" => 'Heading',
362	- "value" => array(
363	- "Default" => "default",
364	- "Normal" => "normal",
365	- "Italic" => "italic",
366	- "Oblique" => "oblique",
367	- )
368	- ),
369	-
370	// Description section
371
372	array(


22	'title' => '',
23	'titlesize' => '22',
24	'titleclr' => '#000',
25	+ 'use_theme_fonts' => '',
26	+ 'google_fonts' => 'default',
27	'transform' => 'default',
28	+ 'classname' => '',
29	), $atts ) );
30	if ($image_id != '') {
31	$image_url = wp_get_attachment_url( $image_id );
32	}
33	$content = wpb_js_remove_wpautop($content, true);
34	wp_enqueue_style( 'vc-heading-css', plugins_url( '../css/heading.css' , __FILE__ ));
35	+ $atts = vc_map_get_attributes( $this->getShortcode(), $atts );
36	+ $fontsData = $this->getFontsData( $atts, 'google_fonts' );
37	+ $googleFontsStyles = $this->googleFontsStyles( $fontsData );
38	+ $this->enqueueGoogleFonts( $fontsData );
39	+ $googleallfonts = esc_attr( implode( ';', $googleFontsStyles ) );
40	ob_start(); ?>
41	+ <div class="mega-line-container <?php echo $classname; ?>">
42	<?php if ($style == 'theme1') { ?>
43	<div class="mega-line-top" style="text-align: <?php echo $align; ?>;">
44	<span style="width: <?php echo $linewidth; ?>px; border-top: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;"></span>
45	+ <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>; text-transform: <?php echo $transform ?>; <?php echo $googleallfonts; ?>;">
46	<?php echo $title; ?>
47	</h2>
48	<div>

53
54	<?php if ($style == 'theme2') { ?>
55	<div class="mega-line-center" style="text-align: <?php echo $align; ?>;">
56	+ <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; text-transform: <?php echo $transform ?>; <?php echo $googleallfonts; ?>;">
57	<?php echo $title; ?>
58	</h2>
59	<div style="line-height: <?php echo $lineheight; ?>;">

67
68	<?php if ($style == 'theme3') { ?>
69	<div class="mega-line-bottom" style="text-align: <?php echo $align; ?>;">
70	+ <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; text-transform: <?php echo $transform ?>; <?php echo $googleallfonts; ?>;">
71	<?php echo $title; ?>
72	</h2>
73	<div style="line-height: <?php echo $lineheight; ?>;">

79
80	<?php if ($style == 'theme4') { ?>
81
82	+ <div class="mega-line-icon" style="text-align: <?php echo $align; ?>;">
83	+ <div class="line-icon" style="text-align: <?php echo $iconalign; ?>; width: <?php echo $linewidth; ?>px; border-top: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;">
84	<?php if ($style2 == 'icon') { ?>
85	<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $iconclr; ?>"></i>
86	<?php } ?>

88	<img src="<?php echo $image_url; ?>">
89	<?php } ?>
90	</div>
91	+ <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>; margin-bottom: -15px; text-transform: <?php echo $transform ?>; <?php echo $googleallfonts; ?>;">
92	<?php echo $title; ?>
93	</h2>
94	<div>

98	<?php } ?>
99
100	<?php if ($style == 'theme5') { ?>
101	+ <div class="mega-line-icon" style="text-align: <?php echo $align; ?>;">
102	+ <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; text-transform: <?php echo $transform ?>; <?php echo $googleallfonts; ?>;">
103	<?php echo $title; ?>
104	</h2>
105	<div style="line-height: <?php echo $lineheight; ?>;">
106	+ <div class="line-icon" style="text-align: <?php echo $iconalign; ?>; width: <?php echo $linewidth; ?>px; border-top: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;">
107	<?php if ($style2 == 'icon') { ?>
108	<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $iconclr; ?>"></i>
109	<?php } ?>

119	<?php } ?>
120
121	<?php if ($style == 'theme6') { ?>
122	+ <div class="mega-line-icon" style="text-align: <?php echo $align; ?>;">
123	+ <h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; text-transform: <?php echo $transform ?>; <?php echo $googleallfonts; ?>;">
124	<?php echo $title; ?>
125	</h2>
126	<div style="line-height: <?php echo $lineheight; ?>;">
127	<?php echo $content ?>
128	</div>
129	+ <div class="line-icon" style="text-align: <?php echo $iconalign; ?>; width: <?php echo $linewidth; ?>px; border-top: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;">
130	<?php if ($style2 == 'icon') { ?>
131	<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $iconclr; ?>"></i>
132	<?php } ?>

140	<?php
141	return ob_get_clean();
142	}
143	+
144	+ protected function getFontsData( $atts, $paramName ) {
145	+ $googleFontsParam = new Vc_Google_Fonts();
146	+ $field = WPBMap::getParam( $this->shortcode, $paramName );
147	+ $fieldSettings = isset( $field['settings'], $field['settings']['fields'] ) ? $field['settings']['fields'] : array();
148	+ $fontsData = strlen( $atts[ $paramName ] ) > 0 ? $googleFontsParam->_vc_google_fonts_parse_attributes( $fieldSettings, $atts[ $paramName ] ) : '';
149	+
150	+ return $fontsData;
151	+ }
152	+
153	+ protected function googleFontsStyles( $fontsData ) {
154	+ // Inline styles
155	+ $fontFamily = explode( ':', $fontsData['values']['font_family'] );
156	+ $styles[] = 'font-family:' . $fontFamily[0];
157	+ $fontStyles = explode( ':', $fontsData['values']['font_style'] );
158	+ $styles[] = 'font-weight:' . $fontStyles[1];
159	+ $styles[] = 'font-style:' . $fontStyles[2];
160	+
161	+ return $styles;
162	+ }
163	+
164	+ protected function enqueueGoogleFonts( $fontsData ) {
165	+ // Get extra subsets for settings (latin/cyrillic/etc)
166	+ $settings = get_option( 'wpb_js_google_fonts_subsets' );
167	+ if ( is_array( $settings ) && ! empty( $settings ) ) {
168	+ $subsets = '&subset=' . implode( ',', $settings );
169	+ } else {
170	+ $subsets = '';
171	+ }
172	+
173	+ // We also need to enqueue font from googleapis
174	+ if ( isset( $fontsData['values']['font_family'] ) ) {
175	+ wp_enqueue_style( 'vc_google_fonts_' . vc_build_safe_css_class( $fontsData['values']['font_family'] ), '//fonts.googleapis.com/css?family=' . $fontsData['values']['font_family'] . $subsets );
176	+ }
177	+ }
178	}
179
180

205	"type" => "vc_number",
206	"heading" => __( 'Line length', 'heading' ),
207	"param_name" => "linewidth",
208	+ "edit_field_class" => "vc_col-sm-4",

209	"suffix" => 'px',
210	"value" => "170",
211	'max' => "",

216	"type" => "vc_number",
217	"heading" => __( 'Border Width', 'heading' ),
218	"param_name" => "borderwidth",
219	+ "edit_field_class" => "vc_col-sm-4",

220	"value" => "4",
221	"suffix" => 'px',
222	"group" => "General",

226	"type" => "colorpicker",
227	"heading" => __( 'Border Color', 'heading' ),
228	"param_name" => "borderclr",
229	+ "edit_field_class" => "vc_col-sm-4",

230	"value" => "#000",
231	"group" => "General",
232	),

282	"group" => "General",
283	),
284
285	+ array(
286	+ "type" => "textfield",
287	+ "heading" => __( 'Extra class name', 'megaaddons' ),
288	+ "param_name" => "classname",
289	+ "description" => "Style particular content element differently - add a class name and refer to it in custom CSS.",
290	+ "group" => 'General',
291	+ ),
292	+
293	array(
294	"type" => "vc_links",
295	"param_name" => "caption_url",

358	),
359
360	array(
361	+ "type" => "checkbox",
362	+ "heading" => __( 'Use theme default font family?', 'creativelink' ),
363	+ "param_name" => "use_theme_fonts",
364	+ "description" => __( 'Use font family from the theme.', 'creativelink' ),
365	+ "group" => 'Heading',
366	+ "value" => array(
367	+ "Yes" => "yes",
368	+ )
369	),
370
371	array(
372	+ 'type' => 'google_fonts',
373	+ 'param_name' => 'google_fonts',
374	+ 'value' => 'default',
375	+ 'settings' => array(
376	+ 'fields' => array(
377	+ 'font_family_description' => __( 'Select font family.', 'js_composer' ),
378	+ 'font_style_description' => __( 'Select font styling.', 'js_composer' ),
379	+ ),
380	+ ),
381	+ "group" => 'Heading',
382	+ 'weight' => 0,
383	+ 'dependency' => array(
384	+ 'element' => 'use_theme_fonts',
385	+ 'value_not_equal_to' => 'yes',
386	+ ),



387	),
388
389	array(

400	)
401	),
402













403	// Description section
404
405	array(

render/highlight_box.php CHANGED Viewed

	@@ -8,7 +8,6 @@ class WPBakeryShortCode_highlight_box extends WPBakeryShortCode {
8	protected function content( $atts, $content = null ) {
9
10	extract( shortcode_atts( array(
11	- 'id' => '',
12	'style' => 'btn-5a',
13	'height' => '140',
14	'lineheight' => '2',
	@@ -19,17 +18,21 @@ class WPBakeryShortCode_highlight_box extends WPBakeryShortCode {
19	'text' => '',
20	'text2' => '',
21	'clr' => '#000',

22	'bgclr' => '#9e54bd',
23	'hoverbg' => '',



24	), $atts ) );
25	$some_id = rand(5, 500);
26	$url = vc_build_link($url);
27	- $content = wpb_js_remove_wpautop($content, true);
28	wp_enqueue_style( 'highlight-box', plugins_url( '../css/highlight-box.css' , __FILE__ ));

29	ob_start(); ?>
30	- <div id="~~highlight_box~~<?php echo $some_id ?>" style="display: table; width: 100%;height: 100%;">
31	<?php if ($style != 'fade2') { ?>
32	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_highlight_box btn-5 <?php echo $style; ?>" style="height: <?php echo $height; ?>px; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>;">
33	<i class="<?php echo $icon; ?> span-before" aria-hidden="true" style="font-size: <?php echo $iconsize; ?>px; line-height: <?php echo $height; ?>px; color: <?php echo $clr; ?>;"></i>
34	<div>
35	<span class="text" style="font-size: <?php echo $textsize; ?>px;"><?php echo $text; ?> <br> <?php echo $text2; ?></span>
	@@ -39,7 +42,7 @@ class WPBakeryShortCode_highlight_box extends WPBakeryShortCode {
39	<?php } ?>
40
41	<?php if ($style == 'fade2') { ?>
42	- <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_highlight_box btn-5 <?php echo $style; ?>" style="height: <?php echo $height; ?>px; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; text-align: center;">
43	<div>
44	<span class="text" style="font-size: <?php echo $textsize; ?>px; line-height: <?php echo $lineheight-.5; ?>;">
45	<?php echo $text; ?>
	@@ -51,16 +54,22 @@ class WPBakeryShortCode_highlight_box extends WPBakeryShortCode {
51	</div>
52
53	<style>
54	- ~~#highlight_box~~<?php echo $some_id ?> a~~:hover~~{





55	background: <?php echo $hoverbg; ?> !important;
56	}
57	- ~~#highlight_box~~<?php echo $some_id ?> .fade i{
58	display: none;
59	}
60	</style>
61	<?php
62	return ob_get_clean();
63	}

64	}
65
66
	@@ -75,7 +84,7 @@ vc_map( array(
75	"type" => "dropdown",
76	"heading" => __( 'Style', 'highlight' ),
77	"param_name" => "style",
78	- "description" => __( 'highlight style ~~<a href="https://addons.topdigitaltrends.net/highlight-box/" target="_blank">See Demo</a>~~'),
79	"group" => 'General',
80	"value" => array(
81	"Slide Top" => "btn-5a",
	@@ -104,50 +113,12 @@ vc_map( array(
104	"value" => "2",
105	"group" => "General",
106	),
107	- array(
108	- "type" => "vc_link",
109	- "heading" => __( 'Box URL', 'highlight' ),
110	- "param_name" => "url",
111	- "value" => "#0",
112	- "group" => "General",
113	- ),
114	-
115	- array(
116	- "type" => "vc_links",
117	- "param_name" => "caption_url",
118	- "class" => "ult_param_heading",
119	- "description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #0073aa;font-weight:600;"><a href="https://1.envato.market/02aNL" target="_blank" style="text-decoration: none;">Get the Pro version for more stunning elements and customization options.</a></span>', 'ihover' ),
120	- "group" => 'General',
121	- ),
122
123	array(
124	"type" => "iconpicker",
125	"heading" => __( 'Choose Icon', 'highlight' ),
126	"param_name" => "icon",
127	- "group" => "~~Icon~~",
128	- ),
129	- array(
130	- "type" => "vc_number",
131	- "heading" => __( 'Font Size', 'highlight' ),
132	- "param_name" => "iconsize",
133	- "description" => __( 'set in pixel eg, 30'),
134	- "value" => "30",
135	- "suffix" => 'px',
136	- "group" => "Icon",
137	- ),
138	-
139	-
140	- // Text Section
141	-
142	-
143	- array(
144	- "type" => "vc_number",
145	- "heading" => __( 'Text Font Size', 'highlight' ),
146	- "param_name" => "textsize",
147	- "description" => __( 'set in pixel eg, 35'),
148	- "value" => "35",
149	- "suffix" => 'px',
150	- "group" => "Text",
151	),
152
153	array(
	@@ -155,7 +126,7 @@ vc_map( array(
155	"heading" => __( 'Text', 'highlight' ),
156	"param_name" => "text",
157	"description" => __( 'display heighlight box text'),
158	- "group" => "~~Text~~",
159	),
160
161	array(
	@@ -163,12 +134,26 @@ vc_map( array(
163	"heading" => __( 'Text 2', 'highlight' ),
164	"param_name" => "text2",
165	"description" => __( 'It will show in 2nd line or leave blank'),
166	- "group" => "~~Text~~",
167	),
168















169
170	// Color Section
171	-
172
173	array(
174	"type" => "colorpicker",
	@@ -190,6 +175,61 @@ vc_map( array(
190	"param_name" => "hoverbg",
191	"group" => "Color",
192	),























































193	),
194	) );
195


8	protected function content( $atts, $content = null ) {
9
10	extract( shortcode_atts( array(

11	'style' => 'btn-5a',
12	'height' => '140',
13	'lineheight' => '2',

18	'text' => '',
19	'text2' => '',
20	'clr' => '#000',
21	+ 'btn_radius' => '',
22	'bgclr' => '#9e54bd',
23	'hoverbg' => '',
24	+ 'transform' => 'default',
25	+ 'btn_shadow' => 'none',
26	+ 'google_fonts' => 'default',
27	), $atts ) );
28	$some_id = rand(5, 500);
29	$url = vc_build_link($url);

30	wp_enqueue_style( 'highlight-box', plugins_url( '../css/highlight-box.css' , __FILE__ ));
31	+ $content = wpb_js_remove_wpautop($content, true);
32	ob_start(); ?>
33	+ <div class="highlight_box_<?php echo $some_id; ?>" style="display: table; width: 100%;height: 100%;">
34	<?php if ($style != 'fade2') { ?>
35	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_highlight_box btn-5 <?php echo $style; ?>" style="height: <?php echo $height; ?>px; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; border-radius: <?php echo $btn_radius; ?>px;">
36	<i class="<?php echo $icon; ?> span-before" aria-hidden="true" style="font-size: <?php echo $iconsize; ?>px; line-height: <?php echo $height; ?>px; color: <?php echo $clr; ?>;"></i>
37	<div>
38	<span class="text" style="font-size: <?php echo $textsize; ?>px;"><?php echo $text; ?> <br> <?php echo $text2; ?></span>

42	<?php } ?>
43
44	<?php if ($style == 'fade2') { ?>
45	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_highlight_box btn-5 <?php echo $style; ?>" style="height: <?php echo $height; ?>px; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; text-align: center; border-radius: <?php echo $btn_radius; ?>px;">
46	<div>
47	<span class="text" style="font-size: <?php echo $textsize; ?>px; line-height: <?php echo $lineheight-.5; ?>;">
48	<?php echo $text; ?>

54	</div>
55
56	<style>
57	+ .highlight_box_<?php echo $some_id; ?> a{
58	+ text-transform: <?php echo $transform ?> !important;
59	+ text-decoration: <?php echo $text_decoration ?> !important;
60	+ box-<?php echo $btn_shadow ?>: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
61	+ }
62	+ .highlight_box_<?php echo $some_id; ?> a:hover{
63	background: <?php echo $hoverbg; ?> !important;
64	}
65	+ .highlight_box_<?php echo $some_id; ?> .fade i{
66	display: none;
67	}
68	</style>
69	<?php
70	return ob_get_clean();
71	}
72	+
73	}
74
75

84	"type" => "dropdown",
85	"heading" => __( 'Style', 'highlight' ),
86	"param_name" => "style",
87	+ "description" => __( 'highlight style'),
88	"group" => 'General',
89	"value" => array(
90	"Slide Top" => "btn-5a",

113	"value" => "2",
114	"group" => "General",
115	),















116
117	array(
118	"type" => "iconpicker",
119	"heading" => __( 'Choose Icon', 'highlight' ),
120	"param_name" => "icon",
121	+ "group" => "General",























122	),
123
124	array(

126	"heading" => __( 'Text', 'highlight' ),
127	"param_name" => "text",
128	"description" => __( 'display heighlight box text'),
129	+ "group" => "General",
130	),
131
132	array(

134	"heading" => __( 'Text 2', 'highlight' ),
135	"param_name" => "text2",
136	"description" => __( 'It will show in 2nd line or leave blank'),
137	+ "group" => "General",
138	),
139
140	+ array(
141	+ "type" => "vc_link",
142	+ "heading" => __( 'Box URL', 'highlight' ),
143	+ "param_name" => "url",
144	+ "value" => "#0",
145	+ "group" => "General",
146	+ ),
147	+
148	+ array(
149	+ "type" => "vc_links",
150	+ "param_name" => "caption_url",
151	+ "class" => "ult_param_heading",
152	+ "description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #0073aa;font-weight:600;"><a href="https://1.envato.market/02aNL" target="_blank" style="text-decoration: none;">Get the Pro version for more stunning elements and customization options.</a></span>', 'ihover' ),
153	+ "group" => 'General',
154	+ ),
155
156	// Color Section

157
158	array(
159	"type" => "colorpicker",

175	"param_name" => "hoverbg",
176	"group" => "Color",
177	),
178	+
179	+ // Text Section
180	+
181	+ array(
182	+ "type" => "vc_number",
183	+ "heading" => __( 'Text [Font Size]', 'highlight' ),
184	+ "param_name" => "textsize",
185	+ "value" => "35",
186	+ "suffix" => 'px',
187	+ "group" => "Settings",
188	+ ),
189	+
190	+ array(
191	+ "type" => "vc_number",
192	+ "heading" => __( 'Icon [Font Size]', 'highlight' ),
193	+ "param_name" => "iconsize",
194	+ "value" => "30",
195	+ "suffix" => 'px',
196	+ "group" => "Settings",
197	+ ),
198	+
199	+ array(
200	+ "type" => "vc_number",
201	+ "heading" => __( 'Radius', 'button' ),
202	+ "param_name" => "btn_radius",
203	+ "description" => __( 'set button radius e.g 5', 'button' ),
204	+ "suffix" => 'px',
205	+ "group" => 'Settings',
206	+ ),
207	+
208	+ array(
209	+ "type" => "dropdown",
210	+ "heading" => __( 'Transform', 'button' ),
211	+ "param_name" => "transform",
212	+ "group" => 'Settings',
213	+ "value" => array(
214	+ "Default" => "default",
215	+ "Uppercase" => "uppercase",
216	+ "Lowercase" => "lowercase",
217	+ "Capitalize" => "capitalize",
218	+ "Normal" => "normal",
219	+ )
220	+ ),
221	+
222	+ array(
223	+ "type" => "dropdown",
224	+ "heading" => __( 'Shadow', 'button' ),
225	+ "param_name" => "btn_shadow",
226	+ "group" => 'Settings',
227	+ "value" => array(
228	+ "None" => "none",
229	+ "Shadow" => "shadow",
230	+ )
231	+ ),
232	+
233	),
234	) );
235

render/hover.php CHANGED Viewed

	@@ -19,7 +19,7 @@ class WPBakeryShortCode_mvc_ihe extends WPBakeryShortCode {
19	'border_width' => '10',
20	'border_style' => 'solid',
21	'border_color' => '#fff',
22	- 'hover_effect' => '~~NoEffect~~',
23	), $atts ) );
24	$caption_url = vc_build_link($caption_url);
25	if ($image_id != '') {
	@@ -192,7 +192,6 @@ vc_map( array(
192	"description" => __( 'Choose hover effect <a href="http://gudh.github.io/ihover/dist/">See demo</a>', 'ihover' ),
193	"group" => 'Hover Effects',
194	"value" => array(
195	- 'NoEffect' => 'NoEffect',
196	'Fade Effect' => 'ihe-fade square effect6 from_top_and_bottom',
197	'circle effect2 left to right' => 'circle effect2 left_to_right',
198	'circle effect2 right to left' => 'circle effect2 right_to_left',
	@@ -206,9 +205,9 @@ vc_map( array(
206	'circle effect4 right to left' => 'circle effect4 right_to_left',
207	'circle effect4 top to bottom' => 'circle effect4 top_to_bottom',
208	'circle effect4 bottom to top' => 'circle effect4 bottom_to_top',
209	- 'circle effect5' => 'circle effect5',
210	- 'circle effect6 scale up' => 'circle effect6 scale_up',
211	- 'circle effect6 scale down' => 'circle effect6 scale_down',
212	'circle effect6 scale down up' => 'circle effect6 scale_down_up',
213	'circle effect7 left to right' => 'circle effect7 left_to_right',
214	'circle effect7 right to left' => 'circle effect7 right_to_left',
	@@ -232,7 +231,7 @@ vc_map( array(
232	'circle effect12 right to left' => 'circle effect12 right_to_left',
233	'circle effect12 top to bottom' => 'circle effect12 top_to_bottom',
234	'circle effect12 bottom to top' => 'circle effect12 bottom_to_top',
235	- 'circle effect13 from left and right' => 'circle effect13 from_left_and_right',
236	'circle effect13 top to bottom' => 'circle effect13 top_to_bottom',
237	'circle effect13 bottom to top' => 'circle effect13 bottom_to_top',
238	'circle effect14 left to right' => 'circle effect14 left_to_right',


19	'border_width' => '10',
20	'border_style' => 'solid',
21	'border_color' => '#fff',
22	+ 'hover_effect' => 'ihe-fade square effect6 from_top_and_bottom',
23	), $atts ) );
24	$caption_url = vc_build_link($caption_url);
25	if ($image_id != '') {

192	"description" => __( 'Choose hover effect <a href="http://gudh.github.io/ihover/dist/">See demo</a>', 'ihover' ),
193	"group" => 'Hover Effects',
194	"value" => array(

195	'Fade Effect' => 'ihe-fade square effect6 from_top_and_bottom',
196	'circle effect2 left to right' => 'circle effect2 left_to_right',
197	'circle effect2 right to left' => 'circle effect2 right_to_left',

205	'circle effect4 right to left' => 'circle effect4 right_to_left',
206	'circle effect4 top to bottom' => 'circle effect4 top_to_bottom',
207	'circle effect4 bottom to top' => 'circle effect4 bottom_to_top',
208	+ 'circle effect5' => 'circle effect5',
209	+ 'circle effect6 scale up' => 'circle effect6 scale_up',
210	+ 'circle effect6 scale down' => 'circle effect6 scale_down',
211	'circle effect6 scale down up' => 'circle effect6 scale_down_up',
212	'circle effect7 left to right' => 'circle effect7 left_to_right',
213	'circle effect7 right to left' => 'circle effect7 right_to_left',

231	'circle effect12 right to left' => 'circle effect12 right_to_left',
232	'circle effect12 top to bottom' => 'circle effect12 top_to_bottom',
233	'circle effect12 bottom to top' => 'circle effect12 bottom_to_top',
234	+ 'circle effect13 from left and right' => 'circle effect13 from_left_and_right',
235	'circle effect13 top to bottom' => 'circle effect13 top_to_bottom',
236	'circle effect13 bottom to top' => 'circle effect13 bottom_to_top',
237	'circle effect14 left to right' => 'circle effect14 left_to_right',

render/infobanners.php CHANGED Viewed

@@ -8,10 +8,17 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
             	protected function content( $atts, $content = null ) {
             		extract( shortcode_atts( array(
-            -
            			'per_line'		=>		'4',
             			'style_visibility'		=>		'top_to_bottom',
             			'pic_width'				=>		'50',
             			'content_width'			=>		'50',
             			'image_id'				=>		'',
             			'alt'					=>		'',
             			'pic_size'				=>		'',
@@ -31,10 +38,13 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
             			'btn_radius'			=>		'5',
             			'btn_clr'				=>		'',
             			'btn_bg'				=>		'',
-            -
            			'btn_hvrclr'			=>		'none',
             			'btn_hvrbg'				=>		'none',
             			'css'					=>		'',
             			'descsize'				=>		'',
             		), $atts ) );
             		$url = vc_build_link($url);
             		$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
@@ -44,59 +54,118 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
             		$some_id = rand(5, 500);
             		wp_enqueue_style( 'infobanner-css', plugins_url( '../css/infobanner.css' , __FILE__ ));
             		$content = wpb_js_remove_wpautop($content, true);
             		ob_start(); ?>
             			<!-- Style1 & 2 info banner -->
-            -
            		<?php if ($style_visibility == 'left' || $style_visibility == 'right') { ?>
-            -
            			<div id="mega_info_bar" class="<?php echo $css_class; ?> mega-info-bar-<?php echo $some_id; ?>">
-            -
            				<div class="ribbon">
-            -
            					<span style="color: <?php echo $ribbon_clr; ?>; background-color: <?php echo $ribbon_bg; ?>">
-            -
            						<?php echo $ribbon_text; ?>
-            -
            					</span>
             				</div>
-            -
            				<div class="mega_wrap" style="width: <?php echo $pic_width-2; ?>%; float: <?php echo $style_visibility; ?>; padding: <?php echo $img_padding; ?>;">
-            -
            					<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="display: block; max-width: 100%; width: <?php echo $pic_size; ?>; height: <?php echo $pic_height; ?>px;">
             				</div>
-            -
-            -
            				<div class="mega_content" style="width: <?php echo $content_width-3; ?>%; padding: <?php echo $text_padding; ?>;">
-            -
            					<?php echo $content; ?><br>
-            -
-            -
            					<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onhoverbg="<?php echo $btn_hvrbg; ?>" data-onleavebg="<?php echo $btn_bg; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" class="mega_hvr_btn" style="font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_style; ?>; border-radius: <?php echo $btn_radius; ?>px; padding: <?php echo $btn_ptop/2; ?>px <?php echo $btn_pleft/2; ?>px;">
-            -
            						<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
-            -
            					</a>
-            -
            				</div>
-            -
            				<div class="clearfix"></div>
-            -
            			</div>
-            -
            		<?php } ?>
-            -
-            -
-            -
            		<!-- Style3 info banner -->
-            -
            		<?php if ($style_visibility == 'top_to_bottom') { ?>
-            -
            			<div id="mega_info_bar_2" class="<?php echo $css_class; ?> mega-info-bar-<?php echo $some_id; ?>">
-            -
            				<div class="ribbon">
-            -
            					<span style="color: <?php echo $ribbon_clr; ?>; background-color: <?php echo $ribbon_bg; ?>">
-            -
            						<?php echo $ribbon_text; ?>
-            -
            					</span>
-            -
            				</div>
-            -
            				<div class="mega_wrap" style="padding: <?php echo $img_padding; ?>;">
-            -
            				<?php if (!empty($image_url)) { ?>
-            -
            					<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="display: block; max-width: 100%; width: <?php echo $pic_size; ?>; height: <?php echo $pic_height; ?>px;">
-            -
            				<?php } ?>
             				</div>
-            -
-            -
            				<div class="mega_content" style="padding: <?php echo $text_padding; ?>;">
-            -
            						<?php echo $content; ?><br>
-            -
            					<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onhoverbg="<?php echo $btn_hvrbg; ?>" data-onleavebg="<?php echo $btn_bg; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" class="mega_hvr_btn" style="font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_style; ?>; padding: <?php echo $btn_ptop/2; ?>px <?php echo $btn_pleft/2; ?>px; border-radius: <?php echo $btn_radius; ?>px;">
-            -
            						<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
-            -
            					</a>
-            -
            					<br>
-            -
            				</div>
-            -
            				<div class="clearfix"></div>
-            -
            			</div>
-            -
            		<?php } ?>
             		<style>
             			@media only screen and (max-width: 480px) {
-            -
            				.mega-info-bar-<?php echo $some_id; ?> .mega_content *{
             					font-size: <?php echo $descsize; ?>px !important;
+            				}
+            			}
@@ -104,6 +173,41 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
             		<?php return ob_get_clean();
+            	}
+            }
@@ -121,9 +225,10 @@ vc_map( array(
             			"description" 	=> 	__( 'select styles for info banner <a href="http://addons.topdigitaltrends.net/info-banner/">See Demo</a>', 'info-banner-vc' ),
             			"group" 		=> 	'General',
             			"value" 		=>  array(
-            -
            				'Top image bottom content' =>  'top_to_bottom',
-            -
            				'Left image right content' =>  'left',
-            -
            				'Left content right image' =>  'right',
+            			)
                     ),
@@ -132,7 +237,7 @@ vc_map( array(
             			"heading" 		=> 	__( 'Picture box width', 'info-banner-vc' ),
             			"param_name" 	=> 	"pic_width",
             			"description" 	=> 	__( 'Set the width of picture box in percentage e.g 50', 'info-banner-vc' ),
-            -
            			"dependency" => array('element' => "style_visibility", 'value' => array('left', 'right',)),
             			"value"			=>	"50",
             			"suffix" 		=> '%',
             			"group" 		=> 	'General',
@@ -143,17 +248,85 @@ vc_map( array(
             			"heading" 		=> 	__( 'Content box width', 'info-banner-vc' ),
             			"param_name" 	=> 	"content_width",
             			"description" 	=> 	__( 'Set the width of content box in percentage e.g 50', 'info-banner-vc' ),
-            -
            			"dependency" => array('element' => "style_visibility", 'value' => array('left', 'right',)),
             			"value"			=>	"50",
             			"suffix" 		=> 	'%',
             			"group" 		=> 	'General',
                     ),
                     array(
             			"type" 			=> "vc_links",
-            -
            			"param_name" 	=> "caption_url",
             			"class"			=>	"ult_param_heading",
-            -
            			"description" 	=> __( '<span style="Background: #ddd;padding: 10px; display: block; color: #0073aa;font-weight:600;"><a href="https://1.envato.market/02aNL" target="_blank" style="text-decoration: none;">Get the Pro version for more stunning elements and customization options.</a></span>', 'ihover' ),
             			"group" 		=> 'General',
             		),
@@ -164,14 +337,37 @@ vc_map( array(
             			"heading" 		=> 	__( 'Padding ', 'info-banner-vc' ),
             			"param_name" 	=> 	"img_padding",
             			"description" 	=> 	__( 'top right bottom left', 'info-banner-vc' ),
             			"value"			=>	"0px 0px 0px 0px",
             			"group" 		=> 	'Image',
                     ),
                     array(
                         "type" 			=> 	"attach_image",
             			"heading" 		=> 	__( 'Banner image', 'info-banner-vc' ),
             			"param_name" 	=> 	"image_id",
             			"description" 	=> 	__( 'Select image for banner logo', 'info-banner-vc' ),
             			"group" 		=> 	'Image',
                     ),
@@ -180,6 +376,7 @@ vc_map( array(
                         "type" 			=> 	"textfield",
             			"heading" 		=> 	__( 'Alternate Text', 'info-banner-vc' ),
             			"param_name" 	=> 	"alt",
             			"description" 	=> 	__( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
             			"group" 		=> 	'Image',
                     ),
@@ -188,7 +385,7 @@ vc_map( array(
                         "type" 			=> 	"textfield",
             			"heading" 		=> 	__( 'Image width', 'info-banner-vc' ),
             			"param_name" 	=> 	"pic_size",
-            -
            			"description" 	=> 	__( 'set image width e.g 100px or leave blank for default', 'info-banner-vc' ),
             			"group" 		=> 	'Image',
                     ),
                     array(
@@ -200,32 +397,64 @@ vc_map( array(
             			"group" 		=> 	'Image',
                     ),
-            -
                    /** Content Section **/
                     array(
                         "type" 			=> 	"textfield",
             			"heading" 		=> 	__( 'Padding ', 'info-banner-vc' ),
             			"param_name" 	=> 	"text_padding",
             			"description" 	=> 	__( 'top right bottom left', 'info-banner-vc' ),
             			"value"			=>	"0px 0px 0px 0px",
             			"group" 		=> 	'Content',
                     ),
                     array(
                         "type" 			=> 	"vc_number",
-            -
            			"heading" 		=> 	__( 'Discription Font Size (For Mobile)', 'info-banner-vc' ),
             			"param_name" 	=> 	"descsize",
-            -
            			"description" 	=> 	__( 'set in pixel eg, 15 or leave blank', 'info-banner-vc' ),
             			"suffix" 		=> 'px',
             			"group" 		=> 	'Content',
                     ),
                     array(
-            -
                        "type" 			=> 	"textarea_html",
-            -
            			"heading" 		=> 	__( 'Description', 'info-banner-vc' ),
-            -
            			"param_name" 	=> 	"content",
-            -
            			"description" 	=> 	__( 'write detail about info banner', 'info-banner-vc' ),
             			"group" 		=> 	'Content',
-            -
            			"value"			=> '<h2>Caption Title</h2><p>caption detail here</p>'
-            -
                    ),
                     /** Ribbon Setting **/
@@ -318,17 +547,26 @@ vc_map( array(
             			"type" 			=> "vc_number",
             			"heading" 		=> __( 'Border Radius', 'info-banner-vc' ),
             			"param_name" 	=> "btn_radius",
-            -
            			"description" 	=> __( 'set in pixel eg 5', 'info-banner-vc' ),
             			"value"			=>	"5",
             			"suffix" 		=> 'px',
             			"group" 		=> 'Button',
             		),
             		array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'Text color', 'info-banner-vc' ),
             			"param_name" 	=> "btn_clr",
-            -
            			"description" 	=> __( 'Set color of text e.g #ffff', 'info-banner-vc' ),
             			"group" 		=> 'Button',
             		),
@@ -336,7 +574,6 @@ vc_map( array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'Background color', 'info-banner-vc' ),
             			"param_name" 	=> "btn_bg",
-            -
            			"description" 	=> __( 'Set background color of text e.g #000', 'info-banner-vc' ),
             			"group" 		=> 'Button',
             		),
@@ -344,23 +581,15 @@ vc_map( array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'Hover Text color', 'info-banner-vc' ),
             			"param_name" 	=> "btn_hvrclr",
-            -
            			"description" 	=> __( 'Set color of text on hover e.g #ffff', 'info-banner-vc' ),
             			"group" 		=> 'Button',
             		),
             		array(
             			"type" 			=> "colorpicker",
-            -
            			"heading" 		=> __( 'Background color', 'info-banner-vc' ),
             			"param_name" 	=> "btn_hvrbg",
-            -
            			"description" 	=> __( 'Set color of background on hover e.g #269CE9', 'info-banner-vc' ),
             			"group" 		=> 'Button',
             		),
-            -
            		array(
-            -
            			"type" 			=> "css_editor",
-            -
            			"heading" 		=> __( 'Styling Info Banner', 'info-banner-vc' ),
-            -
            			"param_name" 	=> "css",
-            -
            			"group" 		=> 'Design Options',
-            -
            		),
             	),
             ) );


8	protected function content( $atts, $content = null ) {
9
10	extract( shortcode_atts( array(

11	'style_visibility' => 'top_to_bottom',
12	'pic_width' => '50',
13	'content_width' => '50',
14	+ 'box_shadow' => 'none',
15	+ 'img_shadow' => 'none',
16	+ 'btn_shadow' => 'none',
17	+ 'img_radius' => '',
18	+ 'gradient_bg' => 'none',
19	+ 'gr_primclr' => '#0DDABA',
20	+ 'gr_secndclr' => '#5419D5',
21	+ 'gr_angle' => '40',
22	'image_id' => '',
23	'alt' => '',
24	'pic_size' => '',

38	'btn_radius' => '5',
39	'btn_clr' => '',
40	'btn_bg' => '',
41	+ 'btn_hvrclr' => '',
42	'btn_hvrbg' => 'none',
43	'css' => '',
44	'descsize' => '',
45	+ 'use_theme_fonts' => '',
46	+ 'google_fonts' => 'default',
47	+ 'classname' => '',
48	), $atts ) );
49	$url = vc_build_link($url);
50	$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );

54	$some_id = rand(5, 500);
55	wp_enqueue_style( 'infobanner-css', plugins_url( '../css/infobanner.css' , __FILE__ ));
56	$content = wpb_js_remove_wpautop($content, true);
57	+ $atts = vc_map_get_attributes( $this->getShortcode(), $atts );
58	+ $fontsData = $this->getFontsData( $atts, 'google_fonts' );
59	+ $googleFontsStyles = $this->googleFontsStyles( $fontsData );
60	+ $this->enqueueGoogleFonts( $fontsData );
61	+ $googleallfonts = esc_attr( implode( ';', $googleFontsStyles ) );
62	ob_start(); ?>
63	+ <div class="maw_infobanner_wrap<?php echo $some_id; ?>">
64	<!-- Style1 & 2 info banner -->
65	+ <?php if ($style_visibility == 'left' \|\| $style_visibility == 'right') { ?>
66	+ <div class="mega_info_bar info_bn_box <?php echo $css_class; ?> <?php echo $classname; ?>">
67	+ <div class="ribbon">
68	+ <span style="color: <?php echo $ribbon_clr; ?>; background-color: <?php echo $ribbon_bg; ?>">
69	+ <?php echo $ribbon_text; ?>
70	+ </span>
71	+ </div>
72	+ <div class="mega_wrap" style="width: <?php echo $pic_width-2; ?>%; float: <?php echo $style_visibility; ?>; padding: <?php echo $img_padding; ?>;">
73	+ <img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="display: block; max-width: 100%; width: <?php echo $pic_size; ?>; height: <?php echo $pic_height; ?>px; border-radius: <?php echo $img_radius; ?>px;">
74	+ </div>
75	+
76	+ <div class="mega_content" style="width: <?php echo $content_width-3; ?>%;">
77	+ <div style="padding: <?php echo $text_padding; ?>;">
78	+ <?php echo $content; ?>
79	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_hvr_btn maw_banner_btn" style="font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_style; ?>; border-radius: <?php echo $btn_radius; ?>px; padding: <?php echo $btn_ptop/2; ?>px <?php echo $btn_pleft/2; ?>px;">
80	+ <i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
81	+ </a>
82	+ </div>
83	+
84	+ </div>
85	+ <div class="clearfix"></div>
86	</div>
87	+ <?php } ?>
88	+
89	+
90	+ <!-- Style3 info banner -->
91	+ <?php if ($style_visibility == 'top_to_bottom') { ?>
92	+ <div class="mega_info_bar_2 info_bn_box <?php echo $css_class; ?> <?php echo $classname; ?>">
93	+ <div class="ribbon">
94	+ <span style="color: <?php echo $ribbon_clr; ?>; background-color: <?php echo $ribbon_bg; ?>">
95	+ <?php echo $ribbon_text; ?>
96	+ </span>
97	+ </div>
98	+ <div class="mega_wrap" style="padding: <?php echo $img_padding; ?>;">
99	+ <?php if (!empty($image_url)) { ?>
100	+ <img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="display: block; max-width: 100%; width: <?php echo $pic_size; ?>; height: <?php echo $pic_height; ?>px; border-radius: <?php echo $img_radius; ?>px;">
101	+ <?php } ?>
102	+ </div>
103	+
104	+ <div class="mega_content" style="padding: <?php echo $text_padding; ?>;">
105	+ <?php echo $content; ?>
106	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_hvr_btn maw_banner_btn" style="font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_style; ?>; padding: <?php echo $btn_ptop/2; ?>px <?php echo $btn_pleft/2; ?>px; border-radius: <?php echo $btn_radius; ?>px;">
107	+ <i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
108	+ </a>
109	+ <br>
110	+ </div>
111	+ <div class="clearfix"></div>
112	</div>
113	+ <?php } ?>
114	+
115	+ <!-- Style 4 info banner -->
116	+ <?php if ($style_visibility == 'button') { ?>
117	+ <div class="mega_info_bar_3 info_bn_box <?php echo $css_class; ?> <?php echo $classname; ?>" style="display: table; width: 100%;">
118	+ <div class="ribbon">
119	+ <span style="color: <?php echo $ribbon_clr; ?>; background-color: <?php echo $ribbon_bg; ?>">
120	+ <?php echo $ribbon_text; ?>
121	+ </span>
122	+ </div>
123	+ <div class="mega_wrap" style="width: 100%; float: left; display: table-cell;">
124	+ <div style="padding: <?php echo $text_padding; ?>;">
125	+ <?php echo $content; ?>
126	+ </div>
127	+ </div>
128	+
129	+ <div class="mega_content" style="width: <?php echo $content_width-3; ?>%; display: table-cell; vertical-align: middle;">
130	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_hvr_btn maw_banner_btn" style="font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_style; ?>; border-radius: <?php echo $btn_radius; ?>px; padding: <?php echo $btn_ptop/2; ?>px <?php echo $btn_pleft/2; ?>px;">
131	+ <i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
132	+ </a>
133	+ </div>
134	+ <div class="clearfix"></div>



135	</div>
136	+ <?php } ?>
137	+ </div>









138
139	<style>
140	+ <?php if ($gradient_bg == 'show') { ?>
141	+ .maw_infobanner_wrap<?php echo $some_id; ?> .info_bn_box {
142	+ background-image: linear-gradient(<?php echo $gr_angle; ?>deg,<?php echo $gr_primclr; ?> 0%,<?php echo $gr_secndclr; ?> 100%);
143	+ }
144	+ <?php }
145	+ if ($box_shadow == 'shadow') { ?>
146	+ .maw_infobanner_wrap<?php echo $some_id; ?> .info_bn_box {
147	+ box-<?php echo $box_shadow ?>: 0 25px 35px 0 rgba(0,9,78,.18) !important;
148	+ }
149	+ <?php }
150	+ if ($btn_shadow == 'shadow') { ?>
151	+ .maw_infobanner_wrap<?php echo $some_id; ?> .info_bn_box .maw_banner_btn{
152	+ box-<?php echo $btn_shadow ?>: 0 10px 20px 0 rgba(0,9,78,.12) !important;
153	+ }
154	+ <?php }
155	+ if ($img_shadow == 'shadow') { ?>
156	+ .maw_infobanner_wrap<?php echo $some_id; ?> .info_bn_box img{
157	+ box-<?php echo $img_shadow ?>: 0 10px 20px 0 rgba(0,9,78,.12) !important;
158	+ }
159	+ <?php } ?>
160	+ .maw_infobanner_wrap<?php echo $some_id; ?> .info_bn_box .maw_banner_btn:hover {
161	+ color: <?php echo $btn_hvrclr; ?> !important;
162	+ background: <?php echo $btn_hvrbg ?> !important;
163	+ }
164	+ .maw_infobanner_wrap<?php echo $some_id; ?> .info_bn_box .mega_content *{
165	+ <?php echo $googleallfonts; ?>;
166	+ }
167	@media only screen and (max-width: 480px) {
168	+ .maw_infobanner_wrap<?php echo $some_id; ?> .info_bn_box .mega_content *{
169	font-size: <?php echo $descsize; ?>px !important;
170	}
171	}

173
174	<?php return ob_get_clean();
175	}
176	+
177	+ protected function getFontsData( $atts, $paramName ) {
178	+ $googleFontsParam = new Vc_Google_Fonts();
179	+ $field = WPBMap::getParam( $this->shortcode, $paramName );
180	+ $fieldSettings = isset( $field['settings'], $field['settings']['fields'] ) ? $field['settings']['fields'] : array();
181	+ $fontsData = strlen( $atts[ $paramName ] ) > 0 ? $googleFontsParam->_vc_google_fonts_parse_attributes( $fieldSettings, $atts[ $paramName ] ) : '';
182	+
183	+ return $fontsData;
184	+ }
185	+
186	+ protected function googleFontsStyles( $fontsData ) {
187	+ // Inline styles
188	+ $fontFamily = explode( ':', $fontsData['values']['font_family'] );
189	+ $styles[] = 'font-family:' . $fontFamily[0];
190	+ $fontStyles = explode( ':', $fontsData['values']['font_style'] );
191	+ $styles[] = 'font-weight:' . $fontStyles[1];
192	+ $styles[] = 'font-style:' . $fontStyles[2];
193	+
194	+ return $styles;
195	+ }
196	+
197	+ protected function enqueueGoogleFonts( $fontsData ) {
198	+ // Get extra subsets for settings (latin/cyrillic/etc)
199	+ $settings = get_option( 'wpb_js_google_fonts_subsets' );
200	+ if ( is_array( $settings ) && ! empty( $settings ) ) {
201	+ $subsets = '&subset=' . implode( ',', $settings );
202	+ } else {
203	+ $subsets = '';
204	+ }
205	+
206	+ // We also need to enqueue font from googleapis
207	+ if ( isset( $fontsData['values']['font_family'] ) ) {
208	+ wp_enqueue_style( 'vc_google_fonts_' . vc_build_safe_css_class( $fontsData['values']['font_family'] ), '//fonts.googleapis.com/css?family=' . $fontsData['values']['font_family'] . $subsets );
209	+ }
210	+ }
211	}
212
213

225	"description" => __( 'select styles for info banner <a href="http://addons.topdigitaltrends.net/info-banner/">See Demo</a>', 'info-banner-vc' ),
226	"group" => 'General',
227	"value" => array(
228	+ 'Top Image Bottom Content' => 'top_to_bottom',
229	+ 'Left Image right Content' => 'left',
230	+ 'Left Content right Image' => 'right',
231	+ 'Left Content right Button' => 'button',
232	)
233	),
234

237	"heading" => __( 'Picture box width', 'info-banner-vc' ),
238	"param_name" => "pic_width",
239	"description" => __( 'Set the width of picture box in percentage e.g 50', 'info-banner-vc' ),
240	+ "dependency" => array('element' => "style_visibility", 'value' => array('left', 'right', 'button')),
241	"value" => "50",
242	"suffix" => '%',
243	"group" => 'General',

248	"heading" => __( 'Content box width', 'info-banner-vc' ),
249	"param_name" => "content_width",
250	"description" => __( 'Set the width of content box in percentage e.g 50', 'info-banner-vc' ),
251	+ "dependency" => array('element' => "style_visibility", 'value' => array('left', 'right', 'button')),
252	"value" => "50",
253	"suffix" => '%',
254	"group" => 'General',
255	),
256
257	+ array(
258	+ "type" => "dropdown",
259	+ "heading" => __( 'Shadow', 'button' ),
260	+ "param_name" => "box_shadow",
261	+ "group" => 'General',
262	+ "value" => array(
263	+ "None" => "none",
264	+ "Shadow" => "shadow",
265	+ )
266	+ ),
267	+
268	+ array(
269	+ "type" => "dropdown",
270	+ "heading" => __( 'Gradient Background', 'button' ),
271	+ "param_name" => "gradient_bg",
272	+ "description" => 'if true then leave empty background color and image from Design Options.',
273	+ "group" => 'General',
274	+ "value" => array(
275	+ "Hide" => "hide",
276	+ "Show" => "show",
277	+ )
278	+ ),
279	+
280	+ array(
281	+ "type" => "colorpicker",
282	+ "heading" => __( 'Primary Color', 'info-banner-vc' ),
283	+ "param_name" => "gr_primclr",
284	+ "edit_field_class" => "vc_col-sm-4",
285	+ "dependency" => array('element' => "gradient_bg", 'value' => 'show'),
286	+ "value" => "#0DDABA",
287	+ "group" => 'General',
288	+ ),
289	+
290	+ array(
291	+ "type" => "colorpicker",
292	+ "heading" => __( 'Secondary Color', 'info-banner-vc' ),
293	+ "param_name" => "gr_secndclr",
294	+ "edit_field_class" => "vc_col-sm-4",
295	+ "dependency" => array('element' => "gradient_bg", 'value' => 'show'),
296	+ "value" => "#5419D5",
297	+ "group" => 'General',
298	+ ),
299	+
300	+ array(
301	+ "type" => "vc_number",
302	+ "heading" => __( 'Gradient Angle', 'info-banner-vc' ),
303	+ "param_name" => "gr_angle",
304	+ "edit_field_class" => "vc_col-sm-4",
305	+ "dependency" => array('element' => "gradient_bg", 'value' => 'show'),
306	+ "suffix" => 'Deg',
307	+ "value" => "40",
308	+ "group" => 'General',
309	+ ),
310	+
311	+ array(
312	+ "type" => "textfield",
313	+ "heading" => __( 'Extra Class Name', 'megaaddons' ),
314	+ "param_name" => "classname",
315	+ "description" => "Style particular content element differently - add a class name and refer to it in custom CSS.",
316	+ "group" => 'General',
317	+ ),
318	+
319	array(
320	"type" => "vc_links",
321	+ "param_name" => "caption_urls",
322	"class" => "ult_param_heading",
323	+ "description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #0073aa;font-weight:600;"><a href="https://1.envato.market/02aNL" target="_blank" style="text-decoration: none;">Design Options</a></span>', 'ihover' ),
324	+ "group" => 'General',
325	+ ),
326	+
327	+ array(
328	+ "type" => "css_editor",
329	+ "param_name" => "css",
330	"group" => 'General',
331	),
332

337	"heading" => __( 'Padding ', 'info-banner-vc' ),
338	"param_name" => "img_padding",
339	"description" => __( 'top right bottom left', 'info-banner-vc' ),
340	+ "edit_field_class" => "vc_col-sm-4 edit_field_padding_top",
341	"value" => "0px 0px 0px 0px",
342	"group" => 'Image',
343	),
344
345	+ array(
346	+ "type" => "dropdown",
347	+ "heading" => __( 'Shadow', 'button' ),
348	+ "param_name" => "img_shadow",
349	+ "edit_field_class" => "vc_col-sm-4 edit_field_padding_top",
350	+ "group" => 'Image',
351	+ "value" => array(
352	+ "None" => "none",
353	+ "Shadow" => "shadow",
354	+ )
355	+ ),
356	+
357	+ array(
358	+ "type" => "vc_number",
359	+ "heading" => __( 'Border Radius', 'info-banner-vc' ),
360	+ "param_name" => "img_radius",
361	+ "edit_field_class" => "vc_col-sm-4 edit_field_padding_top",
362	+ "suffix" => 'px',
363	+ "group" => 'Image',
364	+ ),
365	+
366	array(
367	"type" => "attach_image",
368	"heading" => __( 'Banner image', 'info-banner-vc' ),
369	"param_name" => "image_id",
370	+ "edit_field_class" => "vc_col-sm-4",
371	"description" => __( 'Select image for banner logo', 'info-banner-vc' ),
372	"group" => 'Image',
373	),

376	"type" => "textfield",
377	"heading" => __( 'Alternate Text', 'info-banner-vc' ),
378	"param_name" => "alt",
379	+ "edit_field_class" => "vc_col-sm-8",
380	"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
381	"group" => 'Image',
382	),

385	"type" => "textfield",
386	"heading" => __( 'Image width', 'info-banner-vc' ),
387	"param_name" => "pic_size",
388	+ "description" => __( 'set image width e.g 100px or 100%', 'info-banner-vc' ),
389	"group" => 'Image',
390	),
391	array(

397	"group" => 'Image',
398	),
399
400	+ /================== Content Section =================/
401	+
402	+ array(
403	+ "type" => "textarea_html",
404	+ "heading" => __( 'Description', 'info-banner-vc' ),
405	+ "param_name" => "content",
406	+ "description" => __( 'write detail about info banner', 'info-banner-vc' ),
407	+ "group" => 'Content',
408	+ "value" => '<h2>Caption Title</h2><p>caption detail here</p>'
409	+ ),
410

411	array(
412	"type" => "textfield",
413	"heading" => __( 'Padding ', 'info-banner-vc' ),
414	"param_name" => "text_padding",
415	+ "edit_field_class" => "vc_col-sm-6",
416	"description" => __( 'top right bottom left', 'info-banner-vc' ),
417	"value" => "0px 0px 0px 0px",
418	"group" => 'Content',
419	),
420	+
421	array(
422	"type" => "vc_number",
423	+ "heading" => __( 'Content Size [For Mobile]', 'info-banner-vc' ),
424	"param_name" => "descsize",
425	+ "edit_field_class" => "vc_col-sm-6",
426	"suffix" => 'px',
427	"group" => 'Content',
428	),
429	+
430	array(
431	+ "type" => "checkbox",
432	+ "heading" => __( 'Use theme default font family?', 'creativelink' ),
433	+ "param_name" => "use_theme_fonts",
434	+ "description" => __( 'Use font family from the theme.', 'creativelink' ),
435	"group" => 'Content',
436	+ "value" => array(
437	+ "Yes" => "yes",
438	+ )
439	+ ),
440	+
441	+ array(
442	+ 'type' => 'google_fonts',
443	+ 'param_name' => 'google_fonts',
444	+ 'value' => 'default',
445	+ 'settings' => array(
446	+ 'fields' => array(
447	+ 'font_family_description' => __( 'Select font family.', 'js_composer' ),
448	+ 'font_style_description' => __( 'Select font styling.', 'js_composer' ),
449	+ ),
450	+ ),
451	+ "group" => 'Content',
452	+ 'weight' => 0,
453	+ 'dependency' => array(
454	+ 'element' => 'use_theme_fonts',
455	+ 'value_not_equal_to' => 'yes',
456	+ ),
457	+ ),
458
459
460	/ Ribbon Setting /

547	"type" => "vc_number",
548	"heading" => __( 'Border Radius', 'info-banner-vc' ),
549	"param_name" => "btn_radius",

550	"value" => "5",
551	"suffix" => 'px',
552	"group" => 'Button',
553	),
554
555	+ array(
556	+ "type" => "dropdown",
557	+ "heading" => __( 'Shadow', 'button' ),
558	+ "param_name" => "btn_shadow",
559	+ "group" => 'Button',
560	+ "value" => array(
561	+ "None" => "none",
562	+ "Shadow" => "shadow",
563	+ )
564	+ ),
565	+
566	array(
567	"type" => "colorpicker",
568	"heading" => __( 'Text color', 'info-banner-vc' ),
569	"param_name" => "btn_clr",

570	"group" => 'Button',
571	),
572

574	"type" => "colorpicker",
575	"heading" => __( 'Background color', 'info-banner-vc' ),
576	"param_name" => "btn_bg",

577	"group" => 'Button',
578	),
579

581	"type" => "colorpicker",
582	"heading" => __( 'Hover Text color', 'info-banner-vc' ),
583	"param_name" => "btn_hvrclr",

584	"group" => 'Button',
585	),
586
587	array(
588	"type" => "colorpicker",
589	+ "heading" => __( 'Hover Background', 'info-banner-vc' ),
590	"param_name" => "btn_hvrbg",

591	"group" => 'Button',
592	),






593	),
594	) );
595

render/team-profile/style1.php ADDED Viewed

	@@ -0,0 +1,98 @@


1	+ <?php if ($member_visibility == 'grow') { ?>
2	+ <div class="mega_team_case <?php echo $classname; ?>" style="width: <?php echo $pro_size; ?>px;">
3	+ <div class="mega_team_wrap">
4	+ <div class="member-image">
5	+ <?php if (isset($url) && $url != '') { ?>
6	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
7	+ <?php } ?>
8	+ <?php if (isset($url) && $url == NULL) { ?>
9	+ <a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
10	+ <?php } ?>
11	+ </div>
12	+ <div class="member-name" style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $member_txt_size; ?>px;">
13	+ <?php echo $memb_name; ?>
14	+ <span style="background-color: <?php echo $member_clr; ?>; color: <?php echo $memberproclr; ?>; font-size: <?php echo $pro_txt_size; ?>px;">
15	+ <?php echo $memb_prof; ?>
16	+ </span>
17	+ </div>
18	+ </div>
19	+ <div class="member-desc" style="color: <?php echo $about_clr; ?>; font-size: <?php echo $about_txt_size; ?>px;">
20	+ <?php echo $memb_about; ?>
21	+ </div>
22	+ <div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
23	+ <?php if (!empty($memb_email)) { ?>
24	+ <p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
25	+ <?php } ?>
26	+ <?php if (!empty($memb_url)) { ?>
27	+ <p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
28	+ <?php } ?>
29	+ <?php if (!empty($memb_addr)) { ?>
30	+ <p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
31	+ <?php } ?>
32	+ <?php if (!empty($memb_numb)) { ?>
33	+ <p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
34	+ <?php } ?>
35	+ </div>
36	+ <div class="member-skills">
37	+ <?php if (!empty($memb_skill)) { ?>
38	+ <div class="skill-label"><?php echo $memb_skill; ?></div>
39	+ <div class="skill-prog">
40	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
41	+ </div>
42	+ </div>
43	+ <?php } ?>
44	+
45	+ <?php if (!empty($memb_skill2)) { ?>
46	+ <div class="skill-label"><?php echo $memb_skill2; ?></div>
47	+ <div class="skill-prog">
48	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
49	+ </div>
50	+ </div>
51	+ <?php } ?>
52	+
53	+ <?php if (!empty($memb_skill3)) { ?>
54	+ <div class="skill-label"><?php echo $memb_skill3; ?></div>
55	+ <div class="skill-prog">
56	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
57	+ </div>
58	+ </div>
59	+ <?php } ?>
60	+
61	+ <?php if (!empty($memb_skill4)) { ?>
62	+ <div class="skill-label"><?php echo $memb_skill4; ?></div>
63	+ <div class="skill-prog">
64	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
65	+ </div>
66	+ </div>
67	+ <?php } ?>
68	+
69	+ <?php if (!empty($memb_skill5)) { ?>
70	+ <div class="skill-label"><?php echo $memb_skill5; ?></div>
71	+ <div class="skill-prog">
72	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
73	+ </div>
74	+ </div>
75	+ <?php } ?>
76	+ </div>
77	+ <div class="member-social">
78	+ <a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
79	+ <i class="<?php echo $social_icon; ?>"></i>
80	+ </a>
81	+ <a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
82	+ <i class="<?php echo $social_icon2; ?>"></i>
83	+ </a>
84	+ <a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
85	+ <i class="<?php echo $social_icon3; ?>"></i>
86	+ </a>
87	+ <a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
88	+ <i class="<?php echo $social_icon4; ?>"></i>
89	+ </a>
90	+ <a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
91	+ <i class="<?php echo $social_icon5; ?>"></i>
92	+ </a>
93	+ <?php if (!empty($social_icon6)) { ?>
94	+
95	+ <?php } ?>
96	+ </div>
97	+ </div>
98	+ <?php } ?>

render/team-profile/style2.php ADDED Viewed

	@@ -0,0 +1,106 @@


1	+ <!-- /** Float Style**/ -->
2	+ <?php if ($member_visibility == 'float') { ?>
3	+ <div class="mega_team_case_2 <?php echo $classname; ?>" style="width: <?php echo $pro_size; ?>px;">
4	+ <div class="mega_team_head">
5	+ <div class="mega_team_wrap">
6	+ <div class="member-image">
7	+ <?php if (isset($url) && $url != '') { ?>
8	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
9	+ <?php } ?>
10	+ <?php if (isset($url) && $url == NULL) { ?>
11	+ <a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
12	+ <?php } ?>
13	+ </div>
14	+ <div class="member-name" style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $member_txt_size; ?>px;">
15	+ <?php echo $memb_name; ?>
16	+ <span style="background-color: <?php echo $member_clr; ?>; color: <?php echo $memberproclr; ?>; font-size: <?php echo $pro_txt_size; ?>px;">
17	+ <?php echo $memb_prof; ?>
18	+ </span>
19	+ </div>
20	+ </div>
21	+ </div>
22	+ <div class="mega_team_footer">
23	+ <div class="member-skills">
24	+ <?php if (!empty($memb_skill)) { ?>
25	+ <div class="skill-label"><?php echo $memb_skill; ?></div>
26	+ <div class="skill-prog">
27	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
28	+ </div>
29	+ </div>
30	+ <?php } ?>
31	+
32	+ <?php if (!empty($memb_skill2)) { ?>
33	+ <div class="skill-label"><?php echo $memb_skill2; ?></div>
34	+ <div class="skill-prog">
35	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
36	+ </div>
37	+ </div>
38	+ <?php } ?>
39	+
40	+ <?php if (!empty($memb_skill3)) { ?>
41	+ <div class="skill-label"><?php echo $memb_skill3; ?></div>
42	+ <div class="skill-prog">
43	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
44	+ </div>
45	+ </div>
46	+ <?php } ?>
47	+
48	+ <?php if (!empty($memb_skill4)) { ?>
49	+ <div class="skill-label"><?php echo $memb_skill4; ?></div>
50	+ <div class="skill-prog">
51	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
52	+ </div>
53	+ </div>
54	+ <?php } ?>
55	+
56	+ <?php if (!empty($memb_skill5)) { ?>
57	+ <div class="skill-label"><?php echo $memb_skill5; ?></div>
58	+ <div class="skill-prog">
59	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
60	+ </div>
61	+ </div>
62	+ <?php } ?>
63	+ </div>
64	+ <div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
65	+ <?php if (!empty($memb_email)) { ?>
66	+ <p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
67	+ <?php } ?>
68	+ <?php if (!empty($memb_url)) { ?>
69	+ <p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
70	+ <?php } ?>
71	+ <?php if (!empty($memb_addr)) { ?>
72	+ <p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
73	+ <?php } ?>
74	+ <?php if (!empty($memb_numb)) { ?>
75	+ <p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
76	+ <?php } ?>
77	+ </div>
78	+ <div class="member-social">
79	+ <a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
80	+ <i class="<?php echo $social_icon; ?>"></i>
81	+ </a>
82	+ <a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
83	+ <i class="<?php echo $social_icon2; ?>"></i>
84	+ </a>
85	+ <a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
86	+ <i class="<?php echo $social_icon3; ?>"></i>
87	+ </a>
88	+ <a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
89	+ <i class="<?php echo $social_icon4; ?>"></i>
90	+ </a>
91	+ <a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
92	+ <i class="<?php echo $social_icon5; ?>"></i>
93	+ </a>
94	+ <?php if (!empty($social_icon6)) { ?>
95	+ <a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
96	+ <i class="<?php echo $social_icon6; ?>"></i>
97	+ </a>
98	+ <?php } ?>
99	+ </div>
100	+ </div>
101	+ <div class="Clearfix"></div>
102	+ <div class="member-desc" style="color: <?php echo $about_clr; ?>; font-size: <?php echo $about_txt_size; ?>px;">
103	+ <?php echo $memb_about; ?>
104	+ </div>
105	+ </div>
106	+ <?php } ?>

render/team-profile/style3.php ADDED Viewed

	@@ -0,0 +1,101 @@


1	+ <!-- Outset Style -->
2	+ <?php if ($member_visibility == 'outset') { ?>
3	+ <div class="mega_team_case_3 <?php echo $classname; ?>" style="width: <?php echo $pro_size; ?>px;">
4	+ <div class="mega_team_wrap">
5	+ <div class="member-image">
6	+ <?php if (isset($url) && $url != '') { ?>
7	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
8	+ <?php } ?>
9	+ <?php if (isset($url) && $url == NULL) { ?>
10	+ <a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
11	+ <?php } ?>
12	+ </div>
13	+ <div class="member-name" style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $member_txt_size; ?>px;">
14	+ <?php echo $memb_name; ?>
15	+ <span style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $pro_txt_size; ?>px;">
16	+ <?php echo $memb_prof; ?>
17	+ </span>
18	+ </div>
19	+ </div>
20	+ <div class="member-desc" style="color: <?php echo $about_clr; ?>; font-size: <?php echo $about_txt_size; ?>px;">
21	+ <?php echo $memb_about; ?>
22	+ </div>
23	+ <div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
24	+ <?php if (!empty($memb_email)) { ?>
25	+ <p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
26	+ <?php } ?>
27	+ <?php if (!empty($memb_url)) { ?>
28	+ <p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
29	+ <?php } ?>
30	+ <?php if (!empty($memb_addr)) { ?>
31	+ <p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
32	+ <?php } ?>
33	+ <?php if (!empty($memb_numb)) { ?>
34	+ <p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
35	+ <?php } ?>
36	+ </div>
37	+ <div class="member-skills">
38	+ <?php if (!empty($memb_skill)) { ?>
39	+ <div class="skill-label"><?php echo $memb_skill; ?></div>
40	+ <div class="skill-prog">
41	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
42	+ </div>
43	+ </div>
44	+ <?php } ?>
45	+
46	+ <?php if (!empty($memb_skill2)) { ?>
47	+ <div class="skill-label"><?php echo $memb_skill2; ?></div>
48	+ <div class="skill-prog">
49	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
50	+ </div>
51	+ </div>
52	+ <?php } ?>
53	+
54	+ <?php if (!empty($memb_skill3)) { ?>
55	+ <div class="skill-label"><?php echo $memb_skill3; ?></div>
56	+ <div class="skill-prog">
57	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
58	+ </div>
59	+ </div>
60	+ <?php } ?>
61	+
62	+ <?php if (!empty($memb_skill4)) { ?>
63	+ <div class="skill-label"><?php echo $memb_skill4; ?></div>
64	+ <div class="skill-prog">
65	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
66	+ </div>
67	+ </div>
68	+ <?php } ?>
69	+
70	+ <?php if (!empty($memb_skill5)) { ?>
71	+ <div class="skill-label"><?php echo $memb_skill5; ?></div>
72	+ <div class="skill-prog">
73	+ <div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
74	+ </div>
75	+ </div>
76	+ <?php } ?>
77	+ </div>
78	+ <div class="member-social">
79	+ <a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
80	+ <i class="<?php echo $social_icon; ?>"></i>
81	+ </a>
82	+ <a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
83	+ <i class="<?php echo $social_icon2; ?>"></i>
84	+ </a>
85	+ <a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
86	+ <i class="<?php echo $social_icon3; ?>"></i>
87	+ </a>
88	+ <a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
89	+ <i class="<?php echo $social_icon4; ?>"></i>
90	+ </a>
91	+ <a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
92	+ <i class="<?php echo $social_icon5; ?>"></i>
93	+ </a>
94	+ <?php if (!empty($social_icon6)) { ?>
95	+ <a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
96	+ <i class="<?php echo $social_icon6; ?>"></i>
97	+ </a>
98	+ <?php } ?>
99	+ </div>
100	+ </div>
101	+ <?php } ?>

render/team-profile/style4.php ADDED Viewed

	@@ -0,0 +1,55 @@


1	+ <?php $some_id = rand(5, 500); ?>
2	+ <?php $hex = $member_clr;
3	+ list($r, $g, $b) = sscanf($hex, "#%02x%02x%02x"); ?>
4	+
5	+ <?php if ($member_visibility == 'smart') { ?>
6	+ <div class="mega_team_case_4 mega_team_case_4<?php echo $some_id; ?> <?php echo $classname; ?>" style="width: <?php echo $pro_size; ?>px;">
7	+ <div class="member-image">
8	+ <?php if (isset($url) && $url != '') { ?>
9	+ <a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
10	+ <?php } ?>
11	+ <?php if (isset($url) && $url == NULL) { ?>
12	+ <a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
13	+ <?php } ?>
14	+ </div>
15	+ <div class="mega_wrap">
16	+ <div class="member-name" style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $member_txt_size; ?>px;">
17	+ <?php echo $memb_name; ?>
18	+ <span style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $pro_txt_size; ?>px;">
19	+ <?php echo $memb_prof; ?>
20	+ </span>
21	+ </div>
22	+ <div class="member-desc" style="color: <?php echo $about_clr; ?>; font-size: <?php echo $about_txt_size; ?>px;">
23	+ <?php echo $memb_about; ?>
24	+ </div>
25	+ <div class="member-social">
26	+ <a href="<?php echo $social_url; ?>" target="_blank">
27	+ <i class="<?php echo $social_icon; ?>"></i>
28	+ </a>
29	+ <a href="<?php echo $social_url2; ?>" target="_blank">
30	+ <i class="<?php echo $social_icon2; ?>"></i>
31	+ </a>
32	+ <a href="<?php echo $social_url3; ?>" target="_blank">
33	+ <i class="<?php echo $social_icon3; ?>"></i>
34	+ </a>
35	+ <a href="<?php echo $social_url4; ?>" target="_blank">
36	+ <i class="<?php echo $social_icon4; ?>"></i>
37	+ </a>
38	+ <a href="<?php echo $social_url5; ?>" target="_blank">
39	+ <i class="<?php echo $social_icon5; ?>"></i>
40	+ </a>
41	+ <?php if (!empty($social_icon6)) { ?>
42	+ <a href="<?php echo $social_url6; ?>" target="_blank">
43	+ <i class="<?php echo $social_icon6; ?>"></i>
44	+ </a>
45	+ <?php } ?>
46	+ </div>
47	+ </div>
48	+ </div>
49	+ <?php } ?>
50	+
51	+ <style>
52	+ .mega_team_case_4<?php echo $some_id; ?>:hover .mega_wrap {
53	+ <?php echo "background-color: rgba($r, $g, $b, 0.5) !important;" ?>
54	+ }
55	+ </style>

render/team-profile/style8.php ADDED Viewed

	@@ -0,0 +1,51 @@


1	+ <div class="mega_team_case_8 <?php echo $classname; ?>">
2	+ <div class="maw_team_wrap" style="background: <?php echo $member_clr; ?>; max-width: <?php echo $pro_size; ?>px; width: 100%;">
3	+ <div class="maw_team_photo_wrapper">
4	+ <div class="maw_team_photo">
5	+ <div class="">
6	+ <img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>">
7	+ </div>
8	+ </div>
9	+ </div>
10	+
11	+ <div class="maw_team_description">
12	+ <span class="maw_team_name" style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $member_txt_size; ?>px;">
13	+ <?php echo $memb_name; ?>
14	+ </span>
15	+ <span class="maw_team_role" style="color: <?php echo $memberproclr; ?>; font-size: <?php echo $pro_txt_size; ?>px;">
16	+ <?php echo $memb_prof; ?>
17	+ </span>
18	+ <div class="maw_team_text" style="color: <?php echo $about_clr; ?>; font-size: <?php echo $about_txt_size; ?>px;">
19	+ <?php echo $memb_about; ?>
20	+ </div>
21	+ </div>
22	+
23	+ <div class="maw_team_icons">
24	+ <?php if (!empty($social_icon)) { ?>
25	+ <a class="maw_team_icon" href="<?php echo $social_url; ?>" style="color: <?php echo $social_clr; ?>;" target="_blank">
26	+ <i aria-hidden="true" class="<?php echo $social_icon; ?>" style="font-size: <?php echo $social_size; ?>px;"></i>
27	+ </a>
28	+ <?php } ?>
29	+ <?php if (!empty($social_icon2)) { ?>
30	+ <a class="maw_team_icon" href="<?php echo $social_url2; ?>" style="color: <?php echo $social_clr2; ?>;" target="_blank">
31	+ <i aria-hidden="true" class="<?php echo $social_icon2; ?>" style="font-size: <?php echo $social_size; ?>px;"></i>
32	+ </a>
33	+ <?php } ?>
34	+ <?php if (!empty($social_icon3)) { ?>
35	+ <a class="maw_team_icon" href="<?php echo $social_url3; ?>" style="color: <?php echo $social_clr3; ?>;" target="_blank">
36	+ <i aria-hidden="true" class="<?php echo $social_icon3; ?>" style="font-size: <?php echo $social_size; ?>px;"></i>
37	+ </a>
38	+ <?php } ?>
39	+ <?php if (!empty($social_icon4)) { ?>
40	+ <a class="maw_team_icon" href="<?php echo $social_url4; ?>" style="color: <?php echo $social_clr4; ?>;" target="_blank">
41	+ <i aria-hidden="true" class="<?php echo $social_icon4; ?>" style="font-size: <?php echo $social_size; ?>px;"></i>
42	+ </a>
43	+ <?php } ?>
44	+ <?php if (!empty($social_icon5)) { ?>
45	+ <a class="maw_team_icon" href="<?php echo $social_url5; ?>" style="color: <?php echo $social_clr5; ?>;" target="_blank">
46	+ <i aria-hidden="true" class="<?php echo $social_icon5; ?>" style="font-size: <?php echo $social_size; ?>px;"></i>
47	+ </a>
48	+ <?php } ?>
49	+ </div>
50	+ </div>
51	+ </div>

render/teamprofile.php CHANGED Viewed

@@ -9,407 +9,87 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
             		extract( shortcode_atts( array(
             			'member_visibility' => 'grow',
             			'shadow_visibility' => 'none',
-            -
            			'member_clr' => '#27BEBE',
-            -
            			'url' 		=> '',
-            -
            			'image_id' => '',
-            -
            			'image_alt' => '',
-            -
            			'memb_name' => '',
-            -
            			'memb_prof' => '',
-            -
            			'memb_about' => '',
-            -
            			'info_size' => '',
-            -
            			'info_clr' => '',
-            -
            			'memb_email' => '',
-            -
            			'memb_url' => '',
-            -
            			'memb_numb' => '',
-            -
            			'memb_addr' => '',
-            -
            			'memb_skill' => '',
-            -
            			'memb_perl' => '',
-            -
            			'memb_skill2' => '',
-            -
            			'memb_per2' => '',
-            -
            			'memb_skill3' => '',
-            -
            			'memb_per3' => '',
-            -
            			'memb_skill4' => '',
-            -
            			'memb_per4' => '',
-            -
            			'memb_skill5' => '',
-            -
            			'memb_per5' => '',
-            -
            			'social_icon' => '',
-            -
            			'social_url' => '',
-            -
            			'social_clr' => '',
-            -
            			'social_icon2' => '',
-            -
            			'social_url2' => '',
-            -
            			'social_clr2' => '',
-            -
            			'social_icon3' => '',
-            -
            			'social_url3' => '',
-            -
            			'social_clr3' => '',
-            -
            			'social_icon4' => '',
-            -
            			'social_url4' => '',
-            -
            			'social_clr4' => '',
-            -
            			'social_icon5' => '',
-            -
            			'social_url5' => '',
-            -
            			'social_clr5' => '',
-            -
            			'social_icon6' => '',
-            -
            			'social_url6' => '',
             		), $atts ) );
             		$url = vc_build_link($url);
             		if ($image_id != '') {
             			$image_url = wp_get_attachment_url( $image_id );
+            		}
             		wp_enqueue_style( 'memberprofile-css', plugins_url( '../css/memberprofile.css' , __FILE__ ));
             		$content = wpb_js_remove_wpautop($content, true);
             		ob_start(); ?>
-            -
            		<?php if ($member_visibility == 'grow') { ?>
-            -
            			<div class="mega_team_case">
-            -
            				<div class="mega_team_wrap">
-            -
            					<div class="member-image">
-            -
            						<?php if (isset($url) && $url != '') { ?>
-            -
            							<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            						<?php } ?>
-            -
            						<?php if (isset($url) && $url == NULL) { ?>
-            -
            							<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            						<?php } ?>
-            -
            					</div>
-            -
            					<div class="member-name">
-            -
            						<?php echo $memb_name; ?>
-            -
            						<span style="background-color: <?php echo $member_clr; ?>;"><?php echo $memb_prof; ?></span>
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="member-desc">
-            -
            					<?php echo $memb_about; ?>
-            -
            				</div>
-            -
            				<div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
-            -
            					<?php if (!empty($memb_email)) { ?>
-            -
            						<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
-            -
            					<?php } ?>
-            -
            					<?php if (!empty($memb_url)) { ?>
-            -
            						<p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
-            -
            					<?php } ?>
-            -
            					<?php if (!empty($memb_addr)) { ?>
-            -
            						<p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
-            -
            					<?php } ?>
-            -
            					<?php if (!empty($memb_numb)) { ?>
-            -
            						<p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
-            -
            					<?php } ?>
-            -
            				</div>
-            -
            				<div class="member-skills">
-            -
            					<?php if (!empty($memb_skill)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            					<?php } ?>
-            -
-            -
            					<?php if (!empty($memb_skill2)) { ?>
-            -
            					<div class="skill-label"><?php echo $memb_skill2; ?></div>
-            -
            					<div class="skill-prog">
-            -
            						<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            						</div>
-            -
            					</div>
-            -
            					<?php } ?>
-            -
-            -
            					<?php if (!empty($memb_skill3)) { ?>
-            -
            					<div class="skill-label"><?php echo $memb_skill3; ?></div>
-            -
            					<div class="skill-prog">
-            -
            						<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            						</div>
-            -
            					</div>
-            -
            					<?php } ?>
-            -
-            -
            					<?php if (!empty($memb_skill4)) { ?>
-            -
            					<div class="skill-label"><?php echo $memb_skill4; ?></div>
-            -
            					<div class="skill-prog">
-            -
            						<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            						</div>
-            -
            					</div>
-            -
            					<?php } ?>
-            -
-            -
            					<?php if (!empty($memb_skill5)) { ?>
-            -
            					<div class="skill-label"><?php echo $memb_skill5; ?></div>
-            -
            					<div class="skill-prog">
-            -
            						<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            						</div>
-            -
            					</div>
-            -
            					<?php } ?>
-            -
            				</div>
-            -
            				<div class="member-social">
-            -
            					<a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon2; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon3; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon4; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon5; ?>"></i>
-            -
            					</a>
-            -
            					<?php if (!empty($social_icon6)) { ?>
-            -
            					<a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon6; ?>"></i>
-            -
            					</a>
-            -
            					<?php } ?>
-            -
            				</div>
-            -
            			</div>
-            -
            		<?php } ?>
-            -
-            -
            		<!-- /**** Float Style****/ -->
-            -
-            -
            		<?php if ($member_visibility == 'float') { ?>
-            -
            			<div class="mega_team_case_2">
-            -
            				<div class="mega_team_head">
-            -
            					<div class="mega_team_wrap">
-            -
            						<div class="member-image">
-            -
            							<?php if (isset($url) && $url != '') { ?>
-            -
            								<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            							<?php } ?>
-            -
            							<?php if (isset($url) && $url == NULL) { ?>
-            -
            								<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            							<?php } ?>
-            -
            						</div>
-            -
            						<div class="member-name">
-            -
            							<?php echo $memb_name; ?>
-            -
            							<span style="background-color: <?php echo $member_clr; ?>;"><?php echo $memb_prof; ?></span>
-            -
            						</div>
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="mega_team_footer">
-            -
            					<div class="member-skills">
-            -
            						<?php if (!empty($memb_skill)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill2)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill2; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill3)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill3; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill4)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill4; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill5)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill5; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
            					</div>
-            -
            					<div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
-            -
            						<?php if (!empty($memb_email)) { ?>
-            -
            							<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
-            -
            						<?php } ?>
-            -
            						<?php if (!empty($memb_url)) { ?>
-            -
            							<p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
-            -
            						<?php } ?>
-            -
            						<?php if (!empty($memb_addr)) { ?>
-            -
            							<p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
-            -
            						<?php } ?>
-            -
            						<?php if (!empty($memb_numb)) { ?>
-            -
            							<p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
-            -
            						<?php } ?>
-            -
            					</div>
-            -
            					<div class="member-social">
-            -
            						<a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon2; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon3; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon4; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon5; ?>"></i>
-            -
            						</a>
-            -
            						<?php if (!empty($social_icon6)) { ?>
-            -
            						<a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon6; ?>"></i>
-            -
            						</a>
-            -
            						<?php } ?>
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="Clearfix"></div>
-            -
            				<div class="member-desc">
-            -
            					<?php echo $memb_about; ?>
-            -
            				</div>
-            -
            			</div>
-            -
            		<?php } ?>
-            -
-            -
            		<!-- Outset Style -->
-            -
-            -
            		<?php if ($member_visibility == 'outset') { ?>
-            -
            			<div class="mega_team_case_3">
-            -
            				<div class="mega_team_wrap">
-            -
            					<div class="member-image">
-            -
            						<?php if (isset($url) && $url != '') { ?>
-            -
            							<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            						<?php } ?>
-            -
            						<?php if (isset($url) && $url == NULL) { ?>
-            -
            							<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            						<?php } ?>
-            -
            					</div>
-            -
            					<div class="member-name">
-            -
            						<?php echo $memb_name; ?>
-            -
            						<span><?php echo $memb_prof; ?></span>
-            -
            					</div>
-            -
            				</div>
-            -
            				<div class="member-desc">
-            -
            					<?php echo $memb_about; ?>
-            -
            				</div>
-            -
            				<div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
-            -
            					<?php if (!empty($memb_email)) { ?>
-            -
            						<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
-            -
            					<?php } ?>
-            -
            					<?php if (!empty($memb_url)) { ?>
-            -
            						<p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
-            -
            					<?php } ?>
-            -
            					<?php if (!empty($memb_addr)) { ?>
-            -
            						<p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
-            -
            					<?php } ?>
-            -
            					<?php if (!empty($memb_numb)) { ?>
-            -
            						<p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
-            -
            					<?php } ?>
-            -
            				</div>
-            -
            				<div class="member-skills">
-            -
            						<?php if (!empty($memb_skill)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill2)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill2; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill3)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill3; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill4)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill4; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
-            -
            						<?php if (!empty($memb_skill5)) { ?>
-            -
            						<div class="skill-label"><?php echo $memb_skill5; ?></div>
-            -
            						<div class="skill-prog">
-            -
            							<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
-            -
            							</div>
-            -
            						</div>
-            -
            						<?php } ?>
-            -
            					</div>
-            -
            				<div class="member-social">
-            -
            					<a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon2; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon3; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon4; ?>"></i>
-            -
            					</a>
-            -
            					<a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon5; ?>"></i>
-            -
            					</a>
-            -
            					<?php if (!empty($social_icon6)) { ?>
-            -
            					<a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
-            -
            						<i class="<?php echo $social_icon6; ?>"></i>
-            -
            					</a>
-            -
            					<?php } ?>
-            -
            				</div>
-            -
            			</div>
-            -
            		<?php } ?>
-            -
-            -
            		<!-- Smart Style -->
-            -
-            -
            		<?php if ($member_visibility == 'smart') { ?>
-            -
            			<div class="mega_team_case_4">
-            -
            				<div class="member-image">
-            -
            					<?php if (isset($url) && $url != '') { ?>
-            -
            						<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            					<?php } ?>
-            -
            					<?php if (isset($url) && $url == NULL) { ?>
-            -
            						<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
-            -
            					<?php } ?>
-            -
            				</div>
-            -
            				<div class="mega_wrap">
-            -
            					<div class="member-name">
-            -
            						<?php echo $memb_name; ?>
-            -
            						<span><?php echo $memb_prof; ?></span>
-            -
            					</div>
-            -
            					<div class="member-desc">
-            -
            						<?php echo $memb_about; ?>
-            -
            					</div>
-            -
            					<div class="member-social">
-            -
            						<a href="<?php echo $social_url; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url2; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon2; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url3; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon3; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url4; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon4; ?>"></i>
-            -
            						</a>
-            -
            						<a href="<?php echo $social_url5; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon5; ?>"></i>
-            -
            						</a>
-            -
            						<?php if (!empty($social_icon6)) { ?>
-            -
            						<a href="<?php echo $social_url6; ?>" target="_blank">
-            -
            							<i class="<?php echo $social_icon6; ?>"></i>
-            -
            						</a>
-            -
            						<?php } ?>
-            -
            					</div>
-            -
            				</div>
-            -
            			</div>
-            -
            		<?php } ?>
             		<?php
             		return ob_get_clean();
@@ -431,12 +111,29 @@ vc_map( array(
             			"description" 	=> 	__( 'Select style of member profile <a href="http://addons.topdigitaltrends.net/member-profile">See demo</a>', 'memberprofile' ),
             			"group" 		=> 	'General',
             			"value" 		=> array(
-            -
            				"Grow"		=> "grow",
-            -
            				"Float" 	=> "float",
-            -
            				"Outset" 	=> "outset",
-            -
            				"Smart" 	=> "smart",
+            			)
                     ),
                     array(
                         "type" 			=> 	"colorpicker",
             			"heading" 		=> 	__( 'Profile color', 'memberprofile' ),
@@ -447,9 +144,9 @@ vc_map( array(
                     array(
             			"type" 			=> "vc_link",
-            -
            			"heading" 		=> __( 'URL Link', 'member-vc' ),
             			"param_name" 	=> "url",
-            -
            			"description" 	=> __( 'It will move to next page on click', 'member-vc' ),
             			"group" 		=> 'General',
             		),
@@ -461,6 +158,15 @@ vc_map( array(
             			"group" 		=> 	'General',
                     ),
             		array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Alternate Text', 'memberprofile' ),
@@ -470,6 +176,14 @@ vc_map( array(
             		),
             		array(
             			"type" 			=> "vc_links",
             			"param_name" 	=> "caption_url",
             			"class"			=>	"ult_param_heading",
@@ -493,35 +207,20 @@ vc_map( array(
             		),
             		array(
-            -
            			"type" 			=> "textfield",
             			"heading" 		=> __( 'About', 'memberprofile' ),
             			"param_name" 	=> "memb_about",
             			"description" 	=> __( 'Info about member in detail', 'memberprofile' ),
             			"group" 		=> 'About',
             		),
-            -
            		// Info
-            -
-            -
            		array(
-            -
            			"type" 			=> "vc_number",
-            -
            			"heading" 		=> __( 'Info text font size', 'memberprofile' ),
-            -
            			"param_name" 	=> "info_size",
-            -
            			"description" 	=> __( 'Write font size along with units e.g 13', 'memberprofile' ),
-            -
            			"suffix" 		=> 	'px',
-            -
            			"group" 		=> 'Info',
-            -
            		),
-            -
            		array(
-            -
            			"type" 			=> "colorpicker",
-            -
            			"heading" 		=> __( 'Text Color', 'memberprofile' ),
-            -
            			"param_name" 	=> "info_clr",
-            -
            			"description" 	=> __( 'Set color of all info text', 'memberprofile' ),
-            -
            			"group" 		=> 'Info',
-            -
            		),
             		array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Email', 'memberprofile' ),
             			"param_name" 	=> "memb_email",
             			"description" 	=> __( 'Write member email address or leave blank', 'memberprofile' ),
             			"group" 		=> 'Info',
             		),
@@ -530,6 +229,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Site Url', 'memberprofile' ),
             			"param_name" 	=> "memb_url",
             			"description" 	=> __( 'Write member site url or leave blank', 'memberprofile' ),
             			"group" 		=> 'Info',
             		),
@@ -538,6 +238,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Contact number', 'memberprofile' ),
             			"param_name" 	=> "memb_numb",
             			"description" 	=> __( 'Write member contact number or leave blank', 'memberprofile' ),
             			"group" 		=> 'Info',
             		),
@@ -546,6 +247,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Address', 'memberprofile' ),
             			"param_name" 	=> "memb_addr",
             			"description" 	=> __( 'Write member address or leave blank', 'memberprofile' ),
             			"group" 		=> 'Info',
             		),
@@ -556,6 +258,8 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Skill 1', 'memberprofile' ),
             			"param_name" 	=> "memb_skill",
             			"description" 	=> __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
             			"group" 		=> 'Skill',
             		),
@@ -564,6 +268,8 @@ vc_map( array(
             			"type" 			=> "vc_number",
             			"heading" 		=> __( 'First percentage', 'memberprofile' ),
             			"param_name" 	=> "memb_perl",
             			"description" 	=> __( 'first skill percentage e.g 87 or leave blank', 'memberprofile' ),
             			"suffix" 		=> 	'%',
             			"group" 		=> 'Skill',
@@ -573,6 +279,8 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Skill 2', 'memberprofile' ),
             			"param_name" 	=> "memb_skill2",
             			"description" 	=> __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
             			"group" 		=> 'Skill',
             		),
@@ -581,6 +289,8 @@ vc_map( array(
             			"type" 			=> "vc_number",
             			"heading" 		=> __( 'Second percentage', 'memberprofile' ),
             			"param_name" 	=> "memb_per2",
             			"description" 	=> __( 'second skill percentage e.g 83 or leave blank', 'memberprofile' ),
             			"suffix" 		=> 	'%',
             			"group" 		=> 'Skill',
@@ -590,6 +300,8 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Skill 3', 'memberprofile' ),
             			"param_name" 	=> "memb_skill3",
             			"description" 	=> __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
             			"group" 		=> 'Skill',
             		),
@@ -598,6 +310,8 @@ vc_map( array(
             			"type" 			=> "vc_number",
             			"heading" 		=> __( 'Third percentage', 'memberprofile' ),
             			"param_name" 	=> "memb_per3",
             			"description" 	=> __( 'third skill percentage e.g 83 or leave blank', 'memberprofile' ),
             			"suffix" 		=> 	'%',
             			"group" 		=> 'Skill',
@@ -606,6 +320,8 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Skill 4', 'memberprofile' ),
             			"param_name" 	=> "memb_skill4",
             			"description" 	=> __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
             			"group" 		=> 'Skill',
             		),
@@ -614,6 +330,8 @@ vc_map( array(
             			"type" 			=> "vc_number",
             			"heading" 		=> __( 'Fourth percentage', 'memberprofile' ),
             			"param_name" 	=> "memb_per4",
             			"description" 	=> __( 'fourth skill percentage e.g 83 or leave blank', 'memberprofile' ),
             			"suffix" 		=> 	'%',
             			"group" 		=> 'Skill',
@@ -623,6 +341,8 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Skill 5', 'memberprofile' ),
             			"param_name" 	=> "memb_skill5",
             			"description" 	=> __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
             			"group" 		=> 'Skill',
             		),
@@ -631,6 +351,8 @@ vc_map( array(
             			"type" 			=> "vc_number",
             			"heading" 		=> __( 'Fifth percentage', 'memberprofile' ),
             			"param_name" 	=> "memb_per5",
             			"description" 	=> __( 'fifth skill percentage e.g 83 or leave blank', 'memberprofile' ),
             			"suffix" 		=> 	'%',
             			"group" 		=> 'Skill',
@@ -650,6 +372,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'First Social Url', 'memberprofile' ),
             			"param_name" 	=> "social_url",
             			"description" 	=> __( 'first social url', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -658,7 +381,7 @@ vc_map( array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'First Social color', 'memberprofile' ),
             			"param_name" 	=> "social_clr",
-            -
            			"description" 	=> __( 'first color of social icon', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -675,6 +398,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Second Social Url', 'memberprofile' ),
             			"param_name" 	=> "social_url2",
             			"description" 	=> __( 'Second social url', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -683,7 +407,7 @@ vc_map( array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'Second Social color', 'memberprofile' ),
             			"param_name" 	=> "social_clr2",
-            -
            			"description" 	=> __( 'Second color of social icon', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -699,6 +423,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Third Social Url', 'memberprofile' ),
             			"param_name" 	=> "social_url3",
             			"description" 	=> __( 'Third social url', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -707,7 +432,7 @@ vc_map( array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'Third Social color', 'memberprofile' ),
             			"param_name" 	=> "social_clr3",
-            -
            			"description" 	=> __( 'Third color of social icon', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -724,6 +449,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Fourth Social Url', 'memberprofile' ),
             			"param_name" 	=> "social_url4",
             			"description" 	=> __( 'Fourth social url', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -732,11 +458,10 @@ vc_map( array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'Fourth Social color', 'memberprofile' ),
             			"param_name" 	=> "social_clr4",
-            -
            			"description" 	=> __( 'Fourth color of social icon', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
-            -
             		array(
             			"type" 			=> "iconpicker",
             			"heading" 		=> __( 'Fifth social icon', 'memberprofile' ),
@@ -749,6 +474,7 @@ vc_map( array(
             			"type" 			=> "textfield",
             			"heading" 		=> __( 'Fifth Social Url', 'memberprofile' ),
             			"param_name" 	=> "social_url5",
             			"description" 	=> __( 'Fifth social url', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
@@ -757,9 +483,101 @@ vc_map( array(
             			"type" 			=> "colorpicker",
             			"heading" 		=> __( 'Fifth Social color', 'memberprofile' ),
             			"param_name" 	=> "social_clr5",
-            -
            			"description" 	=> __( 'Fifth color of social icon', 'memberprofile' ),
             			"group" 		=> 'Social',
             		),
             	),
             ) );


9
10	extract( shortcode_atts( array(
11	'member_visibility' => 'grow',
12	+ 'pro_size' => '',
13	'shadow_visibility' => 'none',
14	+ 'member_clr' => '#27BEBE',
15	+ 'url' => '',
16	+ 'image_id' => '',
17	+ 'image_id2' => '',
18	+ 'image_alt' => '',
19	+ 'classname' => '',
20	+ 'memb_name' => '',
21	+ 'memb_prof' => '',
22	+ 'memb_about' => '',
23	+ 'memberproclr' => '',
24	+ 'about_clr' => '',
25	+ 'info_size' => '',
26	+ 'info_clr' => '',
27	+ 'memb_email' => '',
28	+ 'memb_url' => '',
29	+ 'memb_numb' => '',
30	+ 'memb_addr' => '',
31	+ 'memb_skill' => '',
32	+ 'memb_perl' => '',
33	+ 'memb_skill2' => '',
34	+ 'memb_per2' => '',
35	+ 'memb_skill3' => '',
36	+ 'memb_per3' => '',
37	+ 'memb_skill4' => '',
38	+ 'memb_per4' => '',
39	+ 'memb_skill5' => '',
40	+ 'memb_per5' => '',
41	+ 'social_size' => '19',
42	+ 'social_icon' => '',
43	+ 'social_url' => '',
44	+ 'social_clr' => '',
45	+ 'social_icon2' => '',
46	+ 'social_url2' => '',
47	+ 'social_clr2' => '',
48	+ 'social_icon3' => '',
49	+ 'social_url3' => '',
50	+ 'social_clr3' => '',
51	+ 'social_icon4' => '',
52	+ 'social_url4' => '',
53	+ 'social_clr4' => '',
54	+ 'social_icon5' => '',
55	+ 'social_url5' => '',
56	+ 'social_clr5' => '',
57	+ 'member_txt_size' => '',
58	+ 'about_txt_size' => '',
59	+ 'pro_txt_size' => '',
60	), $atts ) );
61	$url = vc_build_link($url);
62	if ($image_id != '') {
63	$image_url = wp_get_attachment_url( $image_id );
64	}
65	+ if ($image_id2 != '') {
66	+ $image_url2 = wp_get_attachment_url( $image_id2 );
67	+ }
68	wp_enqueue_style( 'memberprofile-css', plugins_url( '../css/memberprofile.css' , __FILE__ ));
69	$content = wpb_js_remove_wpautop($content, true);
70	ob_start(); ?>
71
72	+ <?php switch ($member_visibility) {
73	+ case 'grow':
74	+ include 'team-profile/style1.php';
75	+ break;
76	+ case 'float':
77	+ include 'team-profile/style2.php';
78	+ break;
79	+ case 'outset':
80	+ include 'team-profile/style3.php';
81	+ break;
82	+ case 'smart':
83	+ include 'team-profile/style4.php';
84	+ break;
85	+ case 'style8':
86	+ include 'team-profile/style8.php';
87	+ break;
88	+
89	+ default:
90	+ include 'team-profile/style1.php';
91	+ break;
92	+ } ?>










































































































































































































































































































































93
94	<?php
95	return ob_get_clean();

111	"description" => __( 'Select style of member profile <a href="http://addons.topdigitaltrends.net/member-profile">See demo</a>', 'memberprofile' ),
112	"group" => 'General',
113	"value" => array(
114	+ "STYLE 1" => "grow",
115	+ "STYLE 2" => "float",
116	+ "STYLE 3" => "outset",
117	+ "STYLE 4" => "smart",
118	+ "STYLE 5" => "style8",
119	+ "STYLE 6 [Pro]" => "",
120	+ "STYLE 7 [Pro]" => "",
121	+ "STYLE 8 [Pro]" => "",
122	+ "STYLE 9 [Pro]" => "",
123	+ "STYLE 10 [Pro]" => "",
124	+ "STYLE 11 [Pro]" => "",
125	)
126	),
127	+
128	+ array(
129	+ "type" => "vc_number",
130	+ "heading" => __( 'Team Profile Width', 'memberprofile' ),
131	+ "param_name" => "pro_size",
132	+ "description" => __( 'custom size of profile container or leave blank for default', 'memberprofile' ),
133	+ "suffix" => 'px',
134	+ "group" => 'General',
135	+ ),
136	+
137	array(
138	"type" => "colorpicker",
139	"heading" => __( 'Profile color', 'memberprofile' ),

144
145	array(
146	"type" => "vc_link",
147	+ "heading" => __( 'Link To', 'member-vc' ),
148	"param_name" => "url",
149	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset', 'smart', 'stalic', 'swap', 'minimic')),
150	"group" => 'General',
151	),
152

158	"group" => 'General',
159	),
160
161	+ array(
162	+ "type" => "attach_image",
163	+ "heading" => __( 'Image 2', 'memberprofile' ),
164	+ "param_name" => "image_id2",
165	+ "dependency" => array('element' => "member_visibility", 'value' => 'swap'),
166	+ "description" => __( 'It will show on hover', 'memberprofile' ),
167	+ "group" => 'General',
168	+ ),
169	+
170	array(
171	"type" => "textfield",
172	"heading" => __( 'Alternate Text', 'memberprofile' ),

176	),
177
178	array(
179	+ "type" => "textfield",
180	+ "heading" => __( 'Extra class name', 'megaaddons' ),
181	+ "param_name" => "classname",
182	+ "description" => "Style particular content element differently - add a class name and refer to it in custom CSS.",
183	+ "group" => 'General',
184	+ ),
185	+
186	+ array(
187	"type" => "vc_links",
188	"param_name" => "caption_url",
189	"class" => "ult_param_heading",

207	),
208
209	array(
210	+ "type" => "textarea",
211	"heading" => __( 'About', 'memberprofile' ),
212	"param_name" => "memb_about",
213	"description" => __( 'Info about member in detail', 'memberprofile' ),
214	"group" => 'About',
215	),
216
217	+ // Info Section
















218
219	array(
220	"type" => "textfield",
221	"heading" => __( 'Email', 'memberprofile' ),
222	"param_name" => "memb_email",
223	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
224	"description" => __( 'Write member email address or leave blank', 'memberprofile' ),
225	"group" => 'Info',
226	),

229	"type" => "textfield",
230	"heading" => __( 'Site Url', 'memberprofile' ),
231	"param_name" => "memb_url",
232	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
233	"description" => __( 'Write member site url or leave blank', 'memberprofile' ),
234	"group" => 'Info',
235	),

238	"type" => "textfield",
239	"heading" => __( 'Contact number', 'memberprofile' ),
240	"param_name" => "memb_numb",
241	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
242	"description" => __( 'Write member contact number or leave blank', 'memberprofile' ),
243	"group" => 'Info',
244	),

247	"type" => "textfield",
248	"heading" => __( 'Address', 'memberprofile' ),
249	"param_name" => "memb_addr",
250	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
251	"description" => __( 'Write member address or leave blank', 'memberprofile' ),
252	"group" => 'Info',
253	),

258	"type" => "textfield",
259	"heading" => __( 'Skill 1', 'memberprofile' ),
260	"param_name" => "memb_skill",
261	+ "edit_field_class" => "vc_col-sm-8 edit_field_padding_top",
262	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
263	"description" => __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
264	"group" => 'Skill',
265	),

268	"type" => "vc_number",
269	"heading" => __( 'First percentage', 'memberprofile' ),
270	"param_name" => "memb_perl",
271	+ "edit_field_class" => "vc_col-sm-4 edit_field_padding_top",
272	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
273	"description" => __( 'first skill percentage e.g 87 or leave blank', 'memberprofile' ),
274	"suffix" => '%',
275	"group" => 'Skill',

279	"type" => "textfield",
280	"heading" => __( 'Skill 2', 'memberprofile' ),
281	"param_name" => "memb_skill2",
282	+ "edit_field_class" => "vc_col-sm-8",
283	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
284	"description" => __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
285	"group" => 'Skill',
286	),

289	"type" => "vc_number",
290	"heading" => __( 'Second percentage', 'memberprofile' ),
291	"param_name" => "memb_per2",
292	+ "edit_field_class" => "vc_col-sm-4",
293	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
294	"description" => __( 'second skill percentage e.g 83 or leave blank', 'memberprofile' ),
295	"suffix" => '%',
296	"group" => 'Skill',

300	"type" => "textfield",
301	"heading" => __( 'Skill 3', 'memberprofile' ),
302	"param_name" => "memb_skill3",
303	+ "edit_field_class" => "vc_col-sm-8",
304	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
305	"description" => __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
306	"group" => 'Skill',
307	),

310	"type" => "vc_number",
311	"heading" => __( 'Third percentage', 'memberprofile' ),
312	"param_name" => "memb_per3",
313	+ "edit_field_class" => "vc_col-sm-4",
314	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
315	"description" => __( 'third skill percentage e.g 83 or leave blank', 'memberprofile' ),
316	"suffix" => '%',
317	"group" => 'Skill',

320	"type" => "textfield",
321	"heading" => __( 'Skill 4', 'memberprofile' ),
322	"param_name" => "memb_skill4",
323	+ "edit_field_class" => "vc_col-sm-8",
324	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
325	"description" => __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
326	"group" => 'Skill',
327	),

330	"type" => "vc_number",
331	"heading" => __( 'Fourth percentage', 'memberprofile' ),
332	"param_name" => "memb_per4",
333	+ "edit_field_class" => "vc_col-sm-4",
334	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
335	"description" => __( 'fourth skill percentage e.g 83 or leave blank', 'memberprofile' ),
336	"suffix" => '%',
337	"group" => 'Skill',

341	"type" => "textfield",
342	"heading" => __( 'Skill 5', 'memberprofile' ),
343	"param_name" => "memb_skill5",
344	+ "edit_field_class" => "vc_col-sm-8",
345	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
346	"description" => __( 'write your skill e.g Wordpress or leave blank', 'memberprofile' ),
347	"group" => 'Skill',
348	),

351	"type" => "vc_number",
352	"heading" => __( 'Fifth percentage', 'memberprofile' ),
353	"param_name" => "memb_per5",
354	+ "edit_field_class" => "vc_col-sm-4",
355	+ "dependency" => array('element' => "member_visibility", 'value' => array('grow', 'float', 'outset')),
356	"description" => __( 'fifth skill percentage e.g 83 or leave blank', 'memberprofile' ),
357	"suffix" => '%',
358	"group" => 'Skill',

372	"type" => "textfield",
373	"heading" => __( 'First Social Url', 'memberprofile' ),
374	"param_name" => "social_url",
375	+ "edit_field_class" => "vc_col-sm-7",
376	"description" => __( 'first social url', 'memberprofile' ),
377	"group" => 'Social',
378	),

381	"type" => "colorpicker",
382	"heading" => __( 'First Social color', 'memberprofile' ),
383	"param_name" => "social_clr",
384	+ "edit_field_class" => "vc_col-sm-5",
385	"group" => 'Social',
386	),
387

398	"type" => "textfield",
399	"heading" => __( 'Second Social Url', 'memberprofile' ),
400	"param_name" => "social_url2",
401	+ "edit_field_class" => "vc_col-sm-7",
402	"description" => __( 'Second social url', 'memberprofile' ),
403	"group" => 'Social',
404	),

407	"type" => "colorpicker",
408	"heading" => __( 'Second Social color', 'memberprofile' ),
409	"param_name" => "social_clr2",
410	+ "edit_field_class" => "vc_col-sm-5",
411	"group" => 'Social',
412	),
413

423	"type" => "textfield",
424	"heading" => __( 'Third Social Url', 'memberprofile' ),
425	"param_name" => "social_url3",
426	+ "edit_field_class" => "vc_col-sm-7",
427	"description" => __( 'Third social url', 'memberprofile' ),
428	"group" => 'Social',
429	),

432	"type" => "colorpicker",
433	"heading" => __( 'Third Social color', 'memberprofile' ),
434	"param_name" => "social_clr3",
435	+ "edit_field_class" => "vc_col-sm-5",
436	"group" => 'Social',
437	),
438

449	"type" => "textfield",
450	"heading" => __( 'Fourth Social Url', 'memberprofile' ),
451	"param_name" => "social_url4",
452	+ "edit_field_class" => "vc_col-sm-7",
453	"description" => __( 'Fourth social url', 'memberprofile' ),
454	"group" => 'Social',
455	),

458	"type" => "colorpicker",
459	"heading" => __( 'Fourth Social color', 'memberprofile' ),
460	"param_name" => "social_clr4",
461	+ "edit_field_class" => "vc_col-sm-5",
462	"group" => 'Social',
463	),
464

465	array(
466	"type" => "iconpicker",
467	"heading" => __( 'Fifth social icon', 'memberprofile' ),

474	"type" => "textfield",
475	"heading" => __( 'Fifth Social Url', 'memberprofile' ),
476	"param_name" => "social_url5",
477	+ "edit_field_class" => "vc_col-sm-7",
478	"description" => __( 'Fifth social url', 'memberprofile' ),
479	"group" => 'Social',
480	),

483	"type" => "colorpicker",
484	"heading" => __( 'Fifth Social color', 'memberprofile' ),
485	"param_name" => "social_clr5",
486	+ "edit_field_class" => "vc_col-sm-5",
487	"group" => 'Social',
488	),
489	+
490	+ array(
491	+ "type" => "vc_links",
492	+ "param_name" => "caption_url",
493	+ "class" => "ult_param_heading",
494	+ "description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #302f2f;font-weight:600;">About Tab Settings</span>', 'ihover' ),
495	+ "group" => 'Typography',
496	+ ),
497	+
498	+ array(
499	+ "type" => "colorpicker",
500	+ "heading" => __( 'Color [Member - Profession]', 'memberprofile' ),
501	+ "param_name" => "memberproclr",
502	+ "edit_field_class" => "vc_col-sm-6",
503	+ "group" => 'Typography',
504	+ ),
505	+
506	+ array(
507	+ "type" => "colorpicker",
508	+ "heading" => __( 'About Color', 'memberprofile' ),
509	+ "param_name" => "about_clr",
510	+ "edit_field_class" => "vc_col-sm-6",
511	+ "group" => 'Typography',
512	+ ),
513	+
514	+ array(
515	+ "type" => "vc_number",
516	+ "heading" => __( 'Member Name [Font Size]', 'memberprofile' ),
517	+ "param_name" => "member_txt_size",
518	+ "edit_field_class" => "vc_col-sm-6",
519	+ "suffix" => 'px',
520	+ "group" => 'Typography',
521	+ ),
522	+
523	+ array(
524	+ "type" => "vc_number",
525	+ "heading" => __( 'About [Font Size]', 'memberprofile' ),
526	+ "param_name" => "about_txt_size",
527	+ "edit_field_class" => "vc_col-sm-6",
528	+ "suffix" => 'px',
529	+ "group" => 'Typography',
530	+ ),
531	+
532	+ array(
533	+ "type" => "vc_number",
534	+ "heading" => __( 'Profession [Font Size]', 'memberprofile' ),
535	+ "param_name" => "pro_txt_size",
536	+ "suffix" => 'px',
537	+ "group" => 'Typography',
538	+ ),
539	+
540	+ array(
541	+ "type" => "vc_links",
542	+ "param_name" => "caption_url",
543	+ "class" => "ult_param_heading",
544	+ "description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #302f2f;font-weight:600;">Info Tab Settings</span>', 'ihover' ),
545	+ "group" => 'Typography',
546	+ ),
547	+
548	+ array(
549	+ "type" => "vc_number",
550	+ "heading" => __( 'Info [Font Size]', 'memberprofile' ),
551	+ "param_name" => "info_size",
552	+ "suffix" => 'px',
553	+ "group" => 'Typography',
554	+ ),
555	+ array(
556	+ "type" => "colorpicker",
557	+ "heading" => __( 'Text Color', 'memberprofile' ),
558	+ "param_name" => "info_clr",
559	+ "description" => __( 'Set color of all info text', 'memberprofile' ),
560	+ "group" => 'Typography',
561	+ ),
562	+
563	+ array(
564	+ "type" => "vc_links",
565	+ "param_name" => "caption_url",
566	+ "class" => "ult_param_heading",
567	+ "description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #302f2f;font-weight:600;">Social Tab Settings</span>', 'ihover' ),
568	+ "group" => 'Typography',
569	+ ),
570	+
571	+ array(
572	+ "type" => "vc_number",
573	+ "heading" => __( 'Social [Icon Size]', 'memberprofile' ),
574	+ "param_name" => "social_size",
575	+ "value" => "19",
576	+ "suffix" => 'px',
577	+ "group" => 'Typography',
578	+ ),
579	+
580	+
581	),
582	) );
583

render/tm_carousel_father.php CHANGED Viewed

	@@ -15,6 +15,7 @@ class WPBakeryShortCode_tm_carousel_father extends WPBakeryShortCodesContainer {
15	'dot' => 'true',
16	'autoplay' => 'true',
17	'speed' => '2500',

18	'spaces' => '0',
19	'slide_visible' => '1',
20	'slide_visible_mbl' => '1',
	@@ -34,7 +35,7 @@ class WPBakeryShortCode_tm_carousel_father extends WPBakeryShortCodesContainer {
34	wp_enqueue_script( 'slick-js', plugins_url( '../js/slick.js' , __FILE__ ), array('jquery'));
35	wp_enqueue_script( 'custom-js', plugins_url( '../js/custom-tm.js' , __FILE__ ), array('jquery'));
36	ob_start(); ?>
37	- <section class="tm-slider slider <?php echo $class; ?> <?php echo $theme; ?>" id="tdt-slider-<?php echo $some_id ?>" data-mobiles="<?php echo $slide_visible_mbl ?>" data-tabs="<?php echo $tabs ?>" data-slick='{"arrows": <?php echo $arrows; ?>, "autoplaySpeed": <?php echo $speed; ?>, "dots": <?php echo $dot; ?>, "autoplay": true, "slidesToShow": <?php echo $slide_visible; ?>, "slidesToScroll": <?php echo $slide_scroll; ?>, "fade": <?php echo $effect; ?>}'>
38	<?php echo $content; ?>
39	</section>
40
	@@ -105,28 +106,7 @@ vc_map( array(
105	"Fade" => "true",
106	)
107	),
108	- ~~array(~~
109	- "type" => "dropdown",
110	- "heading" => __( 'Arrows', 'slider' ),
111	- "param_name" => "arrows",
112	- "description" => __('Show/Hide on left & right', 'slider'),
113	- "group" => 'Settings',
114	- "value" => array(
115	- "Show" => "true",
116	- "Hide" => "false",
117	- )
118	- ),
119	- array(
120	- "type" => "dropdown",
121	- "heading" => __( 'Dots', 'slider' ),
122	- "param_name" => "dot",
123	- "description" => __('Show/Hide show at bottom', 'slider'),
124	- "group" => 'Settings',
125	- "value" => array(
126	- "Show" => "true",
127	- "Hide" => "false",
128	- )
129	- ),
130	array(
131	"type" => "dropdown",
132	"heading" => __( 'Autoplay', 'slider' ),
	@@ -153,10 +133,22 @@ vc_map( array(
153	"type" => "vc_number",
154	"heading" => __( 'Slider Speed', 'slider' ),
155	"param_name" => "speed",

156	"description" => __('write in ms eg, 2000 [1s = 1000]', 'slider'),
157	"value" => "2500",
158	"group" => 'Settings',
159	),











160	array(
161	"type" => "vc_number",
162	"heading" => __( 'Spaces between two items [px]', 'slider' ),
	@@ -222,6 +214,18 @@ vc_map( array(
222
223	// Arrow Section Setting
224












225	array(
226	"type" => "colorpicker",
227	"heading" => __( 'Arrow Color', 'slider' ),
	@@ -234,7 +238,7 @@ vc_map( array(
234	"type" => "colorpicker",
235	"heading" => __( 'Arrow background', 'slider' ),
236	"param_name" => "arrowbg",
237	- "dependency" => array('element' => "~~arrow~~", 'value' => 'true'),
238	"group" => 'Navigation',
239	),
240	array(
	@@ -253,7 +257,7 @@ vc_map( array(
253	"param_name" => "arrowposition",
254	"description" => "change the position of arrows on slider, with minus sign arrows move away from slider",
255	"value" => "",
256	- "dependency" => array('element' => "~~arrow~~", 'value' => 'true'),
257	"group" => 'Navigation',
258	),
259
	@@ -266,6 +270,18 @@ vc_map( array(
266	"description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #302f2f;font-weight:600;">Dot Settings</span>', 'ihover' ),
267	"group" => 'Navigation',
268	),












269
270	array(
271	"type" => "dropdown",
	@@ -289,6 +305,7 @@ vc_map( array(
289	array(
290	"type" => "vc_number",
291	"heading" => __( 'Dot Size [px]', 'slider' ),

292	"param_name" => "dotsize",
293	"value" => "30",
294	"group" => 'Navigation',
	@@ -306,6 +323,7 @@ vc_map( array(
306	"type" => "textfield",
307	"heading" => __( 'Position [Pro Option]', 'slider' ),
308	"param_name" => "dotposition",

309	"description" => "change the position of Dots on slider, with minus sign dots move away from slider",
310	"value" => "",
311	"group" => 'Navigation',


15	'dot' => 'true',
16	'autoplay' => 'true',
17	'speed' => '2500',
18	+ 'animation_speed' => '',
19	'spaces' => '0',
20	'slide_visible' => '1',
21	'slide_visible_mbl' => '1',

35	wp_enqueue_script( 'slick-js', plugins_url( '../js/slick.js' , __FILE__ ), array('jquery'));
36	wp_enqueue_script( 'custom-js', plugins_url( '../js/custom-tm.js' , __FILE__ ), array('jquery'));
37	ob_start(); ?>
38	+ <section class="tm-slider slider <?php echo $class; ?> <?php echo $theme; ?>" id="tdt-slider-<?php echo $some_id ?>" data-mobiles="<?php echo $slide_visible_mbl ?>" data-tabs="<?php echo $tabs ?>" data-slick='{"arrows": <?php echo $arrows; ?>, "autoplaySpeed": <?php echo $speed; ?>, "speed": <?php echo $animation_speed; ?>ms, "dots": <?php echo $dot; ?>, "autoplay": true, "slidesToShow": <?php echo $slide_visible; ?>, "slidesToScroll": <?php echo $slide_scroll; ?>, "fade": <?php echo $effect; ?>}'>
39	<?php echo $content; ?>
40	</section>
41

106	"Fade" => "true",
107	)
108	),
109	+





















110	array(
111	"type" => "dropdown",
112	"heading" => __( 'Autoplay', 'slider' ),

133	"type" => "vc_number",
134	"heading" => __( 'Slider Speed', 'slider' ),
135	"param_name" => "speed",
136	+ "edit_field_class" => "vc_col-sm-6",
137	"description" => __('write in ms eg, 2000 [1s = 1000]', 'slider'),
138	"value" => "2500",
139	"group" => 'Settings',
140	),
141	+
142	+ array(
143	+ "type" => "vc_number",
144	+ "heading" => __( 'Animation Speed', 'slider' ),
145	+ "param_name" => "animation_speed",
146	+ "edit_field_class" => "vc_col-sm-6",
147	+ "description" => __('Slide/Fade animation speed in ms', 'slider'),
148	+ "value" => "500",
149	+ "group" => 'Settings',
150	+ ),
151	+
152	array(
153	"type" => "vc_number",
154	"heading" => __( 'Spaces between two items [px]', 'slider' ),

214
215	// Arrow Section Setting
216
217	+ array(
218	+ "type" => "dropdown",
219	+ "heading" => __( 'Arrows', 'slider' ),
220	+ "param_name" => "arrows",
221	+ "description" => __('Show/Hide on left & right', 'slider'),
222	+ "group" => 'Navigation',
223	+ "value" => array(
224	+ "Show" => "true",
225	+ "Hide" => "false",
226	+ )
227	+ ),
228	+
229	array(
230	"type" => "colorpicker",
231	"heading" => __( 'Arrow Color', 'slider' ),

238	"type" => "colorpicker",
239	"heading" => __( 'Arrow background', 'slider' ),
240	"param_name" => "arrowbg",
241	+ "dependency" => array('element' => "arrows", 'value' => 'true'),
242	"group" => 'Navigation',
243	),
244	array(

257	"param_name" => "arrowposition",
258	"description" => "change the position of arrows on slider, with minus sign arrows move away from slider",
259	"value" => "",
260	+ "dependency" => array('element' => "arrows", 'value' => 'true'),
261	"group" => 'Navigation',
262	),
263

270	"description" => __( '<span style="Background: #ddd;padding: 10px; display: block; color: #302f2f;font-weight:600;">Dot Settings</span>', 'ihover' ),
271	"group" => 'Navigation',
272	),
273	+
274	+ array(
275	+ "type" => "dropdown",
276	+ "heading" => __( 'Dots', 'slider' ),
277	+ "param_name" => "dot",
278	+ "description" => __('Show/Hide show at bottom', 'slider'),
279	+ "group" => 'Navigation',
280	+ "value" => array(
281	+ "Show" => "true",
282	+ "Hide" => "false",
283	+ )
284	+ ),
285
286	array(
287	"type" => "dropdown",

305	array(
306	"type" => "vc_number",
307	"heading" => __( 'Dot Size [px]', 'slider' ),
308	+ "dependency" => array('element' => "style", 'value' => 'dot'),
309	"param_name" => "dotsize",
310	"value" => "30",
311	"group" => 'Navigation',

323	"type" => "textfield",
324	"heading" => __( 'Position [Pro Option]', 'slider' ),
325	"param_name" => "dotposition",
326	+ "dependency" => array('element' => "dot", 'value' => 'true'),
327	"description" => "change the position of Dots on slider, with minus sign dots move away from slider",
328	"value" => "",
329	"group" => 'Navigation',

Mega Addons For WPBakery Page Builder (formerly Visual Composer) - Version 4.2.5

Version Description

Release Info

Code changes from version 4.2.0 to 4.2.5