Version Description
- This verion have some changes In settings so please make sure to backup your previous version and design. Your design can be change on updating the plugin so first test It on other server or localhost.
- These settings will effect on font size, padding, height width and URL given to elements.
- If you update the plugin by mistaken then simply revert the old version 2.3 and settings will be back. You can download It from Plugin URI on WordPress.org
- Now you can disable unused elements from dashboard to speed up your page loading time.
- We fixed too much bugs in new version and made more responsive design.
- You can add custom settings for mobile devices.
- Info Box: Addition of WP-Editor option for description field and Box shadow and "Link To" options.
- Accordion: Options of Collapseable + animation + mouseover and clickable, plus panel height issue resolved.
- Addition: Width & Height option for Image Hover Effects.
- Image Alt attribute In all elements.
- Remove "Photobook" element.
- Flip Box CSS fixed rotation problem
- Price Table: 2 more design.
- Addition: Text Color & background color onhover for button in modal popup element.
- Addition: Border Style option in Image Swap Element.
- Extra Spaces Removed From Interactive Banner Design.
Download this release
Release Info
Developer | nasir179125 |
Plugin | Mega Addons For WPBakery Page Builder (formerly Visual Composer) |
Version | 3.1 |
Comparing to | |
See all releases |
Code changes from version 2.3 to 3.1
- css/accordion.css +5 -1
- css/flipbox.css +5 -5
- css/heading.css +2 -2
- css/hoverbtn.css +3 -4
- css/images/btnNext.png +0 -0
- css/images/sprite.png +0 -0
- css/images/sprite_next.png +0 -0
- css/images/sprite_prev.png +0 -0
- css/images/sprite_x.png +0 -0
- css/images/sprite_y.png +0 -0
- css/info-circle.css +2 -2
- css/infobanner.css +6 -2
- css/infobox.css +29 -17
- css/int_banner.css +1003 -343
- css/memberprofile.css +8 -8
- css/price_listing.css +1006 -1
- css/simplegrid.css +0 -249
- css/slick-carousal.css +16 -11
- css/statcounter.css +0 -12
- css/style.css +5 -1
- css/testimonial.css +1 -1
- images/slider.png → icons/beforeAfter.png +0 -0
- icons/dual-btn.png +0 -0
- icons/int-banner2.png +0 -0
- icons/{pro.png → post-grid.png} +0 -0
- icons/postcarousel.png +0 -0
- images/advanceprice.png +0 -0
- images/countdown.jpg +0 -0
- images/counter.jpg +0 -0
- images/creativelink.png +0 -0
- images/flipbox.png +0 -0
- images/hoverbutton.png +0 -0
- images/ihe.png +0 -0
- images/infobanner.png +0 -0
- images/infobox.png +0 -0
- images/loader.gif +0 -0
- images/memberprofile.jpg +0 -0
- images/photobook.png +0 -0
- images/popup.png +0 -0
- images/price.png +0 -0
- images/social.jpg +0 -0
- images/texttype.jpg +0 -0
- images/texttypes.jpg +0 -0
- images/timeline.png +0 -0
- images/triangle.svg +5 -0
- images/triangle2.svg +6 -0
- images/visual_composer.png +0 -0
- includes/AdPriceSetting.php +0 -163
- includes/PriceSetting.php +0 -135
- includes/class-vc-number-param.php +44 -0
- includes/countdownSetting.php +0 -173
- includes/counterSetting.php +0 -194
- includes/flipBoxSetting.php +0 -161
- includes/hoverBtnSetting.php +0 -293
- includes/hoverSetting.php +0 -192
- includes/infoBannerSetting.php +0 -278
- includes/infoBoxSetting.php +0 -155
- includes/memberSetting.php +0 -359
- includes/photobookSetting.php +0 -147
- includes/settings.php +320 -0
- includes/sliderSetting.php +0 -58
- includes/teamSetting.php +0 -319
- includes/texttypeSetting.php +0 -12
- includes/timelineSetting.php +0 -136
- index.php +8 -6
- js/accordion.js +7 -1
- js/bpopup.js +1 -1
- js/custom-after-before.js +16 -0
- js/custom-tm.js +31 -1
- js/jquery.matchHeight-min.js +0 -12
- js/script.js +4 -15
- lib/admin.css +117 -0
- lib/admin.js +13 -0
- lib/style.css +6 -0
- main.php +138 -50
- readme.txt +23 -5
- render/accordion_father.php +38 -7
- render/accordion_son.php +15 -12
- render/advanceprice.php +22 -10
- render/countdown.php +51 -30
- render/creativelink.php +25 -33
- render/flipbox.php +238 -158
- render/get_pro.php +0 -36
- render/googletrends.php +7 -0
- render/headings.php +35 -22
- render/highlight_box.php +39 -32
- render/hover.php +83 -20
- render/hoverbutton.php +39 -29
- render/image_swap.php +50 -12
- render/info_circle.php +49 -38
- render/info_list_son.php +68 -45
- render/infobanners.php +65 -39
- render/infobox.php +126 -88
- render/interectivebanner.php +165 -33
- render/memberprofile.php +0 -331
- render/modalPopup.php +64 -36
- render/photobook.php +19 -9
- render/post_carousel.php +0 -386
- render/post_grid.php +0 -335
- render/price-table/price1.php +30 -0
- render/price-table/price2.php +19 -0
- render/price-table/price4.php +18 -0
- render/price.php +145 -43
- render/social_son.php +36 -31
- render/statcounter.php +64 -46
- render/teamprofile.php +52 -36
- render/testimonial.php +58 -38
- render/texttyper.php +33 -23
- render/timeline_father.php +8 -6
- render/timeline_son.php +47 -37
- render/tm_carousel_father.php +73 -53
- render/tm_carousel_son.php +51 -40
- render/tooltip_icons.php +17 -2
css/accordion.css
CHANGED
@@ -9,8 +9,12 @@
|
|
9 |
margin: 0;
|
10 |
padding-left: 20px;
|
11 |
cursor: pointer;
|
|
|
12 |
|
13 |
}
|
|
|
|
|
|
|
14 |
.mega-accordion h3 span {
|
15 |
padding-right: 15px;
|
16 |
}
|
@@ -18,5 +22,5 @@
|
|
18 |
/* Accordion Pannel Description
|
19 |
================================*/
|
20 |
.mega-accordion .mega-panel {
|
21 |
-
padding:
|
22 |
}
|
9 |
margin: 0;
|
10 |
padding-left: 20px;
|
11 |
cursor: pointer;
|
12 |
+
font-weight: normal;
|
13 |
|
14 |
}
|
15 |
+
.mega-accordion h3:focus {
|
16 |
+
outline: inherit;
|
17 |
+
}
|
18 |
.mega-accordion h3 span {
|
19 |
padding-right: 15px;
|
20 |
}
|
22 |
/* Accordion Pannel Description
|
23 |
================================*/
|
24 |
.mega-accordion .mega-panel {
|
25 |
+
padding: 10px 20px;
|
26 |
}
|
css/flipbox.css
CHANGED
@@ -8,7 +8,7 @@
|
|
8 |
-webkit-perspective: 600px;
|
9 |
perspective: 600px;
|
10 |
}
|
11 |
-
.vc-ihe-panel .pad h4,
|
12 |
text-align: center;
|
13 |
margin: 5px;
|
14 |
}
|
@@ -46,7 +46,7 @@
|
|
46 |
-webkit-transition: all .4s ease-in-out;
|
47 |
transition: all .4s ease-in-out;
|
48 |
}
|
49 |
-
.vc-ihe-panel
|
50 |
z-index: 900;
|
51 |
-webkit-transform: rotateX(179deg);
|
52 |
transform: rotateX(179deg);
|
@@ -74,7 +74,7 @@
|
|
74 |
transition: all .4s ease-in-out;
|
75 |
}
|
76 |
|
77 |
-
.vc-ihe-panel
|
78 |
z-index: 1000;
|
79 |
-webkit-transform: rotateY(0) rotateX(0);
|
80 |
transform: rotateY(0) rotateX(0);
|
@@ -104,7 +104,7 @@
|
|
104 |
-webkit-transition: all .4s ease-in-out;
|
105 |
transition: all .4s ease-in-out;
|
106 |
}
|
107 |
-
.vc-ihe-panel
|
108 |
z-index: 900;
|
109 |
-webkit-transform: rotateY(179deg);
|
110 |
transform: rotateY(179deg);
|
@@ -132,7 +132,7 @@
|
|
132 |
transition: all .4s ease-in-out;
|
133 |
}
|
134 |
|
135 |
-
.vc-ihe-panel
|
136 |
z-index: 1000;
|
137 |
-webkit-transform: rotateX(0) rotateX(0);
|
138 |
transform: rotateX(0) rotateX(0);
|
8 |
-webkit-perspective: 600px;
|
9 |
perspective: 600px;
|
10 |
}
|
11 |
+
.vc-ihe-panel .pad h4,p {
|
12 |
text-align: center;
|
13 |
margin: 5px;
|
14 |
}
|
46 |
-webkit-transition: all .4s ease-in-out;
|
47 |
transition: all .4s ease-in-out;
|
48 |
}
|
49 |
+
.vc-ihe-panel:hover .front {
|
50 |
z-index: 900;
|
51 |
-webkit-transform: rotateX(179deg);
|
52 |
transform: rotateX(179deg);
|
74 |
transition: all .4s ease-in-out;
|
75 |
}
|
76 |
|
77 |
+
.vc-ihe-panel:hover .back {
|
78 |
z-index: 1000;
|
79 |
-webkit-transform: rotateY(0) rotateX(0);
|
80 |
transform: rotateY(0) rotateX(0);
|
104 |
-webkit-transition: all .4s ease-in-out;
|
105 |
transition: all .4s ease-in-out;
|
106 |
}
|
107 |
+
.vc-ihe-panel:hover .front1 {
|
108 |
z-index: 900;
|
109 |
-webkit-transform: rotateY(179deg);
|
110 |
transform: rotateY(179deg);
|
132 |
transition: all .4s ease-in-out;
|
133 |
}
|
134 |
|
135 |
+
.vc-ihe-panel:hover .back1 {
|
136 |
z-index: 1000;
|
137 |
-webkit-transform: rotateX(0) rotateX(0);
|
138 |
transform: rotateX(0) rotateX(0);
|
css/heading.css
CHANGED
@@ -8,7 +8,7 @@
|
|
8 |
display: inline-block;
|
9 |
}
|
10 |
#mega-line-container .mega-line-center span {
|
11 |
-
display: inline-
|
12 |
}
|
13 |
#mega-line-container .mega-line-bottom span {
|
14 |
display: inline-block;
|
@@ -29,7 +29,7 @@
|
|
29 |
}
|
30 |
#mega-line-icon .line-icon img {
|
31 |
width: 60px;
|
32 |
-
height: 60px
|
33 |
position: absolute;
|
34 |
font-size: 16px;
|
35 |
margin-top: -30px;
|
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;
|
29 |
}
|
30 |
#mega-line-icon .line-icon img {
|
31 |
width: 60px;
|
32 |
+
/*height: 60px;*/
|
33 |
position: absolute;
|
34 |
font-size: 16px;
|
35 |
margin-top: -30px;
|
css/hoverbtn.css
CHANGED
@@ -17,7 +17,6 @@
|
|
17 |
*****************************************************/
|
18 |
.push_button{
|
19 |
position:relative;
|
20 |
-
display: inline-block;
|
21 |
color:#FFF;
|
22 |
text-decoration:none;
|
23 |
margin:0 auto;
|
@@ -33,9 +32,9 @@
|
|
33 |
-moz-transition: all 0.1s;
|
34 |
transition: all 0.1s;
|
35 |
|
36 |
-
-webkit-box-shadow: 0 0 0 1px #84261a inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #84261a, 0
|
37 |
-
-moz-box-shadow: 0 0 0 1px #84261a inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #84261a, 0
|
38 |
-
box-shadow: 0 0 0 1px #84261a inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #84261a, 0
|
39 |
}
|
40 |
.push_button:hover {
|
41 |
text-decoration: none;
|
17 |
*****************************************************/
|
18 |
.push_button{
|
19 |
position:relative;
|
|
|
20 |
color:#FFF;
|
21 |
text-decoration:none;
|
22 |
margin:0 auto;
|
32 |
-moz-transition: all 0.1s;
|
33 |
transition: all 0.1s;
|
34 |
|
35 |
+
-webkit-box-shadow: 0 0 0 1px #84261a inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #84261a, 0 5px 8px 1px rgba(0,0,0,0.5);
|
36 |
+
-moz-box-shadow: 0 0 0 1px #84261a inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #84261a, 0 5px 8px 1px rgba(0,0,0,0.5);
|
37 |
+
box-shadow: 0 0 0 1px #84261a inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #84261a, 0 5px 8px 1px rgba(0,0,0,0.5);
|
38 |
}
|
39 |
.push_button:hover {
|
40 |
text-decoration: none;
|
css/images/btnNext.png
ADDED
Binary file
|
css/images/sprite.png
ADDED
Binary file
|
css/images/sprite_next.png
ADDED
Binary file
|
css/images/sprite_prev.png
ADDED
Binary file
|
css/images/sprite_x.png
ADDED
Binary file
|
css/images/sprite_y.png
ADDED
Binary file
|
css/info-circle.css
CHANGED
@@ -59,7 +59,7 @@
|
|
59 |
text-align: center;
|
60 |
width: 56px;
|
61 |
height: 56px;
|
62 |
-
line-height:
|
63 |
border-radius: 50%;
|
64 |
}
|
65 |
#mega-info-circle .mega-outer-section .info-circle-icon2 {
|
@@ -126,7 +126,7 @@
|
|
126 |
#mega-info-circle .info-circle-mobile {
|
127 |
list-style-type: none;
|
128 |
}
|
129 |
-
#mega-info-circle .info-circle-mobile p,h3 {
|
130 |
padding-left: 80px;
|
131 |
}
|
132 |
#mega-info-circle .info-circle-mobile i{
|
59 |
text-align: center;
|
60 |
width: 56px;
|
61 |
height: 56px;
|
62 |
+
line-height: 58px;
|
63 |
border-radius: 50%;
|
64 |
}
|
65 |
#mega-info-circle .mega-outer-section .info-circle-icon2 {
|
126 |
#mega-info-circle .info-circle-mobile {
|
127 |
list-style-type: none;
|
128 |
}
|
129 |
+
#mega-info-circle .info-circle-mobile p, #mega-info-circle .info-circle-mobile h3 {
|
130 |
padding-left: 80px;
|
131 |
}
|
132 |
#mega-info-circle .info-circle-mobile i{
|
css/infobanner.css
CHANGED
@@ -6,7 +6,7 @@
|
|
6 |
}
|
7 |
#mega_info_bar .mega_hvr_btn {
|
8 |
display: inline-block;
|
9 |
-
margin: 10px
|
10 |
text-decoration: none;
|
11 |
transition: background .3s ease, color .3s ease;
|
12 |
}
|
@@ -25,7 +25,11 @@
|
|
25 |
#mega_info_bar .mega_content .mega_hvr_btn:hover {
|
26 |
text-decoration: none;
|
27 |
}
|
28 |
-
#mega_info_bar .mega_content h2,
|
|
|
|
|
|
|
|
|
29 |
margin: 5px 10px;
|
30 |
}
|
31 |
.clearfix {
|
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 |
}
|
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 {
|
css/infobox.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1 |
.mega_info_box .mega-info-img {
|
2 |
display: block;
|
3 |
-
padding-bottom:
|
4 |
margin: 0 auto;
|
5 |
}
|
6 |
|
@@ -21,37 +21,39 @@
|
|
21 |
}
|
22 |
|
23 |
.mega_info_box .mega-info-desc {
|
24 |
-
margin-bottom:
|
25 |
-
color: #444444
|
26 |
text-align: center;
|
27 |
}
|
28 |
|
29 |
.mega_info_box .mega-info-btn {
|
30 |
text-decoration: none;
|
31 |
-
padding:
|
32 |
-
font-size:
|
33 |
-
background: #DD3333
|
34 |
color: #fff;
|
35 |
border-radius: 4px;
|
36 |
}
|
37 |
|
38 |
-
|
39 |
-
|
40 |
-
*********/
|
41 |
|
42 |
.mega_info_box_2 {
|
43 |
-
margin-top: 17px
|
44 |
padding-bottom: 1px;
|
45 |
}
|
|
|
|
|
|
|
46 |
|
47 |
.mega_info_box_2 .mega-info-header {
|
48 |
float: left;
|
49 |
margin-right: 15px;
|
50 |
-
height:
|
51 |
}
|
52 |
|
53 |
.mega_info_box_2 .mega-info-footer {
|
54 |
-
|
55 |
}
|
56 |
|
57 |
.mega_info_box_2 .mega-info-img {
|
@@ -66,20 +68,30 @@ Style 2
|
|
66 |
|
67 |
.mega_info_box_2 .mega-info-title {
|
68 |
margin-bottom: 6px;
|
69 |
-
margin-top:
|
70 |
font-weight: bold;
|
71 |
color: #444444;
|
72 |
}
|
73 |
|
74 |
.mega_info_box_2 .mega-info-desc {
|
75 |
-
margin-bottom: 20px;
|
76 |
color: #444444;
|
77 |
}
|
78 |
|
79 |
.mega_info_box_2 .mega-info-btn {
|
80 |
text-decoration: none;
|
81 |
-
padding:
|
82 |
-
background: #DD3333
|
83 |
color: #fff;
|
84 |
-
border-radius: 4px
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
85 |
}
|
1 |
.mega_info_box .mega-info-img {
|
2 |
display: block;
|
3 |
+
padding-bottom: 0px;
|
4 |
margin: 0 auto;
|
5 |
}
|
6 |
|
21 |
}
|
22 |
|
23 |
.mega_info_box .mega-info-desc {
|
24 |
+
margin-bottom: 15px;
|
25 |
+
/*color: #444444;*/
|
26 |
text-align: center;
|
27 |
}
|
28 |
|
29 |
.mega_info_box .mega-info-btn {
|
30 |
text-decoration: none;
|
31 |
+
padding: 0;
|
32 |
+
font-size: 15px;
|
33 |
+
/*background: #DD3333;*/
|
34 |
color: #fff;
|
35 |
border-radius: 4px;
|
36 |
}
|
37 |
|
38 |
+
/* Style 2
|
39 |
+
============================================*/
|
|
|
40 |
|
41 |
.mega_info_box_2 {
|
42 |
+
/*margin-top: 17px;*/
|
43 |
padding-bottom: 1px;
|
44 |
}
|
45 |
+
.mega_info_box_2 .clearfix {
|
46 |
+
clear: both;
|
47 |
+
}
|
48 |
|
49 |
.mega_info_box_2 .mega-info-header {
|
50 |
float: left;
|
51 |
margin-right: 15px;
|
52 |
+
height: 80px;
|
53 |
}
|
54 |
|
55 |
.mega_info_box_2 .mega-info-footer {
|
56 |
+
float: left;
|
57 |
}
|
58 |
|
59 |
.mega_info_box_2 .mega-info-img {
|
68 |
|
69 |
.mega_info_box_2 .mega-info-title {
|
70 |
margin-bottom: 6px;
|
71 |
+
margin-top: 0px;
|
72 |
font-weight: bold;
|
73 |
color: #444444;
|
74 |
}
|
75 |
|
76 |
.mega_info_box_2 .mega-info-desc {
|
|
|
77 |
color: #444444;
|
78 |
}
|
79 |
|
80 |
.mega_info_box_2 .mega-info-btn {
|
81 |
text-decoration: none;
|
82 |
+
/*padding: 4px 10px;*/
|
83 |
+
/*background: #DD3333;*/
|
84 |
color: #fff;
|
85 |
+
/*border-radius: 4px;*/
|
86 |
+
font-size: 15px;
|
87 |
+
margin-top: 12px;
|
88 |
+
}
|
89 |
+
.vc_info_box_shadow {
|
90 |
+
box-shadow: 0px 6px 20px 0px rgba(194,204,222,0.3);
|
91 |
+
border-radius: 4px 4px 4px 4px;
|
92 |
+
padding: 15px 15px;
|
93 |
+
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
|
94 |
+
}
|
95 |
+
.vc_info_box_shadow:hover {
|
96 |
+
box-shadow: 0px 6px 20px 0px rgba(194, 204, 222, 0.75) !important;
|
97 |
}
|
css/int_banner.css
CHANGED
@@ -13,7 +13,7 @@
|
|
13 |
.grid {
|
14 |
position: relative;
|
15 |
margin: 0 auto;
|
16 |
-
padding:
|
17 |
max-width: 1000px;
|
18 |
list-style: none;
|
19 |
text-align: center;
|
@@ -62,7 +62,7 @@
|
|
62 |
|
63 |
/* Anchor will cover the whole item by default */
|
64 |
.grid figure figcaption > a {
|
65 |
-
z-index:
|
66 |
text-indent: 200%;
|
67 |
white-space: nowrap;
|
68 |
font-size: 0;
|
@@ -98,7 +98,7 @@
|
|
98 |
figure.effect-lily img {
|
99 |
max-width: none;
|
100 |
width: -webkit-calc(100% + 50px) !important;
|
101 |
-
width: calc(100% + 50px);
|
102 |
opacity: 0.7;
|
103 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
104 |
transition: opacity 0.35s, transform 0.35s;
|
@@ -227,8 +227,8 @@ figure.effect-roxy {
|
|
227 |
|
228 |
figure.effect-roxy img {
|
229 |
max-width: none;
|
230 |
-
width: -webkit-calc(100% + 60px);
|
231 |
-
width: calc(100% + 60px);
|
232 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
233 |
transition: opacity 0.35s, transform 0.35s;
|
234 |
-webkit-transform: translate3d(-50px,0,0);
|
@@ -254,6 +254,9 @@ figure.effect-roxy figcaption {
|
|
254 |
/*padding: 3em;*/
|
255 |
text-align: left;
|
256 |
}
|
|
|
|
|
|
|
257 |
|
258 |
figure.effect-roxy h2 {
|
259 |
padding: 16% 0 10px 0;
|
@@ -915,8 +918,8 @@ figure.effect-sarah {
|
|
915 |
|
916 |
figure.effect-sarah img {
|
917 |
max-width: none;
|
918 |
-
width: -webkit-calc(100% + 20px);
|
919 |
-
width: calc(100% + 20px);
|
920 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
921 |
transition: opacity 0.35s, transform 0.35s;
|
922 |
-webkit-transform: translate3d(-10px,0,0);
|
@@ -934,7 +937,9 @@ figure.effect-sarah:hover img {
|
|
934 |
figure.effect-sarah figcaption {
|
935 |
text-align: left;
|
936 |
}
|
937 |
-
|
|
|
|
|
938 |
figure.effect-sarah h2 {
|
939 |
position: relative;
|
940 |
overflow: hidden;
|
@@ -1161,7 +1166,7 @@ figure.effect-julia {
|
|
1161 |
|
1162 |
figure.effect-julia img {
|
1163 |
max-width: none;
|
1164 |
-
height: 400px
|
1165 |
-webkit-transition: opacity 1s, -webkit-transform 1s;
|
1166 |
transition: opacity 1s, transform 1s;
|
1167 |
-webkit-backface-visibility: hidden;
|
@@ -1170,11 +1175,13 @@ figure.effect-julia img {
|
|
1170 |
|
1171 |
figure.effect-julia figcaption {
|
1172 |
text-align: left;
|
|
|
1173 |
}
|
1174 |
|
1175 |
figure.effect-julia h2 {
|
1176 |
position: relative;
|
1177 |
padding: 0.5em 0;
|
|
|
1178 |
}
|
1179 |
|
1180 |
figure.effect-julia p {
|
@@ -1189,7 +1196,7 @@ figure.effect-julia p {
|
|
1189 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1190 |
transition: opacity 0.35s, transform 0.35s;
|
1191 |
-webkit-transform: translate3d(-360px,0,0);
|
1192 |
-
transform: translate3d(-
|
1193 |
}
|
1194 |
|
1195 |
figure.effect-julia p:first-child {
|
@@ -1288,210 +1295,6 @@ figure.effect-goliath:hover p {
|
|
1288 |
transform: translate3d(0,0,0);
|
1289 |
}
|
1290 |
|
1291 |
-
/*-----------------*/
|
1292 |
-
/***** Hera *****/
|
1293 |
-
/*-----------------*/
|
1294 |
-
|
1295 |
-
figure.effect-hera {
|
1296 |
-
background: #303fa9;
|
1297 |
-
}
|
1298 |
-
|
1299 |
-
figure.effect-hera h2 {
|
1300 |
-
font-size: 158.75%;
|
1301 |
-
}
|
1302 |
-
|
1303 |
-
figure.effect-hera h2,
|
1304 |
-
figure.effect-hera p {
|
1305 |
-
position: absolute;
|
1306 |
-
top: 50%;
|
1307 |
-
left: 50%;
|
1308 |
-
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1309 |
-
transition: opacity 0.35s, transform 0.35s;
|
1310 |
-
-webkit-transform: translate3d(-50%,-50%,0);
|
1311 |
-
transform: translate3d(-50%,-50%,0);
|
1312 |
-
-webkit-transform-origin: 50%;
|
1313 |
-
transform-origin: 50%;
|
1314 |
-
}
|
1315 |
-
|
1316 |
-
figure.effect-hera figcaption::before {
|
1317 |
-
position: absolute;
|
1318 |
-
top: 50%;
|
1319 |
-
left: 50%;
|
1320 |
-
width: 200px;
|
1321 |
-
height: 200px;
|
1322 |
-
border: 2px solid #fff;
|
1323 |
-
content: '';
|
1324 |
-
opacity: 0;
|
1325 |
-
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1326 |
-
transition: opacity 0.35s, transform 0.35s;
|
1327 |
-
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
|
1328 |
-
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
|
1329 |
-
-webkit-transform-origin: 50%;
|
1330 |
-
transform-origin: 50%;
|
1331 |
-
}
|
1332 |
-
|
1333 |
-
figure.effect-hera p {
|
1334 |
-
width: 100px;
|
1335 |
-
text-transform: none;
|
1336 |
-
font-size: 121%;
|
1337 |
-
line-height: 2;
|
1338 |
-
}
|
1339 |
-
|
1340 |
-
figure.effect-hera p a {
|
1341 |
-
color: #fff;
|
1342 |
-
}
|
1343 |
-
|
1344 |
-
figure.effect-hera p a:hover,
|
1345 |
-
figure.effect-hera p a:focus {
|
1346 |
-
opacity: 0.6;
|
1347 |
-
}
|
1348 |
-
|
1349 |
-
figure.effect-hera p a i {
|
1350 |
-
opacity: 0;
|
1351 |
-
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1352 |
-
transition: opacity 0.35s, transform 0.35s;
|
1353 |
-
}
|
1354 |
-
|
1355 |
-
figure.effect-hera p a:first-child i {
|
1356 |
-
-webkit-transform: translate3d(-60px,-60px,0);
|
1357 |
-
transform: translate3d(-60px,-60px,0);
|
1358 |
-
}
|
1359 |
-
|
1360 |
-
figure.effect-hera p a:nth-child(2) i {
|
1361 |
-
-webkit-transform: translate3d(60px,-60px,0);
|
1362 |
-
transform: translate3d(60px,-60px,0);
|
1363 |
-
}
|
1364 |
-
|
1365 |
-
figure.effect-hera p a:nth-child(3) i {
|
1366 |
-
-webkit-transform: translate3d(-60px,60px,0);
|
1367 |
-
transform: translate3d(-60px,60px,0);
|
1368 |
-
}
|
1369 |
-
|
1370 |
-
figure.effect-hera p a:nth-child(4) i {
|
1371 |
-
-webkit-transform: translate3d(60px,60px,0);
|
1372 |
-
transform: translate3d(60px,60px,0);
|
1373 |
-
}
|
1374 |
-
|
1375 |
-
figure.effect-hera:hover figcaption::before {
|
1376 |
-
opacity: 1;
|
1377 |
-
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
|
1378 |
-
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
|
1379 |
-
}
|
1380 |
-
|
1381 |
-
figure.effect-hera:hover h2 {
|
1382 |
-
opacity: 0;
|
1383 |
-
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
|
1384 |
-
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
|
1385 |
-
}
|
1386 |
-
|
1387 |
-
figure.effect-hera:hover p i:empty {
|
1388 |
-
-webkit-transform: translate3d(0,0,0);
|
1389 |
-
transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
|
1390 |
-
opacity: 1;
|
1391 |
-
}
|
1392 |
-
|
1393 |
-
/*-----------------*/
|
1394 |
-
/***** Winston *****/
|
1395 |
-
/*-----------------*/
|
1396 |
-
|
1397 |
-
figure.effect-winston {
|
1398 |
-
background: #162633;
|
1399 |
-
text-align: left;
|
1400 |
-
}
|
1401 |
-
|
1402 |
-
figure.effect-winston img {
|
1403 |
-
-webkit-transition: opacity 0.45s;
|
1404 |
-
transition: opacity 0.45s;
|
1405 |
-
-webkit-backface-visibility: hidden;
|
1406 |
-
backface-visibility: hidden;
|
1407 |
-
}
|
1408 |
-
|
1409 |
-
figure.effect-winston figcaption::before {
|
1410 |
-
position: absolute;
|
1411 |
-
top: 0;
|
1412 |
-
left: 0;
|
1413 |
-
width: 100%;
|
1414 |
-
height: 100%;
|
1415 |
-
background: url(../img/triangle.svg) no-repeat center center;
|
1416 |
-
background-size: 100% 100%;
|
1417 |
-
content: '';
|
1418 |
-
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
|
1419 |
-
transition: opacity 0.45s, transform 0.45s;
|
1420 |
-
-webkit-transform: rotate3d(0,0,1,45deg);
|
1421 |
-
transform: rotate3d(0,0,1,45deg);
|
1422 |
-
-webkit-transform-origin: 0 100%;
|
1423 |
-
transform-origin: 0 100%;
|
1424 |
-
}
|
1425 |
-
|
1426 |
-
figure.effect-winston h2 {
|
1427 |
-
-webkit-transition: -webkit-transform 0.35s;
|
1428 |
-
transition: transform 0.35s;
|
1429 |
-
-webkit-transform: translate3d(0,20px,0);
|
1430 |
-
transform: translate3d(0,20px,0);
|
1431 |
-
}
|
1432 |
-
|
1433 |
-
figure.effect-winston p {
|
1434 |
-
position: absolute;
|
1435 |
-
right: 0;
|
1436 |
-
bottom: 0;
|
1437 |
-
padding: 0 1.5em 7% 0;
|
1438 |
-
}
|
1439 |
-
|
1440 |
-
figure.effect-winston a {
|
1441 |
-
margin: 0 10px;
|
1442 |
-
color: #5d504f;
|
1443 |
-
font-size: 170%;
|
1444 |
-
}
|
1445 |
-
|
1446 |
-
figure.effect-winston a:hover,
|
1447 |
-
figure.effect-winston a:focus {
|
1448 |
-
color: #cc6055;
|
1449 |
-
}
|
1450 |
-
|
1451 |
-
figure.effect-winston p a i {
|
1452 |
-
opacity: 0;
|
1453 |
-
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1454 |
-
transition: opacity 0.35s, transform 0.35s;
|
1455 |
-
-webkit-transform: translate3d(0,50px,0);
|
1456 |
-
transform: translate3d(0,50px,0);
|
1457 |
-
}
|
1458 |
-
|
1459 |
-
figure.effect-winston:hover img {
|
1460 |
-
opacity: 0.6;
|
1461 |
-
}
|
1462 |
-
|
1463 |
-
figure.effect-winston:hover h2 {
|
1464 |
-
-webkit-transform: translate3d(0,0,0);
|
1465 |
-
transform: translate3d(0,0,0);
|
1466 |
-
}
|
1467 |
-
|
1468 |
-
figure.effect-winston:hover figcaption::before {
|
1469 |
-
opacity: 0.7;
|
1470 |
-
-webkit-transform: rotate3d(0,0,1,20deg);
|
1471 |
-
transform: rotate3d(0,0,1,20deg);
|
1472 |
-
}
|
1473 |
-
|
1474 |
-
figure.effect-winston:hover p i {
|
1475 |
-
opacity: 1;
|
1476 |
-
-webkit-transform: translate3d(0,0,0);
|
1477 |
-
transform: translate3d(0,0,0);
|
1478 |
-
}
|
1479 |
-
|
1480 |
-
figure.effect-winston:hover p a:nth-child(3) i {
|
1481 |
-
-webkit-transition-delay: 0.05s;
|
1482 |
-
transition-delay: 0.05s;
|
1483 |
-
}
|
1484 |
-
|
1485 |
-
figure.effect-winston:hover p a:nth-child(2) i {
|
1486 |
-
-webkit-transition-delay: 0.1s;
|
1487 |
-
transition-delay: 0.1s;
|
1488 |
-
}
|
1489 |
-
|
1490 |
-
figure.effect-winston:hover p a:first-child i {
|
1491 |
-
-webkit-transition-delay: 0.15s;
|
1492 |
-
transition-delay: 0.15s;
|
1493 |
-
}
|
1494 |
-
|
1495 |
/*-----------------*/
|
1496 |
/***** Selena *****/
|
1497 |
/*-----------------*/
|
@@ -1550,7 +1353,7 @@ figure.effect-terry {
|
|
1550 |
}
|
1551 |
|
1552 |
figure.effect-terry figcaption {
|
1553 |
-
padding:
|
1554 |
}
|
1555 |
|
1556 |
figure.effect-terry figcaption::before,
|
@@ -1674,118 +1477,33 @@ figure.effect-terry:hover p a:nth-child(4) {
|
|
1674 |
}
|
1675 |
|
1676 |
/*-----------------*/
|
1677 |
-
/*****
|
1678 |
/*-----------------*/
|
1679 |
|
1680 |
-
figure.effect-
|
1681 |
-
background: #
|
1682 |
-
}
|
1683 |
-
|
1684 |
-
figure.effect-phoebe img {
|
1685 |
-
opacity: 0.85;
|
1686 |
-
-webkit-transition: opacity 0.35s;
|
1687 |
-
transition: opacity 0.35s;
|
1688 |
}
|
1689 |
|
1690 |
-
figure.effect-
|
1691 |
-
opacity: 0.
|
|
|
|
|
|
|
|
|
1692 |
}
|
1693 |
|
1694 |
-
figure.effect-
|
1695 |
position: absolute;
|
1696 |
top: 0;
|
1697 |
left: 0;
|
1698 |
width: 100%;
|
1699 |
height: 100%;
|
1700 |
-
background:
|
1701 |
-
background-size: 100% 100%;
|
1702 |
content: '';
|
1703 |
-
-webkit-transition:
|
1704 |
-
transition:
|
1705 |
-
-webkit-transform: scale3d(
|
1706 |
-
transform: scale3d(
|
1707 |
-
-webkit-transform-origin: 50% 50%;
|
1708 |
-
transform-origin: 50% 50%;
|
1709 |
-
}
|
1710 |
-
|
1711 |
-
figure.effect-phoebe:hover figcaption::before {
|
1712 |
-
opacity: 0.6;
|
1713 |
-
-webkit-transform: scale3d(1,1,1);
|
1714 |
-
transform: scale3d(1,1,1);
|
1715 |
-
}
|
1716 |
-
|
1717 |
-
figure.effect-phoebe h2 {
|
1718 |
-
margin-top: 1em;
|
1719 |
-
-webkit-transition: transform 0.35s;
|
1720 |
-
transition: transform 0.35s;
|
1721 |
-
-webkit-transform: translate3d(0,40px,0);
|
1722 |
-
transform: translate3d(0,40px,0);
|
1723 |
-
}
|
1724 |
-
|
1725 |
-
figure.effect-phoebe:hover h2 {
|
1726 |
-
-webkit-transform: translate3d(0,0,0);
|
1727 |
-
transform: translate3d(0,0,0);
|
1728 |
-
}
|
1729 |
-
|
1730 |
-
figure.effect-phoebe p a {
|
1731 |
-
color: #fff;
|
1732 |
-
font-size: 140%;
|
1733 |
-
opacity: 0;
|
1734 |
-
position: relative;
|
1735 |
-
display: inline-block;
|
1736 |
-
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1737 |
-
transition: opacity 0.35s, transform 0.35s;
|
1738 |
-
}
|
1739 |
-
|
1740 |
-
figure.effect-phoebe p a:first-child {
|
1741 |
-
-webkit-transform: translate3d(-60px,-60px,0);
|
1742 |
-
transform: translate3d(-60px,-60px,0);
|
1743 |
-
}
|
1744 |
-
|
1745 |
-
figure.effect-phoebe p a:nth-child(2) {
|
1746 |
-
-webkit-transform: translate3d(0,60px,0);
|
1747 |
-
transform: translate3d(0,60px,0);
|
1748 |
-
}
|
1749 |
-
|
1750 |
-
figure.effect-phoebe p a:nth-child(3) {
|
1751 |
-
-webkit-transform: translate3d(60px,-60px,0);
|
1752 |
-
transform: translate3d(60px,-60px,0);
|
1753 |
-
}
|
1754 |
-
|
1755 |
-
figure.effect-phoebe:hover p a {
|
1756 |
-
opacity: 1;
|
1757 |
-
-webkit-transform: translate3d(0,0,0);
|
1758 |
-
transform: translate3d(0,0,0);
|
1759 |
-
}
|
1760 |
-
|
1761 |
-
/*-----------------*/
|
1762 |
-
/***** Apollo *****/
|
1763 |
-
/*-----------------*/
|
1764 |
-
|
1765 |
-
figure.effect-apollo {
|
1766 |
-
background: #3498db;
|
1767 |
-
}
|
1768 |
-
|
1769 |
-
figure.effect-apollo img {
|
1770 |
-
opacity: 0.95;
|
1771 |
-
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1772 |
-
transition: opacity 0.35s, transform 0.35s;
|
1773 |
-
-webkit-transform: scale3d(1.05,1.05,1);
|
1774 |
-
transform: scale3d(1.05,1.05,1);
|
1775 |
-
}
|
1776 |
-
|
1777 |
-
figure.effect-apollo figcaption::before {
|
1778 |
-
position: absolute;
|
1779 |
-
top: 0;
|
1780 |
-
left: 0;
|
1781 |
-
width: 100%;
|
1782 |
-
height: 100%;
|
1783 |
-
background: rgba(255,255,255,0.5);
|
1784 |
-
content: '';
|
1785 |
-
-webkit-transition: -webkit-transform 0.6s;
|
1786 |
-
transition: transform 0.6s;
|
1787 |
-
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
|
1788 |
-
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
|
1789 |
}
|
1790 |
|
1791 |
figure.effect-apollo p {
|
@@ -2199,8 +1917,8 @@ figure.effect-lexi {
|
|
2199 |
figure.effect-lexi img {
|
2200 |
margin: -10px 0 0 -10px;
|
2201 |
max-width: none;
|
2202 |
-
width: -webkit-calc(100% + 10px);
|
2203 |
-
width: calc(100% + 10px);
|
2204 |
opacity: 0.9;
|
2205 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2206 |
transition: opacity 0.35s, transform 0.35s;
|
@@ -2215,6 +1933,10 @@ figure.effect-lexi p {
|
|
2215 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2216 |
transition: opacity 0.35s, transform 0.35s;
|
2217 |
}
|
|
|
|
|
|
|
|
|
2218 |
|
2219 |
figure.effect-lexi figcaption::before {
|
2220 |
position: absolute;
|
@@ -2325,45 +2047,983 @@ figure.effect-duke:hover p {
|
|
2325 |
transform: scale3d(1,1,1);
|
2326 |
}
|
2327 |
|
2328 |
-
|
2329 |
-
|
2330 |
-
|
2331 |
-
|
2332 |
-
|
2333 |
-
|
2334 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
2335 |
}
|
2336 |
|
2337 |
-
|
2338 |
-
|
2339 |
-
.vc-interactive-banner figure img {
|
2340 |
-
height: 100% !important;
|
2341 |
-
}
|
2342 |
}
|
2343 |
|
2344 |
-
.effect-
|
2345 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2346 |
}
|
2347 |
-
|
2348 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2349 |
}
|
2350 |
|
2351 |
-
figure.effect-
|
2352 |
-
|
|
|
|
|
|
|
|
|
2353 |
}
|
2354 |
-
|
2355 |
-
|
|
|
2356 |
}
|
2357 |
|
2358 |
-
.effect-
|
2359 |
-
|
|
|
2360 |
}
|
2361 |
-
|
2362 |
-
|
|
|
|
|
|
|
2363 |
}
|
2364 |
|
2365 |
-
.effect-
|
2366 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2367 |
}
|
2368 |
|
2369 |
.effect-milo figcaption {
|
13 |
.grid {
|
14 |
position: relative;
|
15 |
margin: 0 auto;
|
16 |
+
padding: 1px;
|
17 |
max-width: 1000px;
|
18 |
list-style: none;
|
19 |
text-align: center;
|
62 |
|
63 |
/* Anchor will cover the whole item by default */
|
64 |
.grid figure figcaption > a {
|
65 |
+
z-index: 1;
|
66 |
text-indent: 200%;
|
67 |
white-space: nowrap;
|
68 |
font-size: 0;
|
98 |
figure.effect-lily img {
|
99 |
max-width: none;
|
100 |
width: -webkit-calc(100% + 50px) !important;
|
101 |
+
width: calc(100% + 50px) !important;
|
102 |
opacity: 0.7;
|
103 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
104 |
transition: opacity 0.35s, transform 0.35s;
|
227 |
|
228 |
figure.effect-roxy img {
|
229 |
max-width: none;
|
230 |
+
width: -webkit-calc(100% + 60px) !important;
|
231 |
+
width: calc(100% + 60px) !important;
|
232 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
233 |
transition: opacity 0.35s, transform 0.35s;
|
234 |
-webkit-transform: translate3d(-50px,0,0);
|
254 |
/*padding: 3em;*/
|
255 |
text-align: left;
|
256 |
}
|
257 |
+
figure.effect-roxy figcaption > div {
|
258 |
+
padding: 3em;
|
259 |
+
}
|
260 |
|
261 |
figure.effect-roxy h2 {
|
262 |
padding: 16% 0 10px 0;
|
918 |
|
919 |
figure.effect-sarah img {
|
920 |
max-width: none;
|
921 |
+
width: -webkit-calc(100% + 20px) !important;
|
922 |
+
width: calc(100% + 20px) !important;
|
923 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
924 |
transition: opacity 0.35s, transform 0.35s;
|
925 |
-webkit-transform: translate3d(-10px,0,0);
|
937 |
figure.effect-sarah figcaption {
|
938 |
text-align: left;
|
939 |
}
|
940 |
+
figure.effect-sarah figcaption > div {
|
941 |
+
padding: 2em;
|
942 |
+
}
|
943 |
figure.effect-sarah h2 {
|
944 |
position: relative;
|
945 |
overflow: hidden;
|
1166 |
|
1167 |
figure.effect-julia img {
|
1168 |
max-width: none;
|
1169 |
+
/*height: 400px;*/
|
1170 |
-webkit-transition: opacity 1s, -webkit-transform 1s;
|
1171 |
transition: opacity 1s, transform 1s;
|
1172 |
-webkit-backface-visibility: hidden;
|
1175 |
|
1176 |
figure.effect-julia figcaption {
|
1177 |
text-align: left;
|
1178 |
+
padding: 20px;
|
1179 |
}
|
1180 |
|
1181 |
figure.effect-julia h2 {
|
1182 |
position: relative;
|
1183 |
padding: 0.5em 0;
|
1184 |
+
color: #fff !important;
|
1185 |
}
|
1186 |
|
1187 |
figure.effect-julia p {
|
1196 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1197 |
transition: opacity 0.35s, transform 0.35s;
|
1198 |
-webkit-transform: translate3d(-360px,0,0);
|
1199 |
+
transform: translate3d(-400px,0,0);
|
1200 |
}
|
1201 |
|
1202 |
figure.effect-julia p:first-child {
|
1295 |
transform: translate3d(0,0,0);
|
1296 |
}
|
1297 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1298 |
/*-----------------*/
|
1299 |
/***** Selena *****/
|
1300 |
/*-----------------*/
|
1353 |
}
|
1354 |
|
1355 |
figure.effect-terry figcaption {
|
1356 |
+
padding: 0em;
|
1357 |
}
|
1358 |
|
1359 |
figure.effect-terry figcaption::before,
|
1477 |
}
|
1478 |
|
1479 |
/*-----------------*/
|
1480 |
+
/***** Apollo *****/
|
1481 |
/*-----------------*/
|
1482 |
|
1483 |
+
figure.effect-apollo {
|
1484 |
+
background: #3498db;
|
|
|
|
|
|
|
|
|
|
|
|
|
1485 |
}
|
1486 |
|
1487 |
+
figure.effect-apollo img {
|
1488 |
+
opacity: 0.95;
|
1489 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1490 |
+
transition: opacity 0.35s, transform 0.35s;
|
1491 |
+
-webkit-transform: scale3d(1.05,1.05,1);
|
1492 |
+
transform: scale3d(1.05,1.05,1);
|
1493 |
}
|
1494 |
|
1495 |
+
figure.effect-apollo figcaption::before {
|
1496 |
position: absolute;
|
1497 |
top: 0;
|
1498 |
left: 0;
|
1499 |
width: 100%;
|
1500 |
height: 100%;
|
1501 |
+
background: rgba(255,255,255,0.5);
|
|
|
1502 |
content: '';
|
1503 |
+
-webkit-transition: -webkit-transform 0.6s;
|
1504 |
+
transition: transform 0.6s;
|
1505 |
+
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
|
1506 |
+
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1507 |
}
|
1508 |
|
1509 |
figure.effect-apollo p {
|
1917 |
figure.effect-lexi img {
|
1918 |
margin: -10px 0 0 -10px;
|
1919 |
max-width: none;
|
1920 |
+
width: -webkit-calc(100% + 10px) !important;
|
1921 |
+
width: calc(100% + 10px) !important;
|
1922 |
opacity: 0.9;
|
1923 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1924 |
transition: opacity 0.35s, transform 0.35s;
|
1933 |
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
1934 |
transition: opacity 0.35s, transform 0.35s;
|
1935 |
}
|
1936 |
+
figure.effect-lexi figcaption > div {
|
1937 |
+
padding-left: 1.5em;
|
1938 |
+
padding-top: 1em;
|
1939 |
+
}
|
1940 |
|
1941 |
figure.effect-lexi figcaption::before {
|
1942 |
position: absolute;
|
2047 |
transform: scale3d(1,1,1);
|
2048 |
}
|
2049 |
|
2050 |
+
/* Set 2 Hover Effects
|
2051 |
+
================================================
|
2052 |
+
====================================================== */
|
2053 |
+
|
2054 |
+
/* Individual effects */
|
2055 |
+
|
2056 |
+
|
2057 |
+
/*-----------------*/
|
2058 |
+
/***** Hera *****/
|
2059 |
+
/*-----------------*/
|
2060 |
+
|
2061 |
+
figure.effect-hera {
|
2062 |
+
background: #303fa9;
|
2063 |
}
|
2064 |
|
2065 |
+
figure.effect-hera h2 {
|
2066 |
+
font-size: 158.75%;
|
|
|
|
|
|
|
2067 |
}
|
2068 |
|
2069 |
+
figure.effect-hera h2,
|
2070 |
+
figure.effect-hera p {
|
2071 |
+
position: absolute;
|
2072 |
+
top: 50%;
|
2073 |
+
left: 50%;
|
2074 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2075 |
+
transition: opacity 0.35s, transform 0.35s;
|
2076 |
+
-webkit-transform: translate3d(-50%,-50%,0);
|
2077 |
+
transform: translate3d(-50%,-50%,0);
|
2078 |
+
-webkit-transform-origin: 50%;
|
2079 |
+
transform-origin: 50%;
|
2080 |
}
|
2081 |
+
|
2082 |
+
figure.effect-hera figcaption::before {
|
2083 |
+
position: absolute;
|
2084 |
+
top: 50%;
|
2085 |
+
left: 50%;
|
2086 |
+
width: 160px;
|
2087 |
+
height: 160px;
|
2088 |
+
border: 2px solid #fff;
|
2089 |
+
content: '';
|
2090 |
+
opacity: 0;
|
2091 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2092 |
+
transition: opacity 0.35s, transform 0.35s;
|
2093 |
+
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
|
2094 |
+
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
|
2095 |
+
-webkit-transform-origin: 50%;
|
2096 |
+
transform-origin: 50%;
|
2097 |
}
|
2098 |
|
2099 |
+
figure.effect-hera p {
|
2100 |
+
width: 100px;
|
2101 |
+
text-transform: none;
|
2102 |
+
font-size: 121%;
|
2103 |
+
line-height: 2;
|
2104 |
+
text-align: center;
|
2105 |
}
|
2106 |
+
|
2107 |
+
figure.effect-hera p a {
|
2108 |
+
color: #fff;
|
2109 |
}
|
2110 |
|
2111 |
+
figure.effect-hera p a:hover,
|
2112 |
+
figure.effect-hera p a:focus {
|
2113 |
+
opacity: 0.6;
|
2114 |
}
|
2115 |
+
|
2116 |
+
figure.effect-hera p a i {
|
2117 |
+
opacity: 0;
|
2118 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2119 |
+
transition: opacity 0.35s, transform 0.35s;
|
2120 |
}
|
2121 |
|
2122 |
+
figure.effect-hera p a:first-child i {
|
2123 |
+
-webkit-transform: translate3d(-60px,-60px,0);
|
2124 |
+
transform: translate3d(-60px,-60px,0);
|
2125 |
+
}
|
2126 |
+
|
2127 |
+
figure.effect-hera p a:nth-child(2) i {
|
2128 |
+
-webkit-transform: translate3d(60px,-60px,0);
|
2129 |
+
transform: translate3d(60px,-60px,0);
|
2130 |
+
}
|
2131 |
+
|
2132 |
+
figure.effect-hera p a:nth-child(3) i {
|
2133 |
+
-webkit-transform: translate3d(-60px,60px,0);
|
2134 |
+
transform: translate3d(-60px,60px,0);
|
2135 |
+
}
|
2136 |
+
|
2137 |
+
figure.effect-hera p a:nth-child(4) i {
|
2138 |
+
-webkit-transform: translate3d(60px,60px,0);
|
2139 |
+
transform: translate3d(60px,60px,0);
|
2140 |
+
}
|
2141 |
+
|
2142 |
+
figure.effect-hera:hover figcaption::before {
|
2143 |
+
opacity: 1;
|
2144 |
+
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
|
2145 |
+
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
|
2146 |
+
}
|
2147 |
+
|
2148 |
+
figure.effect-hera:hover h2 {
|
2149 |
+
opacity: 0;
|
2150 |
+
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
|
2151 |
+
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
|
2152 |
+
}
|
2153 |
+
|
2154 |
+
figure.effect-hera:hover p i:empty {
|
2155 |
+
-webkit-transform: translate3d(0,0,0);
|
2156 |
+
transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
|
2157 |
+
opacity: 1;
|
2158 |
+
}
|
2159 |
+
|
2160 |
+
/*-----------------*/
|
2161 |
+
/***** Winston *****/
|
2162 |
+
/*-----------------*/
|
2163 |
+
|
2164 |
+
figure.effect-winston {
|
2165 |
+
background: #162633;
|
2166 |
+
text-align: left;
|
2167 |
+
}
|
2168 |
+
|
2169 |
+
figure.effect-winston img {
|
2170 |
+
-webkit-transition: opacity 0.45s;
|
2171 |
+
transition: opacity 0.45s;
|
2172 |
+
-webkit-backface-visibility: hidden;
|
2173 |
+
backface-visibility: hidden;
|
2174 |
+
}
|
2175 |
+
|
2176 |
+
figure.effect-winston figcaption::before {
|
2177 |
+
position: absolute;
|
2178 |
+
top: 0;
|
2179 |
+
left: 0;
|
2180 |
+
width: 100%;
|
2181 |
+
height: 100%;
|
2182 |
+
background: url(../images/triangle.svg) no-repeat center center;
|
2183 |
+
background-size: 100% 100%;
|
2184 |
+
content: '';
|
2185 |
+
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
|
2186 |
+
transition: opacity 0.45s, transform 0.45s;
|
2187 |
+
-webkit-transform: rotate3d(0,0,1,45deg);
|
2188 |
+
transform: rotate3d(0,0,1,45deg);
|
2189 |
+
-webkit-transform-origin: 0 100%;
|
2190 |
+
transform-origin: 0 100%;
|
2191 |
+
}
|
2192 |
+
|
2193 |
+
figure.effect-winston h2 {
|
2194 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2195 |
+
transition: transform 0.35s;
|
2196 |
+
-webkit-transform: translate3d(0,20px,0);
|
2197 |
+
transform: translate3d(0,20px,0);
|
2198 |
+
padding: 30px 0 0 20px;
|
2199 |
+
color: #fff;
|
2200 |
+
}
|
2201 |
+
|
2202 |
+
figure.effect-winston p {
|
2203 |
+
position: absolute;
|
2204 |
+
right: 0;
|
2205 |
+
bottom: 0;
|
2206 |
+
padding: 0 1.5em 2% 0;
|
2207 |
+
}
|
2208 |
+
|
2209 |
+
figure.effect-winston a {
|
2210 |
+
margin: 0 10px;
|
2211 |
+
color: #5d504f;
|
2212 |
+
font-size: 170%;
|
2213 |
+
}
|
2214 |
+
|
2215 |
+
figure.effect-winston a:hover,
|
2216 |
+
figure.effect-winston a:focus {
|
2217 |
+
color: #cc6055;
|
2218 |
+
}
|
2219 |
+
|
2220 |
+
figure.effect-winston p a i {
|
2221 |
+
opacity: 0;
|
2222 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2223 |
+
transition: opacity 0.35s, transform 0.35s;
|
2224 |
+
-webkit-transform: translate3d(0,50px,0);
|
2225 |
+
transform: translate3d(0,50px,0);
|
2226 |
+
}
|
2227 |
+
|
2228 |
+
figure.effect-winston:hover img {
|
2229 |
+
opacity: 0.6;
|
2230 |
+
}
|
2231 |
+
|
2232 |
+
figure.effect-winston:hover h2 {
|
2233 |
+
-webkit-transform: translate3d(0,0,0);
|
2234 |
+
transform: translate3d(0,0,0);
|
2235 |
+
}
|
2236 |
+
|
2237 |
+
figure.effect-winston:hover figcaption::before {
|
2238 |
+
opacity: 0.7;
|
2239 |
+
-webkit-transform: rotate3d(0,0,1,20deg);
|
2240 |
+
transform: rotate3d(0,0,1,20deg);
|
2241 |
+
}
|
2242 |
+
|
2243 |
+
figure.effect-winston:hover p i {
|
2244 |
+
opacity: 1;
|
2245 |
+
-webkit-transform: translate3d(0,0,0);
|
2246 |
+
transform: translate3d(0,0,0);
|
2247 |
+
}
|
2248 |
+
|
2249 |
+
figure.effect-winston:hover p a:nth-child(3) i {
|
2250 |
+
-webkit-transition-delay: 0.05s;
|
2251 |
+
transition-delay: 0.05s;
|
2252 |
+
}
|
2253 |
+
|
2254 |
+
figure.effect-winston:hover p a:nth-child(2) i {
|
2255 |
+
-webkit-transition-delay: 0.1s;
|
2256 |
+
transition-delay: 0.1s;
|
2257 |
+
}
|
2258 |
+
|
2259 |
+
figure.effect-winston:hover p a:first-child i {
|
2260 |
+
-webkit-transition-delay: 0.15s;
|
2261 |
+
transition-delay: 0.15s;
|
2262 |
+
}
|
2263 |
+
|
2264 |
+
/*-----------------*/
|
2265 |
+
/***** Selena *****/
|
2266 |
+
/*-----------------*/
|
2267 |
+
|
2268 |
+
figure.effect-selena {
|
2269 |
+
background: #fff;
|
2270 |
+
}
|
2271 |
+
|
2272 |
+
figure.effect-selena img {
|
2273 |
+
opacity: 0.95;
|
2274 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2275 |
+
transition: transform 0.35s;
|
2276 |
+
-webkit-transform-origin: 50% 50%;
|
2277 |
+
transform-origin: 50% 50%;
|
2278 |
+
}
|
2279 |
+
|
2280 |
+
figure.effect-selena:hover img {
|
2281 |
+
-webkit-transform: scale3d(0.95,0.95,1);
|
2282 |
+
transform: scale3d(0.95,0.95,1);
|
2283 |
+
}
|
2284 |
+
|
2285 |
+
figure.effect-selena h2 {
|
2286 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2287 |
+
transition: transform 0.35s;
|
2288 |
+
-webkit-transform: translate3d(0,20px,0);
|
2289 |
+
transform: translate3d(0,20px,0);
|
2290 |
+
padding-top: 30px;
|
2291 |
+
}
|
2292 |
+
|
2293 |
+
figure.effect-selena p {
|
2294 |
+
text-align: center;
|
2295 |
+
opacity: 0;
|
2296 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2297 |
+
transition: opacity 0.35s, transform 0.35s;
|
2298 |
+
-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
|
2299 |
+
transform: perspective(1000px) rotate3d(1,0,0,90deg);
|
2300 |
+
-webkit-transform-origin: 50% 0%;
|
2301 |
+
transform-origin: 50% 0%;
|
2302 |
+
}
|
2303 |
+
|
2304 |
+
figure.effect-selena:hover h2 {
|
2305 |
+
-webkit-transform: translate3d(0,0,0);
|
2306 |
+
transform: translate3d(0,0,0);
|
2307 |
+
}
|
2308 |
+
|
2309 |
+
figure.effect-selena:hover p {
|
2310 |
+
opacity: 1;
|
2311 |
+
-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
|
2312 |
+
transform: perspective(1000px) rotate3d(1,0,0,0);
|
2313 |
+
}
|
2314 |
+
|
2315 |
+
/*-----------------*/
|
2316 |
+
/***** Terry *****/
|
2317 |
+
/*-----------------*/
|
2318 |
+
|
2319 |
+
figure.effect-terry {
|
2320 |
+
background: #34495e;
|
2321 |
+
}
|
2322 |
+
|
2323 |
+
figure.effect-terry figcaption {
|
2324 |
+
padding: 0em;
|
2325 |
+
}
|
2326 |
+
|
2327 |
+
figure.effect-terry figcaption::before,
|
2328 |
+
figure.effect-terry figcaption::after {
|
2329 |
+
position: absolute;
|
2330 |
+
width: 200%;
|
2331 |
+
height: 200%;
|
2332 |
+
border-style: solid;
|
2333 |
+
border-color: #101010;
|
2334 |
+
content: '';
|
2335 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2336 |
+
transition: transform 0.35s;
|
2337 |
+
}
|
2338 |
+
|
2339 |
+
figure.effect-terry figcaption::before {
|
2340 |
+
right: 0;
|
2341 |
+
bottom: 0;
|
2342 |
+
border-width: 0 70px 60px 0;
|
2343 |
+
-webkit-transform: translate3d(70px,60px,0);
|
2344 |
+
transform: translate3d(70px,60px,0);
|
2345 |
+
}
|
2346 |
+
|
2347 |
+
figure.effect-terry figcaption::after {
|
2348 |
+
top: 0;
|
2349 |
+
left: 0;
|
2350 |
+
border-width: 15px 0 0 15px;
|
2351 |
+
-webkit-transform: translate3d(-15px,-15px,0);
|
2352 |
+
transform: translate3d(-15px,-15px,0);
|
2353 |
+
}
|
2354 |
+
|
2355 |
+
figure.effect-terry img,
|
2356 |
+
figure.effect-terry p a {
|
2357 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2358 |
+
transition: opacity 0.35s, transform 0.35s;
|
2359 |
+
}
|
2360 |
+
|
2361 |
+
figure.effect-terry img {
|
2362 |
+
opacity: 0.85;
|
2363 |
+
}
|
2364 |
+
|
2365 |
+
figure.effect-terry h2 {
|
2366 |
+
position: absolute;
|
2367 |
+
bottom: 0;
|
2368 |
+
left: 0;
|
2369 |
+
padding: 0.4em 10px;
|
2370 |
+
width: 50%;
|
2371 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2372 |
+
transition: transform 0.35s;
|
2373 |
+
-webkit-transform: translate3d(100%,0,0);
|
2374 |
+
transform: translate3d(100%,0,0);
|
2375 |
+
}
|
2376 |
+
|
2377 |
+
@media screen and (max-width: 920px) {
|
2378 |
+
figure.effect-terry h2 {
|
2379 |
+
padding: 0.75em 10px;
|
2380 |
+
font-size: 120%;
|
2381 |
+
}
|
2382 |
+
}
|
2383 |
+
|
2384 |
+
figure.effect-terry p {
|
2385 |
+
float: right;
|
2386 |
+
clear: both;
|
2387 |
+
text-align: left;
|
2388 |
+
text-transform: none;
|
2389 |
+
font-size: 111%;
|
2390 |
+
padding: 15px 15px;
|
2391 |
+
}
|
2392 |
+
|
2393 |
+
figure.effect-terry p a {
|
2394 |
+
display: block;
|
2395 |
+
margin-bottom: 1em;
|
2396 |
+
color: #fff;
|
2397 |
+
opacity: 0;
|
2398 |
+
-webkit-transform: translate3d(90px,0,0);
|
2399 |
+
transform: translate3d(90px,0,0);
|
2400 |
+
}
|
2401 |
+
|
2402 |
+
figure.effect-terry p a:hover,
|
2403 |
+
figure.effect-terry p a:focus {
|
2404 |
+
color: #f3cf3f;
|
2405 |
+
}
|
2406 |
+
|
2407 |
+
figure.effect-terry:hover figcaption::before,
|
2408 |
+
figure.effect-terry:hover figcaption::after {
|
2409 |
+
-webkit-transform: translate3d(0,0,0);
|
2410 |
+
transform: translate3d(0,0,0);
|
2411 |
+
}
|
2412 |
+
|
2413 |
+
figure.effect-terry:hover img {
|
2414 |
+
opacity: 0.6;
|
2415 |
+
|
2416 |
+
}
|
2417 |
+
|
2418 |
+
figure.effect-terry:hover h2,
|
2419 |
+
figure.effect-terry:hover p a {
|
2420 |
+
-webkit-transform: translate3d(0,0,0);
|
2421 |
+
transform: translate3d(0,0,0);
|
2422 |
+
}
|
2423 |
+
|
2424 |
+
figure.effect-terry:hover p a {
|
2425 |
+
opacity: 1;
|
2426 |
+
}
|
2427 |
+
|
2428 |
+
figure.effect-terry:hover p a:first-child {
|
2429 |
+
-webkit-transition-delay: 0.025s;
|
2430 |
+
transition-delay: 0.025s;
|
2431 |
+
}
|
2432 |
+
|
2433 |
+
figure.effect-terry:hover p a:nth-child(2) {
|
2434 |
+
-webkit-transition-delay: 0.05s;
|
2435 |
+
transition-delay: 0.05s;
|
2436 |
+
}
|
2437 |
+
|
2438 |
+
figure.effect-terry:hover p a:nth-child(3) {
|
2439 |
+
-webkit-transition-delay: 0.075s;
|
2440 |
+
transition-delay: 0.075s;
|
2441 |
+
}
|
2442 |
+
|
2443 |
+
figure.effect-terry:hover p a:nth-child(4) {
|
2444 |
+
-webkit-transition-delay: 0.1s;
|
2445 |
+
transition-delay: 0.1s;
|
2446 |
+
}
|
2447 |
+
|
2448 |
+
/*-----------------*/
|
2449 |
+
/***** Phoebe *****/
|
2450 |
+
/*-----------------*/
|
2451 |
+
|
2452 |
+
figure.effect-phoebe {
|
2453 |
+
background: #675983;
|
2454 |
+
}
|
2455 |
+
|
2456 |
+
figure.effect-phoebe img {
|
2457 |
+
opacity: 0.85;
|
2458 |
+
-webkit-transition: opacity 0.35s;
|
2459 |
+
transition: opacity 0.35s;
|
2460 |
+
}
|
2461 |
+
|
2462 |
+
figure.effect-phoebe:hover img {
|
2463 |
+
opacity: 0.6;
|
2464 |
+
}
|
2465 |
+
|
2466 |
+
figure.effect-phoebe figcaption::before {
|
2467 |
+
position: absolute;
|
2468 |
+
top: 0;
|
2469 |
+
left: 0;
|
2470 |
+
width: 100%;
|
2471 |
+
height: 100%;
|
2472 |
+
background: url(../images/triangle2.svg) no-repeat center center;
|
2473 |
+
background-size: 100% 100%;
|
2474 |
+
content: '';
|
2475 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2476 |
+
transition: opacity 0.35s, transform 0.35s;
|
2477 |
+
-webkit-transform: scale3d(5,2.5,1);
|
2478 |
+
transform: scale3d(5,2.5,1);
|
2479 |
+
-webkit-transform-origin: 50% 50%;
|
2480 |
+
transform-origin: 50% 50%;
|
2481 |
+
}
|
2482 |
+
|
2483 |
+
figure.effect-phoebe:hover figcaption::before {
|
2484 |
+
opacity: 0.6;
|
2485 |
+
-webkit-transform: scale3d(1,1,1);
|
2486 |
+
transform: scale3d(1,1,1);
|
2487 |
+
}
|
2488 |
+
|
2489 |
+
figure.effect-phoebe h2 {
|
2490 |
+
margin-top: 1em;
|
2491 |
+
-webkit-transition: transform 0.35s;
|
2492 |
+
transition: transform 0.35s;
|
2493 |
+
-webkit-transform: translate3d(0,40px,0);
|
2494 |
+
transform: translate3d(0,40px,0);
|
2495 |
+
}
|
2496 |
+
|
2497 |
+
figure.effect-phoebe:hover h2 {
|
2498 |
+
-webkit-transform: translate3d(0,0,0);
|
2499 |
+
transform: translate3d(0,0,0);
|
2500 |
+
}
|
2501 |
+
|
2502 |
+
figure.effect-phoebe p {
|
2503 |
+
text-align: center;
|
2504 |
+
}
|
2505 |
+
|
2506 |
+
figure.effect-phoebe p a {
|
2507 |
+
color: #fff;
|
2508 |
+
font-size: 140%;
|
2509 |
+
opacity: 0;
|
2510 |
+
position: relative;
|
2511 |
+
display: inline-block;
|
2512 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2513 |
+
transition: opacity 0.35s, transform 0.35s;
|
2514 |
+
text-align: center;
|
2515 |
+
}
|
2516 |
+
|
2517 |
+
figure.effect-phoebe p a:first-child {
|
2518 |
+
-webkit-transform: translate3d(-60px,-60px,0);
|
2519 |
+
transform: translate3d(-60px,-60px,0);
|
2520 |
+
}
|
2521 |
+
|
2522 |
+
figure.effect-phoebe p a:nth-child(2) {
|
2523 |
+
-webkit-transform: translate3d(0,60px,0);
|
2524 |
+
transform: translate3d(0,60px,0);
|
2525 |
+
}
|
2526 |
+
|
2527 |
+
figure.effect-phoebe p a:nth-child(3) {
|
2528 |
+
-webkit-transform: translate3d(60px,-60px,0);
|
2529 |
+
transform: translate3d(60px,-60px,0);
|
2530 |
+
}
|
2531 |
+
|
2532 |
+
figure.effect-phoebe:hover p a {
|
2533 |
+
opacity: 1;
|
2534 |
+
-webkit-transform: translate3d(0,0,0);
|
2535 |
+
transform: translate3d(0,0,0);
|
2536 |
+
}
|
2537 |
+
|
2538 |
+
/*-----------------*/
|
2539 |
+
/***** Kira *****/
|
2540 |
+
/*-----------------*/
|
2541 |
+
|
2542 |
+
figure.effect-kira {
|
2543 |
+
background: #fff;
|
2544 |
+
text-align: left;
|
2545 |
+
}
|
2546 |
+
|
2547 |
+
figure.effect-kira img {
|
2548 |
+
-webkit-transition: opacity 0.35s;
|
2549 |
+
transition: opacity 0.35s;
|
2550 |
+
}
|
2551 |
+
|
2552 |
+
figure.effect-kira figcaption {
|
2553 |
+
z-index: 1;
|
2554 |
+
}
|
2555 |
+
|
2556 |
+
figure.effect-kira h2 {
|
2557 |
+
padding: 30px 0 0px 30px;
|
2558 |
+
}
|
2559 |
+
|
2560 |
+
figure.effect-kira p {
|
2561 |
+
padding: 2.25em 3em;
|
2562 |
+
font-weight: 600;
|
2563 |
+
font-size: 100%;
|
2564 |
+
line-height: 1.5;
|
2565 |
+
opacity: 0;
|
2566 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2567 |
+
transition: opacity 0.35s, transform 0.35s;
|
2568 |
+
-webkit-transform: translate3d(0,-10px,0);
|
2569 |
+
transform: translate3d(0,-10px,0);
|
2570 |
+
}
|
2571 |
+
|
2572 |
+
figure.effect-kira p a {
|
2573 |
+
margin: 0 0.5em;
|
2574 |
+
color: #101010;
|
2575 |
+
}
|
2576 |
+
|
2577 |
+
figure.effect-kira p a:hover,
|
2578 |
+
figure.effect-kira p a:focus {
|
2579 |
+
opacity: 0.6;
|
2580 |
+
}
|
2581 |
+
|
2582 |
+
figure.effect-kira figcaption::before {
|
2583 |
+
position: absolute;
|
2584 |
+
top: 0;
|
2585 |
+
right: 2em;
|
2586 |
+
left: 2em;
|
2587 |
+
z-index: -1;
|
2588 |
+
height: 3.5em;
|
2589 |
+
background: #fff;
|
2590 |
+
content: '';
|
2591 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2592 |
+
transition: opacity 0.35s, transform 0.35s;
|
2593 |
+
-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ;
|
2594 |
+
transform: translate3d(0,4em,0) scale3d(1,0.023,1);
|
2595 |
+
-webkit-transform-origin: 50% 0;
|
2596 |
+
transform-origin: 50% 0;
|
2597 |
+
}
|
2598 |
+
|
2599 |
+
figure.effect-kira:hover img {
|
2600 |
+
opacity: 0.5;
|
2601 |
+
}
|
2602 |
+
|
2603 |
+
figure.effect-kira:hover p {
|
2604 |
+
opacity: 1;
|
2605 |
+
-webkit-transform: translate3d(0,0,0);
|
2606 |
+
transform: translate3d(0,0,0);
|
2607 |
+
}
|
2608 |
+
|
2609 |
+
figure.effect-kira:hover figcaption::before {
|
2610 |
+
opacity: 0.7;
|
2611 |
+
-webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ;
|
2612 |
+
transform: translate3d(0,5em,0) scale3d(1,1,1);
|
2613 |
+
}
|
2614 |
+
|
2615 |
+
/*-----------------*/
|
2616 |
+
/***** Steve *****/
|
2617 |
+
/*-----------------*/
|
2618 |
+
|
2619 |
+
figure.effect-steve {
|
2620 |
+
z-index: auto;
|
2621 |
+
overflow: visible;
|
2622 |
+
background: #000;
|
2623 |
+
}
|
2624 |
+
|
2625 |
+
figure.effect-steve:before,
|
2626 |
+
figure.effect-steve h2:before {
|
2627 |
+
position: absolute;
|
2628 |
+
top: 0;
|
2629 |
+
left: 0;
|
2630 |
+
z-index: -1;
|
2631 |
+
width: 100%;
|
2632 |
+
height: 100%;
|
2633 |
+
background: #000;
|
2634 |
+
content: '';
|
2635 |
+
-webkit-transition: opacity 0.35s;
|
2636 |
+
transition: opacity 0.35s;
|
2637 |
+
}
|
2638 |
+
|
2639 |
+
figure.effect-steve:before {
|
2640 |
+
box-shadow: 0 3px 30px rgba(0,0,0,0.8);
|
2641 |
+
opacity: 0;
|
2642 |
+
}
|
2643 |
+
|
2644 |
+
figure.effect-steve figcaption {
|
2645 |
+
z-index: 1;
|
2646 |
+
}
|
2647 |
+
|
2648 |
+
figure.effect-steve img {
|
2649 |
+
opacity: 1;
|
2650 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2651 |
+
transition: transform 0.35s;
|
2652 |
+
-webkit-transform: perspective(1000px) translate3d(0,0,0);
|
2653 |
+
transform: perspective(1000px) translate3d(0,0,0);
|
2654 |
+
}
|
2655 |
+
|
2656 |
+
figure.effect-steve h2,
|
2657 |
+
figure.effect-steve p {
|
2658 |
+
background: #fff;
|
2659 |
+
color: #2d434e;
|
2660 |
+
}
|
2661 |
+
|
2662 |
+
figure.effect-steve h2 {
|
2663 |
+
position: relative;
|
2664 |
+
margin-top: 2em;
|
2665 |
+
padding: 0.25em;
|
2666 |
+
}
|
2667 |
+
|
2668 |
+
figure.effect-steve h2:before {
|
2669 |
+
box-shadow: 0 1px 10px rgba(0,0,0,0.5);
|
2670 |
+
}
|
2671 |
+
|
2672 |
+
figure.effect-steve p {
|
2673 |
+
text-align: center;
|
2674 |
+
margin-top: 1em;
|
2675 |
+
padding: 0.5em;
|
2676 |
+
font-weight: 800;
|
2677 |
+
opacity: 0;
|
2678 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2679 |
+
transition: opacity 0.35s, transform 0.35s;
|
2680 |
+
-webkit-transform: scale3d(0.9,0.9,1);
|
2681 |
+
transform: scale3d(0.9,0.9,1);
|
2682 |
+
}
|
2683 |
+
|
2684 |
+
figure.effect-steve:hover:before {
|
2685 |
+
opacity: 1;
|
2686 |
+
}
|
2687 |
+
|
2688 |
+
figure.effect-steve:hover img {
|
2689 |
+
-webkit-transform: perspective(1000px) translate3d(0,0,21px);
|
2690 |
+
transform: perspective(1000px) translate3d(0,0,21px);
|
2691 |
+
}
|
2692 |
+
|
2693 |
+
figure.effect-steve:hover h2:before {
|
2694 |
+
opacity: 0;
|
2695 |
+
}
|
2696 |
+
|
2697 |
+
figure.effect-steve:hover p {
|
2698 |
+
opacity: 1;
|
2699 |
+
-webkit-transform: scale3d(1,1,1);
|
2700 |
+
transform: scale3d(1,1,1);
|
2701 |
+
}
|
2702 |
+
|
2703 |
+
/*---------------*/
|
2704 |
+
/***** Jazz *****/
|
2705 |
+
/*---------------*/
|
2706 |
+
|
2707 |
+
figure.effect-jazz {
|
2708 |
+
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
|
2709 |
+
background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
|
2710 |
+
}
|
2711 |
+
|
2712 |
+
figure.effect-jazz img {
|
2713 |
+
opacity: 0.9;
|
2714 |
+
}
|
2715 |
+
|
2716 |
+
figure.effect-jazz figcaption::after,
|
2717 |
+
figure.effect-jazz img,
|
2718 |
+
figure.effect-jazz p {
|
2719 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2720 |
+
transition: opacity 0.35s, transform 0.35s;
|
2721 |
+
}
|
2722 |
+
|
2723 |
+
figure.effect-jazz figcaption::after {
|
2724 |
+
position: absolute;
|
2725 |
+
top: 0;
|
2726 |
+
left: 0;
|
2727 |
+
width: 100%;
|
2728 |
+
height: 100%;
|
2729 |
+
border-top: 1px solid #fff;
|
2730 |
+
border-bottom: 1px solid #fff;
|
2731 |
+
content: '';
|
2732 |
+
opacity: 0;
|
2733 |
+
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
|
2734 |
+
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
|
2735 |
+
-webkit-transform-origin: 50% 50%;
|
2736 |
+
transform-origin: 50% 50%;
|
2737 |
+
}
|
2738 |
+
|
2739 |
+
figure.effect-jazz h2,
|
2740 |
+
figure.effect-jazz p {
|
2741 |
+
opacity: 1;
|
2742 |
+
-webkit-transform: scale3d(0.8,0.8,1);
|
2743 |
+
transform: scale3d(0.8,0.8,1);
|
2744 |
+
}
|
2745 |
+
|
2746 |
+
figure.effect-jazz h2 {
|
2747 |
+
padding-top: 26%;
|
2748 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2749 |
+
transition: transform 0.35s;
|
2750 |
+
}
|
2751 |
+
|
2752 |
+
figure.effect-jazz p {
|
2753 |
+
padding: 0.5em 2em;
|
2754 |
+
text-transform: none;
|
2755 |
+
font-size: 0.85em;
|
2756 |
+
opacity: 0;
|
2757 |
+
}
|
2758 |
+
|
2759 |
+
figure.effect-jazz:hover img {
|
2760 |
+
opacity: 0.7;
|
2761 |
+
-webkit-transform: scale3d(1.05,1.05,1);
|
2762 |
+
transform: scale3d(1.05,1.05,1);
|
2763 |
+
}
|
2764 |
+
|
2765 |
+
figure.effect-jazz:hover figcaption::after {
|
2766 |
+
opacity: 1;
|
2767 |
+
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
|
2768 |
+
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
|
2769 |
+
}
|
2770 |
+
|
2771 |
+
figure.effect-jazz:hover h2,
|
2772 |
+
figure.effect-jazz:hover p {
|
2773 |
+
opacity: 1;
|
2774 |
+
-webkit-transform: scale3d(1,1,1);
|
2775 |
+
transform: scale3d(1,1,1);
|
2776 |
+
}
|
2777 |
+
|
2778 |
+
/*---------------*/
|
2779 |
+
/***** Ming *****/
|
2780 |
+
/*---------------*/
|
2781 |
+
|
2782 |
+
figure.effect-ming {
|
2783 |
+
background: #030c17;
|
2784 |
+
}
|
2785 |
+
|
2786 |
+
figure.effect-ming img {
|
2787 |
+
opacity: 0.9;
|
2788 |
+
-webkit-transition: opacity 0.35s;
|
2789 |
+
transition: opacity 0.35s;
|
2790 |
+
}
|
2791 |
+
|
2792 |
+
figure.effect-ming figcaption::before {
|
2793 |
+
position: absolute;
|
2794 |
+
top: 30px;
|
2795 |
+
right: 30px;
|
2796 |
+
bottom: 30px;
|
2797 |
+
left: 30px;
|
2798 |
+
border: 2px solid #fff;
|
2799 |
+
box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
|
2800 |
+
content: '';
|
2801 |
+
opacity: 0;
|
2802 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2803 |
+
transition: opacity 0.35s, transform 0.35s;
|
2804 |
+
-webkit-transform: scale3d(1.4,1.4,1);
|
2805 |
+
transform: scale3d(1.4,1.4,1);
|
2806 |
+
}
|
2807 |
+
|
2808 |
+
figure.effect-ming h2 {
|
2809 |
+
margin: 20% 0 10px 0;
|
2810 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2811 |
+
transition: transform 0.35s;
|
2812 |
+
}
|
2813 |
+
|
2814 |
+
figure.effect-ming p {
|
2815 |
+
padding: 1em;
|
2816 |
+
opacity: 0;
|
2817 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2818 |
+
transition: opacity 0.35s, transform 0.35s;
|
2819 |
+
-webkit-transform: scale(1.5);
|
2820 |
+
transform: scale(1.5);
|
2821 |
+
}
|
2822 |
+
|
2823 |
+
figure.effect-ming:hover h2 {
|
2824 |
+
-webkit-transform: scale(0.9);
|
2825 |
+
transform: scale(0.9);
|
2826 |
+
}
|
2827 |
+
|
2828 |
+
figure.effect-ming:hover figcaption::before,
|
2829 |
+
figure.effect-ming:hover p {
|
2830 |
+
opacity: 1;
|
2831 |
+
-webkit-transform: scale3d(1,1,1);
|
2832 |
+
transform: scale3d(1,1,1);
|
2833 |
+
}
|
2834 |
+
|
2835 |
+
figure.effect-ming:hover figcaption {
|
2836 |
+
background-color: rgba(58,52,42,0);
|
2837 |
+
}
|
2838 |
+
|
2839 |
+
figure.effect-ming:hover img {
|
2840 |
+
opacity: 0.4;
|
2841 |
+
}
|
2842 |
+
|
2843 |
+
/*---------------*/
|
2844 |
+
/***** Lexi *****/
|
2845 |
+
/*---------------*/
|
2846 |
+
|
2847 |
+
figure.effect-lexi {
|
2848 |
+
background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
|
2849 |
+
background: linear-gradient(-45deg, #000 0%,#fff 100%);
|
2850 |
+
}
|
2851 |
+
|
2852 |
+
figure.effect-lexi img {
|
2853 |
+
margin: -10px 0 0 -10px;
|
2854 |
+
max-width: none;
|
2855 |
+
width: -webkit-calc(100% + 10px);
|
2856 |
+
width: calc(100% + 10px);
|
2857 |
+
opacity: 0.9;
|
2858 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2859 |
+
transition: opacity 0.35s, transform 0.35s;
|
2860 |
+
-webkit-transform: translate3d(10px,10px,0);
|
2861 |
+
transform: translate3d(10px,10px,0);
|
2862 |
+
-webkit-backface-visibility: hidden;
|
2863 |
+
backface-visibility: hidden;
|
2864 |
+
}
|
2865 |
+
|
2866 |
+
figure.effect-lexi figcaption::before,
|
2867 |
+
figure.effect-lexi p {
|
2868 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2869 |
+
transition: opacity 0.35s, transform 0.35s;
|
2870 |
+
}
|
2871 |
+
|
2872 |
+
figure.effect-lexi figcaption::before {
|
2873 |
+
position: absolute;
|
2874 |
+
right: -100px;
|
2875 |
+
bottom: -100px;
|
2876 |
+
width: 300px;
|
2877 |
+
height: 300px;
|
2878 |
+
border: 2px solid #fff;
|
2879 |
+
border-radius: 50%;
|
2880 |
+
box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
|
2881 |
+
content: '';
|
2882 |
+
opacity: 0;
|
2883 |
+
-webkit-transform: scale3d(0.5,0.5,1);
|
2884 |
+
transform: scale3d(0.5,0.5,1);
|
2885 |
+
-webkit-transform-origin: 50% 50%;
|
2886 |
+
transform-origin: 50% 50%;
|
2887 |
+
}
|
2888 |
+
|
2889 |
+
figure.effect-lexi:hover img {
|
2890 |
+
opacity: 0.6;
|
2891 |
+
-webkit-transform: translate3d(0,0,0);
|
2892 |
+
transform: translate3d(0,0,0);
|
2893 |
+
}
|
2894 |
+
|
2895 |
+
figure.effect-lexi h2 {
|
2896 |
+
text-align: left;
|
2897 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2898 |
+
transition: transform 0.35s;
|
2899 |
+
-webkit-transform: translate3d(5px,5px,0);
|
2900 |
+
transform: translate3d(5px,5px,0);
|
2901 |
+
}
|
2902 |
+
|
2903 |
+
figure.effect-lexi p {
|
2904 |
+
position: absolute;
|
2905 |
+
right: 0;
|
2906 |
+
bottom: 0;
|
2907 |
+
padding: 0 1.5em 1.5em 0;
|
2908 |
+
width: 140px;
|
2909 |
+
text-align: right;
|
2910 |
+
opacity: 0;
|
2911 |
+
-webkit-transform: translate3d(20px,20px,0);
|
2912 |
+
transform: translate3d(20px,20px,0);
|
2913 |
+
}
|
2914 |
+
|
2915 |
+
figure.effect-lexi:hover figcaption::before {
|
2916 |
+
opacity: 1;
|
2917 |
+
-webkit-transform: scale3d(1,1,1);
|
2918 |
+
transform: scale3d(1,1,1);
|
2919 |
+
}
|
2920 |
+
|
2921 |
+
figure.effect-lexi:hover h2,
|
2922 |
+
figure.effect-lexi:hover p {
|
2923 |
+
opacity: 1;
|
2924 |
+
-webkit-transform: translate3d(0,0,0);
|
2925 |
+
transform: translate3d(0,0,0);
|
2926 |
+
}
|
2927 |
+
|
2928 |
+
/*---------------*/
|
2929 |
+
/***** Duke *****/
|
2930 |
+
/*---------------*/
|
2931 |
+
|
2932 |
+
figure.effect-duke {
|
2933 |
+
background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
|
2934 |
+
background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
|
2935 |
+
}
|
2936 |
+
|
2937 |
+
figure.effect-duke img,
|
2938 |
+
figure.effect-duke p {
|
2939 |
+
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
2940 |
+
transition: opacity 0.35s, transform 0.35s;
|
2941 |
+
}
|
2942 |
+
|
2943 |
+
figure.effect-duke:hover img {
|
2944 |
+
opacity: 0.1;
|
2945 |
+
-webkit-transform: scale3d(2,2,1);
|
2946 |
+
transform: scale3d(2,2,1);
|
2947 |
+
}
|
2948 |
+
|
2949 |
+
figure.effect-duke h2 {
|
2950 |
+
-webkit-transition: -webkit-transform 0.35s;
|
2951 |
+
transition: transform 0.35s;
|
2952 |
+
-webkit-transform: scale3d(0.8,0.8,1);
|
2953 |
+
transform: scale3d(0.8,0.8,1);
|
2954 |
+
-webkit-transform-origin: 50% 100%;
|
2955 |
+
transform-origin: 50% 100%;
|
2956 |
+
padding-top: 30px;
|
2957 |
+
}
|
2958 |
+
|
2959 |
+
figure.effect-duke p {
|
2960 |
+
position: absolute;
|
2961 |
+
bottom: 0;
|
2962 |
+
left: 0;
|
2963 |
+
margin: 20px;
|
2964 |
+
padding: 30px;
|
2965 |
+
border: 2px solid #fff;
|
2966 |
+
text-transform: none;
|
2967 |
+
font-size: 90%;
|
2968 |
+
opacity: 0;
|
2969 |
+
-webkit-transform: scale3d(0.8,0.8,1);
|
2970 |
+
transform: scale3d(0.8,0.8,1);
|
2971 |
+
-webkit-transform-origin: 50% -100%;
|
2972 |
+
transform-origin: 50% -100%;
|
2973 |
+
}
|
2974 |
+
|
2975 |
+
figure.effect-duke:hover h2,
|
2976 |
+
figure.effect-duke:hover p {
|
2977 |
+
opacity: 1;
|
2978 |
+
-webkit-transform: scale3d(1,1,1);
|
2979 |
+
transform: scale3d(1,1,1);
|
2980 |
+
}
|
2981 |
+
|
2982 |
+
/* Media queries */
|
2983 |
+
@media screen and (max-width: 50em) {
|
2984 |
+
.content {
|
2985 |
+
padding: 0 10px;
|
2986 |
+
text-align: center;
|
2987 |
+
}
|
2988 |
+
.grid figure {
|
2989 |
+
display: inline-block;
|
2990 |
+
float: none;
|
2991 |
+
margin: 10px auto;
|
2992 |
+
width: 100%;
|
2993 |
+
}
|
2994 |
+
}
|
2995 |
+
|
2996 |
+
|
2997 |
+
/*custom css*/
|
2998 |
+
@media only screen and (max-width: 480px) {
|
2999 |
+
.vc-interactive-banner figure img {
|
3000 |
+
height: 100% !important;
|
3001 |
+
}
|
3002 |
+
}
|
3003 |
+
|
3004 |
+
.effect-apollo figcaption {
|
3005 |
+
padding: 0.8em !important;
|
3006 |
+
}
|
3007 |
+
.effect-ming div {
|
3008 |
+
padding: 15px !important;
|
3009 |
+
}
|
3010 |
+
|
3011 |
+
figure.effect-lily figcaption > div {
|
3012 |
+
padding: 0 0 0 1em !important;
|
3013 |
+
}
|
3014 |
+
.effect-lily figcaption {
|
3015 |
+
padding: 2em !important;
|
3016 |
+
}
|
3017 |
+
|
3018 |
+
.effect-oscar div {
|
3019 |
+
padding: 0 40px !important;
|
3020 |
+
}
|
3021 |
+
figure.effect-oscar figcaption {
|
3022 |
+
padding-bottom: 0.4em !important;
|
3023 |
+
}
|
3024 |
+
|
3025 |
+
.effect-dexter h2 {
|
3026 |
+
padding: 2em 3em;
|
3027 |
}
|
3028 |
|
3029 |
.effect-milo figcaption {
|
css/memberprofile.css
CHANGED
@@ -38,7 +38,7 @@
|
|
38 |
-moz-border-radius: 2px;
|
39 |
-o-border-radius: 2px;
|
40 |
background-color: #444;
|
41 |
-
z-index: 998
|
42 |
}
|
43 |
.mega_team_case .member-name span {
|
44 |
background-color: #27bebe;
|
@@ -60,7 +60,7 @@
|
|
60 |
padding-left: 0px;
|
61 |
padding-right: 0px;
|
62 |
padding-top: 14px;
|
63 |
-
|
64 |
font-size: 13px;
|
65 |
line-height: 21px;
|
66 |
font-weight: 300;
|
@@ -75,7 +75,7 @@
|
|
75 |
}
|
76 |
.mega_team_case .skill-label {
|
77 |
font-size: 11px;
|
78 |
-
|
79 |
line-height: 16px;
|
80 |
color: #444;
|
81 |
margin-bottom: 2px;
|
@@ -198,7 +198,7 @@
|
|
198 |
padding-left: 0px;
|
199 |
padding-right: 0px;
|
200 |
padding-top: 14px;
|
201 |
-
|
202 |
font-size: 13px;
|
203 |
line-height: 21px;
|
204 |
font-weight: 300;
|
@@ -215,7 +215,7 @@
|
|
215 |
}
|
216 |
.mega_team_case_2 .skill-label {
|
217 |
font-size: 10px;
|
218 |
-
|
219 |
line-height: 14px;
|
220 |
color: #444;
|
221 |
margin-bottom: 1px;
|
@@ -312,7 +312,7 @@ 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;
|
@@ -334,7 +334,7 @@ Style 3
|
|
334 |
}
|
335 |
.mega_team_case_3 .skill-label {
|
336 |
font-size: 11px;
|
337 |
-
|
338 |
line-height: 16px;
|
339 |
color: #444;
|
340 |
margin-bottom: 2px;
|
@@ -440,7 +440,7 @@ Style 4
|
|
440 |
display: block;
|
441 |
}
|
442 |
.mega_team_case_4 .member-desc {
|
443 |
-
|
444 |
font-size: 13px;
|
445 |
margin-bottom: 15px;
|
446 |
}
|
38 |
-moz-border-radius: 2px;
|
39 |
-o-border-radius: 2px;
|
40 |
background-color: #444;
|
41 |
+
/*z-index: 998;*/
|
42 |
}
|
43 |
.mega_team_case .member-name span {
|
44 |
background-color: #27bebe;
|
60 |
padding-left: 0px;
|
61 |
padding-right: 0px;
|
62 |
padding-top: 14px;
|
63 |
+
|
64 |
font-size: 13px;
|
65 |
line-height: 21px;
|
66 |
font-weight: 300;
|
75 |
}
|
76 |
.mega_team_case .skill-label {
|
77 |
font-size: 11px;
|
78 |
+
|
79 |
line-height: 16px;
|
80 |
color: #444;
|
81 |
margin-bottom: 2px;
|
198 |
padding-left: 0px;
|
199 |
padding-right: 0px;
|
200 |
padding-top: 14px;
|
201 |
+
|
202 |
font-size: 13px;
|
203 |
line-height: 21px;
|
204 |
font-weight: 300;
|
215 |
}
|
216 |
.mega_team_case_2 .skill-label {
|
217 |
font-size: 10px;
|
218 |
+
|
219 |
line-height: 14px;
|
220 |
color: #444;
|
221 |
margin-bottom: 1px;
|
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;
|
334 |
}
|
335 |
.mega_team_case_3 .skill-label {
|
336 |
font-size: 11px;
|
337 |
+
|
338 |
line-height: 16px;
|
339 |
color: #444;
|
340 |
margin-bottom: 2px;
|
440 |
display: block;
|
441 |
}
|
442 |
.mega_team_case_4 .member-desc {
|
443 |
+
|
444 |
font-size: 13px;
|
445 |
margin-bottom: 15px;
|
446 |
}
|
css/price_listing.css
CHANGED
@@ -49,14 +49,15 @@
|
|
49 |
|
50 |
.price_table_1 .plan{
|
51 |
border-radius: 0px 0px 5px 5px;
|
|
|
52 |
text-align: center;
|
53 |
-
font: initial;
|
54 |
}
|
55 |
.price_table_1 .plan span {
|
56 |
|
57 |
}
|
58 |
.price_table_1 .plan .amount {
|
59 |
font-size: 82px;
|
|
|
60 |
}
|
61 |
.price_table_1 .standard{
|
62 |
background-color: #1abc9c;
|
@@ -162,4 +163,1008 @@ font-size: 82px;
|
|
162 |
border-right: 3px solid #087F8F;
|
163 |
border-bottom: 3px solid transparent;
|
164 |
border-top: 3px solid #087F8F;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
165 |
}
|
49 |
|
50 |
.price_table_1 .plan{
|
51 |
border-radius: 0px 0px 5px 5px;
|
52 |
+
|
53 |
text-align: center;
|
|
|
54 |
}
|
55 |
.price_table_1 .plan span {
|
56 |
|
57 |
}
|
58 |
.price_table_1 .plan .amount {
|
59 |
font-size: 82px;
|
60 |
+
font: caption;
|
61 |
}
|
62 |
.price_table_1 .standard{
|
63 |
background-color: #1abc9c;
|
163 |
border-right: 3px solid #087F8F;
|
164 |
border-bottom: 3px solid transparent;
|
165 |
border-top: 3px solid #087F8F;
|
166 |
+
}
|
167 |
+
|
168 |
+
/*
|
169 |
+
** pricing table style 1(one)
|
170 |
+
*/
|
171 |
+
.mega-price-table-2 .pricing-table {
|
172 |
+
|
173 |
+
color: #ffffff;
|
174 |
+
text-align: left;
|
175 |
+
font-size: 16px;
|
176 |
+
width: 100%;
|
177 |
+
max-width: 1000px;
|
178 |
+
/*margin: 30px 10px;*/
|
179 |
+
}
|
180 |
+
|
181 |
+
.mega-price-table-2 .pricing-table img {
|
182 |
+
position: absolute;
|
183 |
+
left: 0;
|
184 |
+
top: 0;
|
185 |
+
height: 100%;
|
186 |
+
z-index: -1;
|
187 |
+
}
|
188 |
+
|
189 |
+
.mega-price-table-2 .pricing-table .plan {
|
190 |
+
margin: 0 0.5%;
|
191 |
+
width: 100%;
|
192 |
+
/*max-width: 350px;*/
|
193 |
+
/*padding-top: 10px;*/
|
194 |
+
position: relative;
|
195 |
+
float: left;
|
196 |
+
overflow: hidden;
|
197 |
+
background-color: #222f3d;
|
198 |
+
border-radius: 8px;
|
199 |
+
}
|
200 |
+
|
201 |
+
.mega-price-table-2 .pricing-table .plan:hover i,
|
202 |
+
.mega-price-table-2 .pricing-table .plan.hover i {
|
203 |
+
-webkit-transform: scale(1.2);
|
204 |
+
transform: scale(1.2);
|
205 |
+
}
|
206 |
+
|
207 |
+
.mega-price-table-2 .pricing-table * {
|
208 |
+
-webkit-box-sizing: border-box;
|
209 |
+
box-sizing: border-box;
|
210 |
+
-webkit-transition: all 0.25s ease-out;
|
211 |
+
transition: all 0.25s ease-out;
|
212 |
+
}
|
213 |
+
|
214 |
+
.mega-price-table-2 .pricing-table header {
|
215 |
+
color: #ffffff;
|
216 |
+
}
|
217 |
+
|
218 |
+
.mega-price-table-2 .pricing-table .plan-title {
|
219 |
+
line-height: 60px;
|
220 |
+
position: relative;
|
221 |
+
margin: 0;
|
222 |
+
padding: 0 20px;
|
223 |
+
font-size: 1.3em;
|
224 |
+
letter-spacing: 2px;
|
225 |
+
font-weight: 700;
|
226 |
+
}
|
227 |
+
|
228 |
+
.mega-price-table-2 .pricing-table .plan-title:after {
|
229 |
+
position: absolute;
|
230 |
+
content: '';
|
231 |
+
top: 100%;
|
232 |
+
left: 20px;
|
233 |
+
width: 30px;
|
234 |
+
height: 3px;
|
235 |
+
background-color: #fff;
|
236 |
+
}
|
237 |
+
|
238 |
+
.mega-price-table-2 .pricing-table .plan-cost {
|
239 |
+
padding: 0 20px;
|
240 |
+
margin: 10px 0
|
241 |
+
}
|
242 |
+
|
243 |
+
.mega-price-table-2 .pricing-table .plan-price {
|
244 |
+
font-weight: normal;
|
245 |
+
font-size: 2.0em;
|
246 |
+
margin: 10px 0;
|
247 |
+
display: inline-block;
|
248 |
+
}
|
249 |
+
|
250 |
+
.mega-price-table-2 .pricing-table .plan-type {
|
251 |
+
opacity: 0.8;
|
252 |
+
font-size: 0.7em;
|
253 |
+
text-transform: uppercase;
|
254 |
+
}
|
255 |
+
|
256 |
+
.mega-price-table-2 .pricing-table .price-content ul {
|
257 |
+
padding: 0 0 20px;
|
258 |
+
margin: 0;
|
259 |
+
list-style: outside none none;
|
260 |
+
font-size: 0.9em;
|
261 |
+
list-style-type: none;
|
262 |
+
}
|
263 |
+
|
264 |
+
.mega-price-table-2 .pricing-table .price-content ul li {
|
265 |
+
padding: 8px 20px;
|
266 |
+
color: #000;
|
267 |
+
}
|
268 |
+
|
269 |
+
.mega-price-table-2 .pricing-table .price-content i {
|
270 |
+
margin-right: 8px;
|
271 |
+
color: rgba(255, 255, 255, 0.5);
|
272 |
+
}
|
273 |
+
|
274 |
+
.mega-price-table-2 .pricing-table .plan-select {
|
275 |
+
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
276 |
+
padding: 20px;
|
277 |
+
text-align: center;
|
278 |
+
}
|
279 |
+
|
280 |
+
.mega-price-table-2 .pricing-table .plan-select a {
|
281 |
+
background-color: #156dab;
|
282 |
+
color: #ffffff;
|
283 |
+
text-decoration: none;
|
284 |
+
padding: 12px 20px;
|
285 |
+
font-size: 0.75em;
|
286 |
+
font-weight: 600;
|
287 |
+
border-radius: 8px;
|
288 |
+
text-transform: uppercase;
|
289 |
+
letter-spacing: 4px;
|
290 |
+
display: inline-block;
|
291 |
+
}
|
292 |
+
|
293 |
+
.mega-price-table-2 .pricing-table .plan-select a:hover {
|
294 |
+
/*background-color: #1b8ad8 !important;*/
|
295 |
+
}
|
296 |
+
|
297 |
+
.mega-price-table-2 .pricing-table .featured {
|
298 |
+
margin-top: -10px;
|
299 |
+
z-index: 1;
|
300 |
+
border-radius: 8px;
|
301 |
+
/*border: 2px solid #156dab;*/
|
302 |
+
background-color: #156dab;
|
303 |
+
}
|
304 |
+
|
305 |
+
.mega-price-table-2 .pricing-table .featured .plan-select {
|
306 |
+
padding: 30px 20px;
|
307 |
+
}
|
308 |
+
|
309 |
+
.mega-price-table-2 .pricing-table .featured .plan-select a {
|
310 |
+
background-color: #10507e;
|
311 |
+
/*background: rgba(0, 0, 0, 0.2) !important;*/
|
312 |
+
}
|
313 |
+
|
314 |
+
@media only screen and (max-width: 767px) {
|
315 |
+
.mega-price-table-2 .pricing-table .plan {
|
316 |
+
width: 49%;
|
317 |
+
margin: 0.5%;
|
318 |
+
}
|
319 |
+
.mega-price-table-2 .pricing-table .plan-title,
|
320 |
+
.mega-price-table-2 .pricing-table .plan-select a {
|
321 |
+
-webkit-transform: translateY(0);
|
322 |
+
transform: translateY(0);
|
323 |
+
}
|
324 |
+
.mega-price-table-2 .pricing-table .plan-select,
|
325 |
+
.mega-price-table-2 .pricing-table .featured .plan-select {
|
326 |
+
padding: 20px;
|
327 |
+
}
|
328 |
+
.mega-price-table-2 .pricing-table .featured {
|
329 |
+
margin-top: 0;
|
330 |
+
}
|
331 |
+
.mega-price-table-2 .pricing-table .featured header {
|
332 |
+
line-height: 70px;
|
333 |
+
}
|
334 |
+
}
|
335 |
+
|
336 |
+
@media only screen and (max-width: 440px) {
|
337 |
+
.mega-price-table-2 .pricing-table .plan {
|
338 |
+
margin: 0.5% 0;
|
339 |
+
width: 100%;
|
340 |
+
}
|
341 |
+
}
|
342 |
+
|
343 |
+
|
344 |
+
.mega-price-table-3 {
|
345 |
+
font-family: 'Source Sans Pro', Arial, sans-serif;
|
346 |
+
color: #ffffff;
|
347 |
+
text-align: left;
|
348 |
+
font-size: 16px;
|
349 |
+
width: 100%;
|
350 |
+
max-width: 1000px;
|
351 |
+
/*margin: 50px 10px;*/
|
352 |
+
}
|
353 |
+
.mega-price-table-3 img {
|
354 |
+
position: absolute;
|
355 |
+
left: 0;
|
356 |
+
top: 0;
|
357 |
+
height: 100%;
|
358 |
+
z-index: -1;
|
359 |
+
}
|
360 |
+
.mega-price-table-3 .plan {
|
361 |
+
margin: 0;
|
362 |
+
width: 100%;
|
363 |
+
/*max-width: 350px;*/
|
364 |
+
position: relative;
|
365 |
+
float: left;
|
366 |
+
overflow: hidden;
|
367 |
+
border-top: 1px solid #333333;
|
368 |
+
border-bottom: 1px solid #333333;
|
369 |
+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
370 |
+
background-color: #1a1a1a;
|
371 |
+
}
|
372 |
+
.mega-price-table-3 .plan:hover i,
|
373 |
+
.mega-price-table-3 .plan.hover i {
|
374 |
+
-webkit-transform: scale(1.2);
|
375 |
+
transform: scale(1.2);
|
376 |
+
}
|
377 |
+
.mega-price-table-3 .plan:first-of-type {
|
378 |
+
border-radius: 8px 0 0 8px;
|
379 |
+
border-left: 1px solid #333333;
|
380 |
+
}
|
381 |
+
.mega-price-table-3 .plan:last-of-type {
|
382 |
+
border-radius: 0 8px 8px 0;
|
383 |
+
border-right: 1px solid #333333;
|
384 |
+
}
|
385 |
+
.mega-price-table-3 * {
|
386 |
+
-webkit-box-sizing: border-box;
|
387 |
+
box-sizing: border-box;
|
388 |
+
-webkit-transition: all 0.25s ease-out;
|
389 |
+
transition: all 0.25s ease-out;
|
390 |
+
}
|
391 |
+
.mega-price-table-3 header {
|
392 |
+
line-height: 70px;
|
393 |
+
color: #ffffff;
|
394 |
+
}
|
395 |
+
.mega-price-table-3 .plan-title {
|
396 |
+
background-color: #156dab;
|
397 |
+
position: relative;
|
398 |
+
margin: 20px 0;
|
399 |
+
padding: 0 20px;
|
400 |
+
text-transform: uppercase;
|
401 |
+
letter-spacing: 2px;
|
402 |
+
line-height: 70px;
|
403 |
+
}
|
404 |
+
.mega-price-table-3 .plan-title .price-title-span {
|
405 |
+
position: absolute;
|
406 |
+
content: '';
|
407 |
+
top: 100%;
|
408 |
+
left: 20px;
|
409 |
+
width: 0;
|
410 |
+
height: 0;
|
411 |
+
border-style: solid;
|
412 |
+
border-width: 10px 10px 0 10px;
|
413 |
+
border-color: #156dab transparent transparent;
|
414 |
+
}
|
415 |
+
.mega-price-table-3 .plan-cost {
|
416 |
+
position: absolute;
|
417 |
+
top: 22px;
|
418 |
+
right: 0;
|
419 |
+
padding: 10px 20px;
|
420 |
+
text-align: right;
|
421 |
+
}
|
422 |
+
.mega-price-table-3 .plan-price {
|
423 |
+
font-weight: 600;
|
424 |
+
font-size: 1.8em;
|
425 |
+
}
|
426 |
+
.mega-price-table-3 .plan-type {
|
427 |
+
opacity: 0.8;
|
428 |
+
font-size: 0.7em;
|
429 |
+
text-transform: uppercase;
|
430 |
+
}
|
431 |
+
.mega-price-table-3 .price-content ul {
|
432 |
+
padding: 0 0 20px;
|
433 |
+
margin: 0;
|
434 |
+
list-style: outside none none;
|
435 |
+
font-size: 0.9em;
|
436 |
+
}
|
437 |
+
.mega-price-table-3 .price-content ul li {
|
438 |
+
padding: 8px 20px;
|
439 |
+
}
|
440 |
+
.mega-price-table-3 .price-content ul i {
|
441 |
+
margin-right: 8px;
|
442 |
+
color: rgba(255, 255, 255, 0.5);
|
443 |
+
}
|
444 |
+
.mega-price-table-3 .plan-select {
|
445 |
+
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
446 |
+
padding: 20px;
|
447 |
+
text-align: center;
|
448 |
+
}
|
449 |
+
.mega-price-table-3 .plan-select a {
|
450 |
+
background-color: #156dab;
|
451 |
+
color: #ffffff;
|
452 |
+
text-decoration: none;
|
453 |
+
padding: 12px 20px;
|
454 |
+
font-size: 0.75em;
|
455 |
+
font-weight: 600;
|
456 |
+
border-radius: 20px;
|
457 |
+
text-transform: uppercase;
|
458 |
+
letter-spacing: 4px;
|
459 |
+
display: inline-block;
|
460 |
+
}
|
461 |
+
.mega-price-table-3 .plan-select a:hover {
|
462 |
+
background-color: #1b8ad8;
|
463 |
+
}
|
464 |
+
.mega-price-table-3 .featured {
|
465 |
+
margin-top: -10px;
|
466 |
+
box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
|
467 |
+
z-index: 1;
|
468 |
+
border-radius: 8px;
|
469 |
+
border: 1px solid #333333;
|
470 |
+
}
|
471 |
+
.mega-price-table-3 .featured header {
|
472 |
+
line-height: 90px;
|
473 |
+
}
|
474 |
+
.mega-price-table-3 .featured .plan-select {
|
475 |
+
padding: 30px 20px;
|
476 |
+
}
|
477 |
+
@media only screen and (max-width: 767px) {
|
478 |
+
.mega-price-table-3 .plan {
|
479 |
+
width: 50%;
|
480 |
+
}
|
481 |
+
.mega-price-table-3 .plan-title,
|
482 |
+
.mega-price-table-3 .plan-select a {
|
483 |
+
-webkit-transform: translateY(0);
|
484 |
+
transform: translateY(0);
|
485 |
+
}
|
486 |
+
.mega-price-table-3 .plan-select,
|
487 |
+
.mega-price-table-3 .featured .plan-select {
|
488 |
+
padding: 20px;
|
489 |
+
}
|
490 |
+
.mega-price-table-3 .featured {
|
491 |
+
margin-top: 0;
|
492 |
+
}
|
493 |
+
.mega-price-table-3 .featured header {
|
494 |
+
line-height: 70px;
|
495 |
+
}
|
496 |
+
}
|
497 |
+
@media only screen and (max-width: 440px) {
|
498 |
+
.mega-price-table-3 .plan {
|
499 |
+
width: 100%;
|
500 |
+
}
|
501 |
+
}
|
502 |
+
|
503 |
+
/*
|
504 |
+
** pricing table style 3(three)
|
505 |
+
*/
|
506 |
+
.mega-price-table-4 > .pricing-table {
|
507 |
+
|
508 |
+
color: #ffffff;
|
509 |
+
text-align: left;
|
510 |
+
font-size: 16px;
|
511 |
+
width: 100%;
|
512 |
+
max-width: 1000px;
|
513 |
+
/*margin: 50px 10px;*/
|
514 |
+
}
|
515 |
+
.mega-price-table-4 > .pricing-table img {
|
516 |
+
position: absolute;
|
517 |
+
left: 0;
|
518 |
+
top: 0;
|
519 |
+
height: 100%;
|
520 |
+
z-index: -1;
|
521 |
+
}
|
522 |
+
.mega-price-table-4 > .pricing-table .plan {
|
523 |
+
margin: 0;
|
524 |
+
width: 100%;
|
525 |
+
/*max-width: 350px;*/
|
526 |
+
position: relative;
|
527 |
+
float: left;
|
528 |
+
overflow: hidden;
|
529 |
+
border: 3px solid #442232;
|
530 |
+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
531 |
+
background-color: #5f3047;
|
532 |
+
}
|
533 |
+
.mega-price-table-4 > .pricing-table .plan:hover i,
|
534 |
+
.mega-price-table-4 > .pricing-table .plan.hover i {
|
535 |
+
-webkit-transform: scale(1.2);
|
536 |
+
transform: scale(1.2);
|
537 |
+
}
|
538 |
+
.mega-price-table-4 > .pricing-table .plan:first-of-type {
|
539 |
+
border-radius: 8px 0 0 8px;
|
540 |
+
}
|
541 |
+
.mega-price-table-4 > .pricing-table .plan:last-of-type {
|
542 |
+
border-radius: 0 8px 8px 0;
|
543 |
+
}
|
544 |
+
.mega-price-table-4 > .pricing-table * {
|
545 |
+
-webkit-box-sizing: border-box;
|
546 |
+
box-sizing: border-box;
|
547 |
+
-webkit-transition: all 0.25s ease-out;
|
548 |
+
transition: all 0.25s ease-out;
|
549 |
+
}
|
550 |
+
.mega-price-table-4 > .pricing-table header {
|
551 |
+
/* background-color: #e3187b; */
|
552 |
+
color: #ffffff;
|
553 |
+
}
|
554 |
+
.mega-price-table-4 > .pricing-table .plan-title {
|
555 |
+
background-color: rgba(0, 0, 0, 0.5);
|
556 |
+
position: relative;
|
557 |
+
margin: 0;
|
558 |
+
padding: 20px 20px 0;
|
559 |
+
text-transform: uppercase;
|
560 |
+
letter-spacing: 4px;
|
561 |
+
}
|
562 |
+
.mega-price-table-4 > .pricing-table .plan-title:after {
|
563 |
+
position: absolute;
|
564 |
+
content: '';
|
565 |
+
top: 100%;
|
566 |
+
left: 0;
|
567 |
+
width: 0;
|
568 |
+
height: 0;
|
569 |
+
border-style: solid;
|
570 |
+
border-width: 40px 300px 0 0;
|
571 |
+
border-color: rgba(0, 0, 0, 0.5) transparent transparent;
|
572 |
+
}
|
573 |
+
.mega-price-table-4 > .pricing-table .plan-cost {
|
574 |
+
padding: 40px 20px 10px;
|
575 |
+
text-align: right;
|
576 |
+
}
|
577 |
+
.mega-price-table-4 > .pricing-table .plan-price {
|
578 |
+
font-weight: normal;
|
579 |
+
font-size: 3em;
|
580 |
+
}
|
581 |
+
.mega-price-table-4 > .pricing-table .plan-type {
|
582 |
+
opacity: 0.8;
|
583 |
+
font-size: 0.7em;
|
584 |
+
text-transform: uppercase;
|
585 |
+
}
|
586 |
+
.mega-price-table-4 > .pricing-table .price-content ul {
|
587 |
+
padding: 0 0 0px;
|
588 |
+
margin: 0;
|
589 |
+
list-style: outside none none;
|
590 |
+
}
|
591 |
+
.mega-price-table-4 > .pricing-table .price-content ul li {
|
592 |
+
padding: 8px 5%;
|
593 |
+
}
|
594 |
+
.mega-price-table-4 > .pricing-table .price-content ul i {
|
595 |
+
margin-right: 8px;
|
596 |
+
color: rgba(0, 0, 0, 0.5);
|
597 |
+
}
|
598 |
+
.mega-price-table-4 > .pricing-table .plan-select {
|
599 |
+
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
600 |
+
padding: 20px;
|
601 |
+
text-align: center;
|
602 |
+
}
|
603 |
+
.mega-price-table-4 > .pricing-table .plan-select a {
|
604 |
+
background-color: #442232;
|
605 |
+
color: #ffffff;
|
606 |
+
text-decoration: none;
|
607 |
+
padding: 12px 20px;
|
608 |
+
font-size: 0.75em;
|
609 |
+
font-weight: 600;
|
610 |
+
border-radius: 20px;
|
611 |
+
text-transform: uppercase;
|
612 |
+
letter-spacing: 4px;
|
613 |
+
display: inline-block;
|
614 |
+
}
|
615 |
+
.mega-price-table-4 > .pricing-table .plan-select a:hover {
|
616 |
+
background-color: #552a3f;
|
617 |
+
}
|
618 |
+
.mega-price-table-4 > .pricing-table .featured {
|
619 |
+
margin-top: -10px;
|
620 |
+
border-color: #331926;
|
621 |
+
box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
|
622 |
+
z-index: 1;
|
623 |
+
border-radius: 8px;
|
624 |
+
}
|
625 |
+
.mega-price-table-4 > .pricing-table .featured .plan-select {
|
626 |
+
padding: 30px 20px;
|
627 |
+
}
|
628 |
+
@media only screen and (max-width: 767px) {
|
629 |
+
.mega-price-table-4 > .pricing-table .plan {
|
630 |
+
width: 50%;
|
631 |
+
}
|
632 |
+
.mega-price-table-4 > .pricing-table .plan-title,
|
633 |
+
.mega-price-table-4 > .pricing-table .plan-select a {
|
634 |
+
-webkit-transform: translateY(0);
|
635 |
+
transform: translateY(0);
|
636 |
+
}
|
637 |
+
.mega-price-table-4 > .pricing-table .plan-select,
|
638 |
+
.mega-price-table-4 > .pricing-table .featured .plan-select {
|
639 |
+
padding: 20px;
|
640 |
+
}
|
641 |
+
.mega-price-table-4 > .pricing-table .featured {
|
642 |
+
margin-top: 0;
|
643 |
+
}
|
644 |
+
}
|
645 |
+
@media only screen and (max-width: 440px) {
|
646 |
+
.mega-price-table-4 > .pricing-table .plan {
|
647 |
+
width: 100%;
|
648 |
+
}
|
649 |
+
}
|
650 |
+
|
651 |
+
|
652 |
+
/*
|
653 |
+
** pricing table style 4(two)
|
654 |
+
*/
|
655 |
+
.mega-price-table-5 > .pricing-table {
|
656 |
+
|
657 |
+
color: #000000;
|
658 |
+
text-align: center;
|
659 |
+
font-size: 16px;
|
660 |
+
width: 100%;
|
661 |
+
max-width: 1000px;
|
662 |
+
/*margin: 50px 10px 10px;*/
|
663 |
+
}
|
664 |
+
.mega-price-table-5 > .pricing-table .plan {
|
665 |
+
margin: 0;
|
666 |
+
width: 100%;
|
667 |
+
position: relative;
|
668 |
+
float: left;
|
669 |
+
overflow: hidden;
|
670 |
+
background-color: #e6e6e6;
|
671 |
+
border: 5px solid #1e1e1e;
|
672 |
+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
673 |
+
}
|
674 |
+
.mega-price-table-5 > .pricing-table .plan:hover i,
|
675 |
+
.mega-price-table-5 > .pricing-table .plan.hover i {
|
676 |
+
-webkit-transform: scale(1.2);
|
677 |
+
transform: scale(1.2);
|
678 |
+
}
|
679 |
+
.mega-price-table-5 > .pricing-table * {
|
680 |
+
-webkit-box-sizing: border-box;
|
681 |
+
box-sizing: border-box;
|
682 |
+
-webkit-transition: all 0.25s ease-out;
|
683 |
+
transition: all 0.25s ease-out;
|
684 |
+
}
|
685 |
+
.mega-price-table-5 > .pricing-table .header {
|
686 |
+
position: relative;
|
687 |
+
background-color: #191919;
|
688 |
+
color: #ffffff;
|
689 |
+
padding: 20px 20px;
|
690 |
+
}
|
691 |
+
.mega-price-table-5 > .pricing-table .header .price-title5-span {
|
692 |
+
width: 0;
|
693 |
+
height: 0;
|
694 |
+
border-style: solid;
|
695 |
+
border-width: 24px 150px 0 150px;
|
696 |
+
border-color: #191919 transparent transparent transparent;
|
697 |
+
content: '';
|
698 |
+
position: absolute;
|
699 |
+
top: 100%;
|
700 |
+
left: 50%;
|
701 |
+
-webkit-transform: translateX(-50%);
|
702 |
+
transform: translateX(-50%);
|
703 |
+
}
|
704 |
+
.mega-price-table-5 > .pricing-table .plan-title {
|
705 |
+
top: 0;
|
706 |
+
font-weight: 500;
|
707 |
+
margin: 8px 0;
|
708 |
+
text-transform: uppercase;
|
709 |
+
font-weight: 400;
|
710 |
+
letter-spacing: 1px;
|
711 |
+
}
|
712 |
+
.mega-price-table-5 > .pricing-table .plan-cost {
|
713 |
+
margin: 8px 0 0;
|
714 |
+
}
|
715 |
+
.mega-price-table-5 > .pricing-table .plan-price {
|
716 |
+
|
717 |
+
font-weight: normal;
|
718 |
+
font-size: 2em;
|
719 |
+
color: #ffffff;
|
720 |
+
}
|
721 |
+
.mega-price-table-5 > .pricing-table .plan-type {
|
722 |
+
opacity: 0.8;
|
723 |
+
color: #ffffff;
|
724 |
+
font-size: 0.7em;
|
725 |
+
text-transform: uppercase;
|
726 |
+
}
|
727 |
+
.mega-price-table-5 > .pricing-table .price-content ul {
|
728 |
+
padding: 40px 0 0;
|
729 |
+
margin: 0;
|
730 |
+
list-style: outside none none;
|
731 |
+
font-size: 0.8em;
|
732 |
+
}
|
733 |
+
.mega-price-table-5 > .pricing-table .price-content ul li {
|
734 |
+
/*border-top: 1px solid rgba(0, 0, 0, 0.2);*/
|
735 |
+
padding: 10px 5%;
|
736 |
+
font-weight: 500;
|
737 |
+
}
|
738 |
+
.mega-price-table-5 > .pricing-table .price-content ul li:nth-child(even) {
|
739 |
+
background: rgba(0, 0, 0, 0.08);
|
740 |
+
}
|
741 |
+
.mega-price-table-5 > .pricing-table .price-content ul i {
|
742 |
+
margin-right: 8px;
|
743 |
+
opacity: 0.4;
|
744 |
+
}
|
745 |
+
.mega-price-table-5 > .pricing-table .plan-select {
|
746 |
+
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
747 |
+
padding: 20px;
|
748 |
+
}
|
749 |
+
.mega-price-table-5 > .pricing-table .plan-select a {
|
750 |
+
background-color: #1e1e1e;
|
751 |
+
color: #ffffff;
|
752 |
+
text-decoration: none;
|
753 |
+
padding: 12px 20px;
|
754 |
+
font-size: 0.75em;
|
755 |
+
font-weight: 600;
|
756 |
+
text-transform: uppercase;
|
757 |
+
display: inline-block;
|
758 |
+
}
|
759 |
+
.mega-price-table-5 > .pricing-table .plan-select a:hover {
|
760 |
+
background-color: #2b2b2b;
|
761 |
+
}
|
762 |
+
.mega-price-table-5 > .pricing-table .featured {
|
763 |
+
margin-top: -10px;
|
764 |
+
border: 5px solid #2b3c4e;
|
765 |
+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
|
766 |
+
z-index: 1;
|
767 |
+
}
|
768 |
+
.mega-price-table-5 > .pricing-table .featured .header {
|
769 |
+
background-color: #222f3d;
|
770 |
+
}
|
771 |
+
.mega-price-table-5 > .pricing-table .featured .header .price-title5-span {
|
772 |
+
border-color: #222f3d transparent transparent transparent;
|
773 |
+
}
|
774 |
+
.mega-price-table-5 > .pricing-table .featured .plan-select {
|
775 |
+
padding: 30px 20px;
|
776 |
+
}
|
777 |
+
.mega-price-table-5 > .pricing-table .featured .plan-select a {
|
778 |
+
background-color: #222f3d;
|
779 |
+
}
|
780 |
+
@media only screen and (max-width: 767px) {
|
781 |
+
.mega-price-table-5 > .pricing-table .plan {
|
782 |
+
width: 50%;
|
783 |
+
}
|
784 |
+
.mega-price-table-5 > .pricing-table .plan-title,
|
785 |
+
.mega-price-table-5 > .pricing-table .plan-select a {
|
786 |
+
-webkit-transform: translateY(0);
|
787 |
+
transform: translateY(0);
|
788 |
+
}
|
789 |
+
.mega-price-table-5 > .pricing-table .plan-select,
|
790 |
+
.mega-price-table-5 > .pricing-table .featured .plan-select {
|
791 |
+
padding: 20px;
|
792 |
+
}
|
793 |
+
.mega-price-table-5 > .pricing-table .featured {
|
794 |
+
margin-top: 0;
|
795 |
+
}
|
796 |
+
}
|
797 |
+
@media only screen and (max-width: 440px) {
|
798 |
+
.mega-price-table-5 > .pricing-table .plan {
|
799 |
+
width: 100%;
|
800 |
+
}
|
801 |
+
}
|
802 |
+
|
803 |
+
|
804 |
+
/*
|
805 |
+
** 6
|
806 |
+
*/
|
807 |
+
.mega-price-table-6 .pricing-table6 {
|
808 |
+
|
809 |
+
color: #000000;
|
810 |
+
text-align: center;
|
811 |
+
font-size: 16px;
|
812 |
+
width: 100%;
|
813 |
+
max-width: 1000px;
|
814 |
+
margin: 0px 1px 0px;
|
815 |
+
}
|
816 |
+
.mega-price-table-6 .pricing-table6 h4{
|
817 |
+
color: #fff;
|
818 |
+
font-weight: normal;
|
819 |
+
}
|
820 |
+
.mega-price-table-6 .pricing-table6 .plan {
|
821 |
+
margin: 0;
|
822 |
+
width: 100%;
|
823 |
+
/*max-width: 350px;*/
|
824 |
+
position: relative;
|
825 |
+
float: left;
|
826 |
+
background-color: #e6e6e6;
|
827 |
+
border: 1px solid #191919;
|
828 |
+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
829 |
+
}
|
830 |
+
.mega-price-table-6 .pricing-table6 .plan:hover i,
|
831 |
+
.mega-price-table-6 .pricing-table6 .plan.hover i {
|
832 |
+
-webkit-transform: scale(1.2);
|
833 |
+
transform: scale(1.2);
|
834 |
+
}
|
835 |
+
.mega-price-table-6 .pricing-table6 * {
|
836 |
+
-webkit-box-sizing: border-box;
|
837 |
+
box-sizing: border-box;
|
838 |
+
-webkit-transition: all 0.25s ease-out;
|
839 |
+
transition: all 0.25s ease-out;
|
840 |
+
}
|
841 |
+
.mega-price-table-6 .pricing-table6 .header {
|
842 |
+
position: relative;
|
843 |
+
background-color: #262626;
|
844 |
+
color: #ffffff;
|
845 |
+
padding: 20px 20px;
|
846 |
+
}
|
847 |
+
.mega-price-table-6 .pricing-table6 .header i {
|
848 |
+
font-size: 56px;
|
849 |
+
margin: 8px 0;
|
850 |
+
display: inline-block;
|
851 |
+
color: #fff;
|
852 |
+
font-weight: normal;
|
853 |
+
}
|
854 |
+
.mega-price-table-6 .pricing-table6 .plan-title {
|
855 |
+
top: 0;
|
856 |
+
font-weight: 500;
|
857 |
+
margin: 8px 0;
|
858 |
+
text-transform: uppercase;
|
859 |
+
font-weight: 400;
|
860 |
+
letter-spacing: 1px;
|
861 |
+
}
|
862 |
+
.mega-price-table-6 .pricing-table6 .plan-cost {
|
863 |
+
margin: 8px 0;
|
864 |
+
}
|
865 |
+
.mega-price-table-6 .pricing-table6 .plan-price {
|
866 |
+
|
867 |
+
color: #fff;
|
868 |
+
font-weight: normal;
|
869 |
+
font-size: 1.3em;
|
870 |
+
color: #ffffff;
|
871 |
+
}
|
872 |
+
.mega-price-table-6 .pricing-table6 .plan-type {
|
873 |
+
opacity: 0.8;
|
874 |
+
color: #ffffff;
|
875 |
+
font-size: 0.7em;
|
876 |
+
text-transform: uppercase;
|
877 |
+
}
|
878 |
+
.mega-price-table-6 .pricing-table6 .price-content ul {
|
879 |
+
padding: 0;
|
880 |
+
margin: 0;
|
881 |
+
text-align: center;
|
882 |
+
list-style: outside none none;
|
883 |
+
font-size: 0.8em;
|
884 |
+
}
|
885 |
+
.mega-price-table-6 .pricing-table6 .price-content ul li {
|
886 |
+
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
887 |
+
padding: 10px 5%;
|
888 |
+
font-weight: 500;
|
889 |
+
}
|
890 |
+
.mega-price-table-6 .pricing-table6 .price-content ul li:nth-child(even) {
|
891 |
+
/*background: rgba(0, 0, 0, 0.08);*/
|
892 |
+
}
|
893 |
+
.mega-price-table-6 .pricing-table6 .price-content ul i {
|
894 |
+
margin-right: 8px;
|
895 |
+
opacity: 0.4;
|
896 |
+
}
|
897 |
+
.mega-price-table-6 .pricing-table6 .plan-select {
|
898 |
+
background-color: #191919;
|
899 |
+
}
|
900 |
+
.mega-price-table-6 .pricing-table6 .plan-select a {
|
901 |
+
color: #ffffff;
|
902 |
+
text-decoration: none;
|
903 |
+
padding: 20px;
|
904 |
+
width: 100%;
|
905 |
+
font-size: 0.75em;
|
906 |
+
font-weight: 600;
|
907 |
+
text-transform: uppercase;
|
908 |
+
display: inline-block;
|
909 |
+
}
|
910 |
+
.mega-price-table-6 .pricing-table6 .plan-select a:hover {
|
911 |
+
/*background-color: #262626;*/
|
912 |
+
}
|
913 |
+
.mega-price-table-6 .pricing-table6 .featured {
|
914 |
+
margin-top: -10px;
|
915 |
+
background-color: #262626;
|
916 |
+
color: #ffffff;
|
917 |
+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
|
918 |
+
z-index: 1;
|
919 |
+
}
|
920 |
+
.mega-price-table-6 .pricing-table6 .featured .plan-select a {
|
921 |
+
padding: 35px 25px;
|
922 |
+
}
|
923 |
+
@media only screen and (max-width: 767px) {
|
924 |
+
.mega-price-table-6 .pricing-table6 .plan {
|
925 |
+
width: 50%;
|
926 |
+
}
|
927 |
+
.mega-price-table-6 .pricing-table6 .plan-title,
|
928 |
+
.mega-price-table-6 .pricing-table6 .plan-select a {
|
929 |
+
-webkit-transform: translateY(0);
|
930 |
+
transform: translateY(0);
|
931 |
+
}
|
932 |
+
.mega-price-table-6 .pricing-table6 .plan-select a,
|
933 |
+
.mega-price-table-6 .pricing-table6 .featured .plan-select a {
|
934 |
+
padding: 20px;
|
935 |
+
}
|
936 |
+
.mega-price-table-6 .pricing-table6 .featured {
|
937 |
+
margin-top: 0;
|
938 |
+
}
|
939 |
+
}
|
940 |
+
@media only screen and (max-width: 440px) {
|
941 |
+
.mega-price-table-6 .pricing-table6 .plan {
|
942 |
+
width: 100%;
|
943 |
+
}
|
944 |
+
}
|
945 |
+
|
946 |
+
|
947 |
+
/*
|
948 |
+
** style 7 seven
|
949 |
+
*/
|
950 |
+
.mega-price-table-7 .pricing-table7 {
|
951 |
+
|
952 |
+
color: #000000;
|
953 |
+
text-align: center;
|
954 |
+
font-size: 16px;
|
955 |
+
width: 100%;
|
956 |
+
max-width: 1000px;
|
957 |
+
/*margin: 50px 10px;*/
|
958 |
+
}
|
959 |
+
.mega-price-table-7 .pricing-table7 .plan {
|
960 |
+
margin: 0;
|
961 |
+
width: 100%;
|
962 |
+
/*max-width: 350px;*/
|
963 |
+
position: relative;
|
964 |
+
float: left;
|
965 |
+
background-color: #ffffff;
|
966 |
+
border: 1px solid #07151f;
|
967 |
+
}
|
968 |
+
.mega-price-table-7 .pricing-table7 .plan:hover .plan-cost,
|
969 |
+
.mega-price-table-7 .pricing-table7 .plan.hover .plan-cost {
|
970 |
+
-webkit-transform: scale(1.1);
|
971 |
+
transform: scale(1.1);
|
972 |
+
}
|
973 |
+
.mega-price-table-7 .pricing-table7 * {
|
974 |
+
-webkit-box-sizing: border-box;
|
975 |
+
box-sizing: border-box;
|
976 |
+
-webkit-transition: all 0.25s ease-out;
|
977 |
+
transition: all 0.25s ease-out;
|
978 |
+
}
|
979 |
+
.mega-price-table-7 .pricing-table7 .header {
|
980 |
+
position: relative;
|
981 |
+
background-color: #0d293c;
|
982 |
+
color: #ffffff;
|
983 |
+
padding: 20px 20px;
|
984 |
+
padding-bottom: 25px;
|
985 |
+
}
|
986 |
+
.mega-price-table-7 .pricing-table7 .plan-title {
|
987 |
+
top: 0;
|
988 |
+
font-size: 1.4em;
|
989 |
+
font-weight: 500;
|
990 |
+
/*padding-bottom: 10px;*/
|
991 |
+
margin: 0;
|
992 |
+
text-transform: uppercase;
|
993 |
+
color: #fff;
|
994 |
+
}
|
995 |
+
.mega-price-table-7 .pricing-table7 h5 {
|
996 |
+
color: #fff;
|
997 |
+
font-weight: normal;
|
998 |
+
font-size: 14px;
|
999 |
+
padding-bottom: 20px;
|
1000 |
+
margin-top: 10px;
|
1001 |
+
}
|
1002 |
+
.mega-price-table-7 .pricing-table7 .plan-cost {
|
1003 |
+
/*filter: brightness(115%);
|
1004 |
+
background-color: #123851;*/
|
1005 |
+
border: 2px solid #fff;
|
1006 |
+
border-radius: 50%;
|
1007 |
+
text-align: center;
|
1008 |
+
/*line-height: 90px;*/
|
1009 |
+
width: 90px;
|
1010 |
+
height: 90px;
|
1011 |
+
margin: 0 auto;
|
1012 |
+
display: table;
|
1013 |
+
}
|
1014 |
+
.mega-price-table-7 .pricing-table7 .plan-price {
|
1015 |
+
display: block;
|
1016 |
+
font-weight: normal;
|
1017 |
+
font-size: 1.3em;
|
1018 |
+
color: #ffffff;
|
1019 |
+
}
|
1020 |
+
.mega-price-table-7 .pricing-table7 .plan-type {
|
1021 |
+
opacity: 0.8;
|
1022 |
+
color: #ffffff;
|
1023 |
+
font-size: 0.7em;
|
1024 |
+
}
|
1025 |
+
.mega-price-table-7 .pricing-table7 .price-content ul {
|
1026 |
+
padding: 0;
|
1027 |
+
margin: 0;
|
1028 |
+
padding-bottom: 10px;
|
1029 |
+
text-align: center;
|
1030 |
+
list-style: outside none none;
|
1031 |
+
font-size: 0.8em;
|
1032 |
+
}
|
1033 |
+
.mega-price-table-7 .pricing-table7 .price-content ul li {
|
1034 |
+
/*border-top: 1px solid rgba(0, 0, 0, 0.2);*/
|
1035 |
+
padding: 5px 5%;
|
1036 |
+
color: #fff;
|
1037 |
+
}
|
1038 |
+
.mega-price-table-7 .pricing-table7 .price-content ul li:nth-child(even) {
|
1039 |
+
/*background: rgba(0, 0, 0, 0.08);*/
|
1040 |
+
}
|
1041 |
+
.mega-price-table-7 .pricing-table7 .price-content ul i {
|
1042 |
+
margin-right: 8px;
|
1043 |
+
opacity: 0.4;
|
1044 |
+
}
|
1045 |
+
.mega-price-table-7 .pricing-table7 .plan-select {
|
1046 |
+
background-color: #333333;
|
1047 |
+
padding: 15px 0;
|
1048 |
+
}
|
1049 |
+
.mega-price-table-7 .pricing-table7 .plan-select a {
|
1050 |
+
color: #ffffff;
|
1051 |
+
text-decoration: none;
|
1052 |
+
padding: 4px 17px;
|
1053 |
+
border-radius: 25px;
|
1054 |
+
font-size: 14px;
|
1055 |
+
/*width: 100%;*/
|
1056 |
+
/*font-weight: 500;*/
|
1057 |
+
text-transform: uppercase;
|
1058 |
+
display: inline-block;
|
1059 |
+
}
|
1060 |
+
.mega-price-table-7 .pricing-table7 .plan-select a:hover {
|
1061 |
+
/*background-color: #0d293c;*/
|
1062 |
+
}
|
1063 |
+
.mega-price-table-7 .pricing-table7 .featured {
|
1064 |
+
margin-top: -10px;
|
1065 |
+
background-color: #0d293c;
|
1066 |
+
color: #ffffff;
|
1067 |
+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
|
1068 |
+
z-index: 1;
|
1069 |
+
}
|
1070 |
+
.mega-price-table-7 .pricing-table7 .featured .plan-select a {
|
1071 |
+
padding: 35px 25px;
|
1072 |
+
}
|
1073 |
+
@media only screen and (max-width: 767px) {
|
1074 |
+
.mega-price-table-7 .pricing-table7 .plan {
|
1075 |
+
width: 50%;
|
1076 |
+
}
|
1077 |
+
.mega-price-table-7 .pricing-table7 .plan-select a,
|
1078 |
+
.mega-price-table-7 .pricing-table7 .featured .plan-select a {
|
1079 |
+
padding: 20px;
|
1080 |
+
}
|
1081 |
+
.mega-price-table-7 .pricing-table7 .featured {
|
1082 |
+
margin-top: 0;
|
1083 |
+
}
|
1084 |
+
}
|
1085 |
+
@media only screen and (max-width: 440px) {
|
1086 |
+
.mega-price-table-7 .pricing-table7 .plan {
|
1087 |
+
width: 100%;
|
1088 |
+
}
|
1089 |
+
}
|
1090 |
+
|
1091 |
+
.mega-price-table-8 {
|
1092 |
+
width: 100%;
|
1093 |
+
background: #f7f7f7;
|
1094 |
+
color: #777;
|
1095 |
+
border-bottom: 5px solid #ddd;
|
1096 |
+
transform: scale(1.03);
|
1097 |
+
-webkit-transition: all .3s linear;
|
1098 |
+
transition: all .3s linear;
|
1099 |
+
}
|
1100 |
+
.mega-price-table-8:hover {
|
1101 |
+
-webkit-box-shadow: 0 0 7px rgba(167,167,167,.5);
|
1102 |
+
box-shadow: 0 0 7px rgba(167,167,167,.5);
|
1103 |
+
}
|
1104 |
+
.mega-price-table-8 .price-head {
|
1105 |
+
padding: 20px 0;
|
1106 |
+
text-align: center;
|
1107 |
+
}
|
1108 |
+
.mega-price-table-8 .price-head h3 {
|
1109 |
+
padding: 0;
|
1110 |
+
margin: 0;
|
1111 |
+
font-size: 16px;
|
1112 |
+
font-weight: normal;
|
1113 |
+
line-height: 1.4em;
|
1114 |
+
color: inherit;
|
1115 |
+
color: #fff;
|
1116 |
+
lett
|
1117 |
+
}
|
1118 |
+
.mega-price-table-8 .price-head h5 {
|
1119 |
+
padding: 0;
|
1120 |
+
margin: 4px 20px 15px;
|
1121 |
+
font-size: 12px;
|
1122 |
+
font-weight: normal;
|
1123 |
+
color: inherit;
|
1124 |
+
color: #fff;
|
1125 |
+
}
|
1126 |
+
.mega-price-table-8 .price-box {
|
1127 |
+
text-align: center;
|
1128 |
+
padding: 0 0 10px 0;
|
1129 |
+
margin-top: -1px
|
1130 |
+
}
|
1131 |
+
.mega-price-table-8 .price-box span {
|
1132 |
+
color: #fff;
|
1133 |
+
line-height: 1;
|
1134 |
+
}
|
1135 |
+
|
1136 |
+
.mega-price-table-8 .price-box .plan-price{
|
1137 |
+
font-size: 40px;
|
1138 |
+
display: block;
|
1139 |
+
}
|
1140 |
+
.mega-price-table-8 .price-box .plan-type{
|
1141 |
+
font-size: 14px;
|
1142 |
+
}
|
1143 |
+
.mega-price-table-8 .price-content ul{
|
1144 |
+
list-style-type: none;
|
1145 |
+
text-align: center;
|
1146 |
+
padding-top: 8px;
|
1147 |
+
margin: 0;
|
1148 |
+
}
|
1149 |
+
.mega-price-table-8 .price-content ul li {
|
1150 |
+
border-bottom: 1px solid #ededed;
|
1151 |
+
line-height: 2.2em;
|
1152 |
+
margin-left: 30px;
|
1153 |
+
margin-right: 30px;
|
1154 |
+
}
|
1155 |
+
.mega-price-table-8 .price-table-wrap {
|
1156 |
+
padding: 25px 0 15px 0;
|
1157 |
+
text-align: center;
|
1158 |
+
}
|
1159 |
+
.mega-price-table-8 .price-table-wrap .price-table-btn {
|
1160 |
+
font-weight: normal;
|
1161 |
+
color: #fff;
|
1162 |
+
background: #555;
|
1163 |
+
-webkit-border-radius: 3px;
|
1164 |
+
border-radius: 3px;
|
1165 |
+
padding: 10px;
|
1166 |
+
display: inline-block;
|
1167 |
+
text-decoration: none;
|
1168 |
+
font-weight: 400;
|
1169 |
+
line-height: 1em;
|
1170 |
}
|
css/simplegrid.css
DELETED
@@ -1,249 +0,0 @@
|
|
1 |
-
.na-prefix {
|
2 |
-
/*
|
3 |
-
Simple Grid
|
4 |
-
Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
|
5 |
-
Project Page - http://thisisdallas.github.com/Simple-Grid/
|
6 |
-
Author - Dallas Bass
|
7 |
-
Site - dallasbass.com
|
8 |
-
*/
|
9 |
-
/* Content Columns */
|
10 |
-
/* Layout Columns */
|
11 |
-
/* Pushing blocks */
|
12 |
-
}
|
13 |
-
.na-prefix *,
|
14 |
-
.na-prefix *:after,
|
15 |
-
.na-prefix *:before {
|
16 |
-
-webkit-box-sizing: border-box;
|
17 |
-
-moz-box-sizing: border-box;
|
18 |
-
box-sizing: border-box;
|
19 |
-
}
|
20 |
-
.na-prefix body {
|
21 |
-
margin: 0px;
|
22 |
-
}
|
23 |
-
.na-prefix [class*='col-'] {
|
24 |
-
float: left;
|
25 |
-
padding-right: 10px;
|
26 |
-
/* column-space */
|
27 |
-
}
|
28 |
-
.na-prefix .grid {
|
29 |
-
width: 100%;
|
30 |
-
margin: 0 auto;
|
31 |
-
overflow: visible;
|
32 |
-
}
|
33 |
-
.na-prefix .grid:after {
|
34 |
-
content: "";
|
35 |
-
display: table;
|
36 |
-
clear: both;
|
37 |
-
}
|
38 |
-
.na-prefix .grid-pad {
|
39 |
-
padding-top: 20px;
|
40 |
-
padding-left: 10px;
|
41 |
-
/* grid-space to left */
|
42 |
-
padding-right: 0px;
|
43 |
-
/* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
|
44 |
-
}
|
45 |
-
.na-prefix .push-right {
|
46 |
-
float: right;
|
47 |
-
}
|
48 |
-
.na-prefix .col-1-1 {
|
49 |
-
width: 100%;
|
50 |
-
}
|
51 |
-
.na-prefix .col-2-3,
|
52 |
-
.na-prefix .col-8-12 {
|
53 |
-
width: 66.66%;
|
54 |
-
}
|
55 |
-
.na-prefix .col-1-2,
|
56 |
-
.na-prefix .col-6-12 {
|
57 |
-
width: 50%;
|
58 |
-
}
|
59 |
-
.na-prefix .col-1-3,
|
60 |
-
.na-prefix .col-4-12 {
|
61 |
-
width: 33.33%;
|
62 |
-
}
|
63 |
-
.na-prefix .col-1-4,
|
64 |
-
.na-prefix .col-3-12 {
|
65 |
-
width: 25%;
|
66 |
-
}
|
67 |
-
.na-prefix .col-1-5 {
|
68 |
-
width: 20%;
|
69 |
-
}
|
70 |
-
.na-prefix .col-1-6,
|
71 |
-
.na-prefix .col-2-12 {
|
72 |
-
width: 16.667%;
|
73 |
-
}
|
74 |
-
.na-prefix .col-1-7 {
|
75 |
-
width: 14.28%;
|
76 |
-
}
|
77 |
-
.na-prefix .col-1-8 {
|
78 |
-
width: 12.5%;
|
79 |
-
}
|
80 |
-
.na-prefix .col-1-9 {
|
81 |
-
width: 11.1%;
|
82 |
-
}
|
83 |
-
.na-prefix .col-1-10 {
|
84 |
-
width: 10%;
|
85 |
-
}
|
86 |
-
.na-prefix .col-1-11 {
|
87 |
-
width: 9.09%;
|
88 |
-
}
|
89 |
-
.na-prefix .col-1-12 {
|
90 |
-
width: 8.33%;
|
91 |
-
}
|
92 |
-
.na-prefix .col-11-12 {
|
93 |
-
width: 91.66%;
|
94 |
-
}
|
95 |
-
.na-prefix .col-10-12 {
|
96 |
-
width: 83.333%;
|
97 |
-
}
|
98 |
-
.na-prefix .col-9-12 {
|
99 |
-
width: 75%;
|
100 |
-
}
|
101 |
-
.na-prefix .col-5-12 {
|
102 |
-
width: 41.66%;
|
103 |
-
}
|
104 |
-
.na-prefix .col-7-12 {
|
105 |
-
width: 58.33%;
|
106 |
-
}
|
107 |
-
.na-prefix .push-2-3,
|
108 |
-
.na-prefix .push-8-12 {
|
109 |
-
margin-left: 66.66%;
|
110 |
-
}
|
111 |
-
.na-prefix .push-1-2,
|
112 |
-
.na-prefix .push-6-12 {
|
113 |
-
margin-left: 50%;
|
114 |
-
}
|
115 |
-
.na-prefix .push-1-3,
|
116 |
-
.na-prefix .push-4-12 {
|
117 |
-
margin-left: 33.33%;
|
118 |
-
}
|
119 |
-
.na-prefix .push-1-4,
|
120 |
-
.na-prefix .push-3-12 {
|
121 |
-
margin-left: 25%;
|
122 |
-
}
|
123 |
-
.na-prefix .push-1-5 {
|
124 |
-
margin-left: 20%;
|
125 |
-
}
|
126 |
-
.na-prefix .push-1-6,
|
127 |
-
.na-prefix .push-2-12 {
|
128 |
-
margin-left: 16.667%;
|
129 |
-
}
|
130 |
-
.na-prefix .push-1-7 {
|
131 |
-
margin-left: 14.28%;
|
132 |
-
}
|
133 |
-
.na-prefix .push-1-8 {
|
134 |
-
margin-left: 12.5%;
|
135 |
-
}
|
136 |
-
.na-prefix .push-1-9 {
|
137 |
-
margin-left: 11.1%;
|
138 |
-
}
|
139 |
-
.na-prefix .push-1-10 {
|
140 |
-
margin-left: 10%;
|
141 |
-
}
|
142 |
-
.na-prefix .push-1-11 {
|
143 |
-
margin-left: 9.09%;
|
144 |
-
}
|
145 |
-
.na-prefix .push-1-12 {
|
146 |
-
margin-left: 8.33%;
|
147 |
-
}
|
148 |
-
@media handheld, only screen and (max-width: 480px) {
|
149 |
-
.na-prefix {
|
150 |
-
/* Mobile Layout */
|
151 |
-
/* Layout Columns */
|
152 |
-
}
|
153 |
-
.na-prefix .grid {
|
154 |
-
width: 100%;
|
155 |
-
min-width: 0;
|
156 |
-
margin-left: 0px;
|
157 |
-
margin-right: 0px;
|
158 |
-
/*padding-left: 20px;*/
|
159 |
-
/* grid-space to left */
|
160 |
-
/*padding-right: 10px;*/
|
161 |
-
/* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
|
162 |
-
}
|
163 |
-
.na-prefix [class*='col-'] {
|
164 |
-
width: auto;
|
165 |
-
float: none;
|
166 |
-
margin-left: 0px;
|
167 |
-
margin-right: 0px;
|
168 |
-
margin-top: 10px;
|
169 |
-
margin-bottom: 10px;
|
170 |
-
padding-left: 0px;
|
171 |
-
padding-right: 10px;
|
172 |
-
/* column-space */
|
173 |
-
}
|
174 |
-
.na-prefix [class*='mobile-col-'] {
|
175 |
-
float: left;
|
176 |
-
margin-left: 0px;
|
177 |
-
margin-right: 0px;
|
178 |
-
margin-top: 0px;
|
179 |
-
margin-bottom: 10px;
|
180 |
-
padding-left: 0px;
|
181 |
-
padding-right: 10px;
|
182 |
-
/* column-space */
|
183 |
-
padding-bottom: 0px;
|
184 |
-
}
|
185 |
-
.na-prefix .mobile-col-1-1 {
|
186 |
-
width: 100%;
|
187 |
-
}
|
188 |
-
.na-prefix .mobile-col-2-3,
|
189 |
-
.na-prefix .mobile-col-8-12 {
|
190 |
-
width: 66.66%;
|
191 |
-
}
|
192 |
-
.na-prefix .mobile-col-1-2,
|
193 |
-
.na-prefix .mobile-col-6-12 {
|
194 |
-
width: 50%;
|
195 |
-
}
|
196 |
-
.na-prefix .mobile-col-1-3,
|
197 |
-
.na-prefix .mobile-col-4-12 {
|
198 |
-
width: 33.33%;
|
199 |
-
}
|
200 |
-
.na-prefix .mobile-col-1-4,
|
201 |
-
.na-prefix .mobile-col-3-12 {
|
202 |
-
width: 25%;
|
203 |
-
}
|
204 |
-
.na-prefix .mobile-col-1-5 {
|
205 |
-
width: 20%;
|
206 |
-
}
|
207 |
-
.na-prefix .mobile-col-1-6,
|
208 |
-
.na-prefix .mobile-col-2-12 {
|
209 |
-
width: 16.667%;
|
210 |
-
}
|
211 |
-
.na-prefix .mobile-col-1-7 {
|
212 |
-
width: 14.28%;
|
213 |
-
}
|
214 |
-
.na-prefix .mobile-col-1-8 {
|
215 |
-
width: 12.5%;
|
216 |
-
}
|
217 |
-
.na-prefix .mobile-col-1-9 {
|
218 |
-
width: 11.1%;
|
219 |
-
}
|
220 |
-
.na-prefix .mobile-col-1-10 {
|
221 |
-
width: 10%;
|
222 |
-
}
|
223 |
-
.na-prefix .mobile-col-1-11 {
|
224 |
-
width: 9.09%;
|
225 |
-
}
|
226 |
-
.na-prefix .mobile-col-1-12 {
|
227 |
-
width: 8.33%;
|
228 |
-
}
|
229 |
-
.na-prefix .mobile-col-11-12 {
|
230 |
-
width: 91.66%;
|
231 |
-
}
|
232 |
-
.na-prefix .mobile-col-10-12 {
|
233 |
-
width: 83.333%;
|
234 |
-
}
|
235 |
-
.na-prefix .mobile-col-9-12 {
|
236 |
-
width: 75%;
|
237 |
-
}
|
238 |
-
.na-prefix .mobile-col-5-12 {
|
239 |
-
width: 41.66%;
|
240 |
-
}
|
241 |
-
.na-prefix .mobile-col-7-12 {
|
242 |
-
width: 58.33%;
|
243 |
-
}
|
244 |
-
.na-prefix .hide-on-mobile {
|
245 |
-
display: none !important;
|
246 |
-
width: 0;
|
247 |
-
height: 0;
|
248 |
-
}
|
249 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
css/slick-carousal.css
CHANGED
@@ -104,6 +104,11 @@
|
|
104 |
visibility: hidden;
|
105 |
}
|
106 |
|
|
|
|
|
|
|
|
|
|
|
107 |
.slick-slide
|
108 |
{
|
109 |
display: none;
|
@@ -233,7 +238,7 @@
|
|
233 |
|
234 |
.slick-prev
|
235 |
{
|
236 |
-
left: 40px;
|
237 |
z-index: 99;
|
238 |
}
|
239 |
[dir='rtl'] .slick-prev
|
@@ -243,7 +248,7 @@
|
|
243 |
}
|
244 |
.slick-prev:before
|
245 |
{
|
246 |
-
content: "\f104";
|
247 |
font-weight: bold;
|
248 |
}
|
249 |
[dir='rtl'] .slick-prev:before
|
@@ -368,14 +373,7 @@
|
|
368 |
/* Custom Coding
|
369 |
==========================================*/
|
370 |
.tdt-slider .slick-slide {
|
371 |
-
padding: 0
|
372 |
-
}
|
373 |
-
.tdt-slider .carousel-caption {
|
374 |
-
position: inherit !important;
|
375 |
-
}
|
376 |
-
.tdt-slider .carousel-caption {
|
377 |
-
left: 0%;
|
378 |
-
right: 0%;
|
379 |
}
|
380 |
.ultimate_carousel_btn:hover {
|
381 |
text-decoration: none;
|
@@ -387,6 +385,13 @@
|
|
387 |
.slick-slider .slick-arrow {
|
388 |
border: 0px !important;
|
389 |
background: none !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
390 |
}
|
391 |
|
392 |
/* Media Query
|
@@ -402,7 +407,7 @@
|
|
402 |
font-size: 17px !important;
|
403 |
font-weight: bold;
|
404 |
}
|
405 |
-
.tdt-slider h1, h3, p, span {
|
406 |
font-size: 15px !important;
|
407 |
}
|
408 |
.tdt-slider .carousel_btn_span a {
|
104 |
visibility: hidden;
|
105 |
}
|
106 |
|
107 |
+
.default-tdt .slick-slide {
|
108 |
+
padding-right: 7px;
|
109 |
+
padding-left: 7px;
|
110 |
+
}
|
111 |
+
|
112 |
.slick-slide
|
113 |
{
|
114 |
display: none;
|
238 |
|
239 |
.slick-prev
|
240 |
{
|
241 |
+
left: 40px !important;
|
242 |
z-index: 99;
|
243 |
}
|
244 |
[dir='rtl'] .slick-prev
|
248 |
}
|
249 |
.slick-prev:before
|
250 |
{
|
251 |
+
content: "\f104" !important;
|
252 |
font-weight: bold;
|
253 |
}
|
254 |
[dir='rtl'] .slick-prev:before
|
373 |
/* Custom Coding
|
374 |
==========================================*/
|
375 |
.tdt-slider .slick-slide {
|
376 |
+
padding: 0 5px !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
377 |
}
|
378 |
.ultimate_carousel_btn:hover {
|
379 |
text-decoration: none;
|
385 |
.slick-slider .slick-arrow {
|
386 |
border: 0px !important;
|
387 |
background: none !important;
|
388 |
+
display: block !important;
|
389 |
+
}
|
390 |
+
.tdt-slider .carousel-caption {
|
391 |
+
position: initial !important;
|
392 |
+
}
|
393 |
+
.post-content-box div {
|
394 |
+
max-width: initial !important;
|
395 |
}
|
396 |
|
397 |
/* Media Query
|
407 |
font-size: 17px !important;
|
408 |
font-weight: bold;
|
409 |
}
|
410 |
+
.tdt-slider h1, .tdt-slider h3, .tdt-slider p, .tdt-slider span {
|
411 |
font-size: 15px !important;
|
412 |
}
|
413 |
.tdt-slider .carousel_btn_span a {
|
css/statcounter.css
CHANGED
@@ -7,9 +7,6 @@
|
|
7 |
Style number 1
|
8 |
*********************/
|
9 |
|
10 |
-
#mega_count_bar {
|
11 |
-
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
12 |
-
}
|
13 |
#mega_count_bar .mega_count_img img {
|
14 |
display: block;
|
15 |
margin: 0 auto;
|
@@ -47,9 +44,6 @@ Style number 1
|
|
47 |
Style number 2
|
48 |
*********************/
|
49 |
|
50 |
-
#mega_count_bar_2 {
|
51 |
-
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
52 |
-
}
|
53 |
#mega_count_bar_2 .mega_count_img {
|
54 |
text-align: left;
|
55 |
display: table-cell;
|
@@ -84,9 +78,6 @@ Style number 2
|
|
84 |
Style number 3
|
85 |
*********************/
|
86 |
|
87 |
-
#mega_count_bar_3 {
|
88 |
-
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
89 |
-
}
|
90 |
#mega_count_bar_3 .mega_count_img {
|
91 |
text-align: left;
|
92 |
display: table-cell;
|
@@ -125,9 +116,6 @@ Style number 3
|
|
125 |
Style number 4
|
126 |
*********************/
|
127 |
|
128 |
-
#mega_count_bar_4 {
|
129 |
-
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
130 |
-
}
|
131 |
#mega_count_bar_4 .mega_count_img img {
|
132 |
display: block;
|
133 |
margin: 0 auto;
|
7 |
Style number 1
|
8 |
*********************/
|
9 |
|
|
|
|
|
|
|
10 |
#mega_count_bar .mega_count_img img {
|
11 |
display: block;
|
12 |
margin: 0 auto;
|
44 |
Style number 2
|
45 |
*********************/
|
46 |
|
|
|
|
|
|
|
47 |
#mega_count_bar_2 .mega_count_img {
|
48 |
text-align: left;
|
49 |
display: table-cell;
|
78 |
Style number 3
|
79 |
*********************/
|
80 |
|
|
|
|
|
|
|
81 |
#mega_count_bar_3 .mega_count_img {
|
82 |
text-align: left;
|
83 |
display: table-cell;
|
116 |
Style number 4
|
117 |
*********************/
|
118 |
|
|
|
|
|
|
|
119 |
#mega_count_bar_4 .mega_count_img img {
|
120 |
display: block;
|
121 |
margin: 0 auto;
|
css/style.css
CHANGED
@@ -19,6 +19,11 @@
|
|
19 |
-ms-box-shadow: 0 0 7px #404040;
|
20 |
box-shadow: 0 0 7px #404040;
|
21 |
}
|
|
|
|
|
|
|
|
|
|
|
22 |
.mega-model-popup h2{
|
23 |
/*margin: 0 !important;*/
|
24 |
}
|
@@ -48,7 +53,6 @@
|
|
48 |
display: none;
|
49 |
}
|
50 |
.mega-model-popup {
|
51 |
-
/*top: 70px !important;*/
|
52 |
margin-right: 10px;
|
53 |
margin-top: 0 !important;
|
54 |
}
|
19 |
-ms-box-shadow: 0 0 7px #404040;
|
20 |
box-shadow: 0 0 7px #404040;
|
21 |
}
|
22 |
+
.modal-popup-box .model-popup-btn {
|
23 |
+
-webkit-transition: all 0.2s;
|
24 |
+
-moz-transition: all 0.2s;
|
25 |
+
transition: all 0.2s;
|
26 |
+
}
|
27 |
.mega-model-popup h2{
|
28 |
/*margin: 0 !important;*/
|
29 |
}
|
53 |
display: none;
|
54 |
}
|
55 |
.mega-model-popup {
|
|
|
56 |
margin-right: 10px;
|
57 |
margin-top: 0 !important;
|
58 |
}
|
css/testimonial.css
CHANGED
@@ -83,7 +83,7 @@ content: "";
|
|
83 |
border-radius: 50%;
|
84 |
width: 80px;
|
85 |
margin-bottom: -20px;
|
86 |
-
z-index:
|
87 |
position: relative;
|
88 |
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
|
89 |
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
|
83 |
border-radius: 50%;
|
84 |
width: 80px;
|
85 |
margin-bottom: -20px;
|
86 |
+
z-index: 1;
|
87 |
position: relative;
|
88 |
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
|
89 |
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
|
images/slider.png → icons/beforeAfter.png
RENAMED
Binary file
|
icons/dual-btn.png
ADDED
Binary file
|
icons/int-banner2.png
ADDED
Binary file
|
icons/{pro.png → post-grid.png}
RENAMED
Binary file
|
icons/postcarousel.png
ADDED
Binary file
|
images/advanceprice.png
DELETED
Binary file
|
images/countdown.jpg
DELETED
Binary file
|
images/counter.jpg
DELETED
Binary file
|
images/creativelink.png
DELETED
Binary file
|
images/flipbox.png
DELETED
Binary file
|
images/hoverbutton.png
DELETED
Binary file
|
images/ihe.png
DELETED
Binary file
|
images/infobanner.png
DELETED
Binary file
|
images/infobox.png
DELETED
Binary file
|
images/loader.gif
ADDED
Binary file
|
images/memberprofile.jpg
DELETED
Binary file
|
images/photobook.png
DELETED
Binary file
|
images/popup.png
DELETED
Binary file
|
images/price.png
DELETED
Binary file
|
images/social.jpg
DELETED
Binary file
|
images/texttype.jpg
DELETED
Binary file
|
images/texttypes.jpg
DELETED
Binary file
|
images/timeline.png
DELETED
Binary file
|
images/triangle.svg
ADDED
@@ -0,0 +1,5 @@
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0" encoding="utf-8"?>
|
2 |
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
3 |
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" preserverAspectRatio="none" viewBox="0 0 48 36">
|
4 |
+
<polygon fill="#fff" points="0,36 48,0 48,36 "/>
|
5 |
+
</svg>
|
images/triangle2.svg
ADDED
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0" encoding="utf-8"?>
|
2 |
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
3 |
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" preserverAspectRatio="none" viewBox="0 0 48 36">
|
4 |
+
<path fill="#675983" d="M0,0v36h48V0H0z M24.072,33.688L3.542,3h40.917L24.072,33.688z"/>
|
5 |
+
<path fill="#675983" d="M0,0v36h48V0H0z M24.072,33.688L3.542,3h40.917L24.072,33.688z"/>
|
6 |
+
</svg>
|
images/visual_composer.png
ADDED
Binary file
|
includes/AdPriceSetting.php
DELETED
@@ -1,163 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$priceVisibility = array(
|
3 |
-
'Show' => 'block',
|
4 |
-
'Hide' => 'none',
|
5 |
-
);
|
6 |
-
$btnVisibility = array(
|
7 |
-
'Show' => 'block',
|
8 |
-
'Hide' => 'none',
|
9 |
-
);
|
10 |
-
$offerVisibility = array(
|
11 |
-
'Show' => 'block',
|
12 |
-
'Hide' => 'none',
|
13 |
-
);
|
14 |
-
|
15 |
-
$AdPrice_params = array(
|
16 |
-
array(
|
17 |
-
"type" => "dropdown",
|
18 |
-
"heading" => __( 'Show/Hide Offer', 'pt-vc' ),
|
19 |
-
"param_name" => "offer_visibility",
|
20 |
-
"description" => __( 'Select Show or Hide offer ', 'pt-vc' ),
|
21 |
-
"group" => 'Offer',
|
22 |
-
"value" => $offerVisibility,
|
23 |
-
),
|
24 |
-
array(
|
25 |
-
"type" => "textfield",
|
26 |
-
"heading" => __( 'Offer text', 'pt-vc' ),
|
27 |
-
"param_name" => "offer_text",
|
28 |
-
"description" => __( 'Write text for showing best offer in Ribbon e.g BEST', 'pt-vc' ),
|
29 |
-
"group" => 'Offer',
|
30 |
-
),
|
31 |
-
array(
|
32 |
-
"type" => "colorpicker",
|
33 |
-
"heading" => __( 'Offer Background color', 'pt-vc' ),
|
34 |
-
"param_name" => "offer_bg",
|
35 |
-
"description" => __( 'background color of offer', 'pt-vc' ),
|
36 |
-
"group" => 'Offer',
|
37 |
-
),
|
38 |
-
array(
|
39 |
-
"type" => "textfield",
|
40 |
-
"heading" => __( 'Price margin from top', 'pt-vc' ),
|
41 |
-
"param_name" => "price_margin",
|
42 |
-
"description" => __( 'Set complete margin of price table from top to bottom in pixel e.g 30px. It is recomend for first price listing from left side.', 'pt-vc' ),
|
43 |
-
"group" => 'Price Header',
|
44 |
-
),
|
45 |
-
array(
|
46 |
-
"type" => "textfield",
|
47 |
-
"heading" => __( 'Top Header Title', 'pt-vc' ),
|
48 |
-
"param_name" => "price_title",
|
49 |
-
"description" => __( 'It will be used as price package name', 'pt-vc' ),
|
50 |
-
"group" => 'Price Header',
|
51 |
-
),
|
52 |
-
array(
|
53 |
-
"type" => "dropdown",
|
54 |
-
"heading" => __( 'Show/Hide price amount', 'pt-vc' ),
|
55 |
-
"param_name" => "price_visibility",
|
56 |
-
"description" => __( 'Select Show or Hide amount and currency ', 'pt-vc' ),
|
57 |
-
"group" => 'Price Header',
|
58 |
-
"value" => $priceVisibility,
|
59 |
-
),
|
60 |
-
array(
|
61 |
-
"type" => "textfield",
|
62 |
-
"heading" => __( 'Currency and Amount', 'pt-vc' ),
|
63 |
-
"param_name" => "price_amount",
|
64 |
-
"description" => __( 'Write currency and amount e.g $299', 'pt-vc' ),
|
65 |
-
"group" => 'Price Header',
|
66 |
-
),
|
67 |
-
array(
|
68 |
-
"type" => "textfield",
|
69 |
-
"heading" => __( 'Amount font size', 'pt-vc' ),
|
70 |
-
"param_name" => "price_fontsize",
|
71 |
-
"description" => __( 'Set font size of price amount e.g 35px', 'pt-vc' ),
|
72 |
-
"group" => 'Price Header',
|
73 |
-
),
|
74 |
-
array(
|
75 |
-
"type" => "textfield",
|
76 |
-
"heading" => __( 'Price plan', 'pt-vc' ),
|
77 |
-
"param_name" => "price_plan",
|
78 |
-
"description" => __( 'Price plan e.g "month"', 'pt-vc' ),
|
79 |
-
"group" => 'Price Header',
|
80 |
-
),
|
81 |
-
|
82 |
-
/* Features */
|
83 |
-
|
84 |
-
array(
|
85 |
-
"type" => "textarea_html",
|
86 |
-
"heading" => __( 'Caption Text', 'ich-vc' ),
|
87 |
-
"param_name" => "content",
|
88 |
-
"description" => __( 'Enter your pricing content. You can use a UL list as shown by default but anything would really work!', 'ich-vc' ),
|
89 |
-
"group" => 'Features',
|
90 |
-
"value" => '<li>30GB Storage</li><li>512MB Ram</li><li>[font_awesome link="" icon="check" color="#000"]</li><li>10 databases</li><li>1,000 Emails</li><li>25GB Bandwidth</li>'
|
91 |
-
),
|
92 |
-
array(
|
93 |
-
"type" => "colorpicker",
|
94 |
-
"heading" => __( 'Text color', 'pt-vc' ),
|
95 |
-
"param_name" => "text_clr",
|
96 |
-
"description" => __( 'Text color of price list', 'pt-vc' ),
|
97 |
-
"group" => 'Features',
|
98 |
-
),
|
99 |
-
array(
|
100 |
-
"type" => "textfield",
|
101 |
-
"heading" => __( 'Font size', 'ich-vc' ),
|
102 |
-
"param_name" => "feature_size",
|
103 |
-
"description" => __( 'Font size of price list item e.g 13px', 'ich-vc' ),
|
104 |
-
"group" => 'Features',
|
105 |
-
),
|
106 |
-
|
107 |
-
/* Button */
|
108 |
-
|
109 |
-
array(
|
110 |
-
"type" => "dropdown",
|
111 |
-
"heading" => __( 'Show/Hide button', 'pt-vc' ),
|
112 |
-
"param_name" => "btn_visibility",
|
113 |
-
"description" => __( 'Select Show or Hide Button ', 'pt-vc' ),
|
114 |
-
"group" => 'Button',
|
115 |
-
"value" => $btnVisibility,
|
116 |
-
),
|
117 |
-
|
118 |
-
array(
|
119 |
-
"type" => "textfield",
|
120 |
-
"heading" => __( 'Button Text', 'pt-vc' ),
|
121 |
-
"param_name" => "btn_text",
|
122 |
-
"description" => __( 'Button text name', 'pt-vc' ),
|
123 |
-
"group" => 'Button',
|
124 |
-
),
|
125 |
-
|
126 |
-
array(
|
127 |
-
"type" => "textfield",
|
128 |
-
"heading" => __( 'Button Url', 'pt-vc' ),
|
129 |
-
"param_name" => "btn_url",
|
130 |
-
"description" => __( 'Set Button URL for link', 'pt-vc' ),
|
131 |
-
"group" => 'Button',
|
132 |
-
),
|
133 |
-
|
134 |
-
/* colors */
|
135 |
-
|
136 |
-
array(
|
137 |
-
"type" => "colorpicker",
|
138 |
-
"heading" => __( 'Amount color', 'pt-vc' ),
|
139 |
-
"param_name" => "amount_clr",
|
140 |
-
"description" => __( 'Set color of price amount', 'pt-vc' ),
|
141 |
-
"group" => 'Color',
|
142 |
-
),
|
143 |
-
|
144 |
-
array(
|
145 |
-
"type" => "colorpicker",
|
146 |
-
"heading" => __( 'Price background color', 'pt-vc' ),
|
147 |
-
"param_name" => "price_bg",
|
148 |
-
"description" => __( 'Set complete background color', 'pt-vc' ),
|
149 |
-
"group" => 'Color',
|
150 |
-
),
|
151 |
-
|
152 |
-
array(
|
153 |
-
"type" => "colorpicker",
|
154 |
-
"heading" => __( 'Header Background color', 'pt-vc' ),
|
155 |
-
"param_name" => "top_bg",
|
156 |
-
"description" => __( 'Top Header and button background color', 'pt-vc' ),
|
157 |
-
"group" => 'Color',
|
158 |
-
),
|
159 |
-
|
160 |
-
);
|
161 |
-
|
162 |
-
|
163 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/PriceSetting.php
DELETED
@@ -1,135 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$priceVisibility = array(
|
3 |
-
'Show' => 'block',
|
4 |
-
'Hide' => 'none',
|
5 |
-
);
|
6 |
-
$offerVisibility = array(
|
7 |
-
'Show' => 'block',
|
8 |
-
'Hide' => 'none',
|
9 |
-
);
|
10 |
-
|
11 |
-
$price_params = array(
|
12 |
-
array(
|
13 |
-
"type" => "dropdown",
|
14 |
-
"heading" => __( 'Show/Hide Offer', 'pt-vc' ),
|
15 |
-
"param_name" => "offer_visibility",
|
16 |
-
"description" => __( 'Select Show or Hide offer ', 'pt-vc' ),
|
17 |
-
"group" => 'Offer',
|
18 |
-
"value" => $offerVisibility,
|
19 |
-
),
|
20 |
-
array(
|
21 |
-
"type" => "textfield",
|
22 |
-
"heading" => __( 'Offer text', 'pt-vc' ),
|
23 |
-
"param_name" => "offer_text",
|
24 |
-
"description" => __( 'Write text for showing best offer in Ribbon e.g BEST', 'pt-vc' ),
|
25 |
-
"group" => 'Offer',
|
26 |
-
),
|
27 |
-
array(
|
28 |
-
"type" => "colorpicker",
|
29 |
-
"heading" => __( 'Offer Background color', 'pt-vc' ),
|
30 |
-
"param_name" => "offer_bg",
|
31 |
-
"description" => __( 'background color of offer', 'pt-vc' ),
|
32 |
-
"group" => 'Offer',
|
33 |
-
),
|
34 |
-
array(
|
35 |
-
"type" => "textfield",
|
36 |
-
"heading" => __( 'Top Header Title', 'pt-vc' ),
|
37 |
-
"param_name" => "price_title",
|
38 |
-
"description" => __( 'It will be used as price package name', 'pt-vc' ),
|
39 |
-
"group" => 'Price Header',
|
40 |
-
),
|
41 |
-
array(
|
42 |
-
"type" => "dropdown",
|
43 |
-
"heading" => __( 'Show/Hide price amount', 'pt-vc' ),
|
44 |
-
"param_name" => "price_visibility",
|
45 |
-
"description" => __( 'Select Show or Hide amount and currency ', 'pt-vc' ),
|
46 |
-
"group" => 'Price Header',
|
47 |
-
"value" => $priceVisibility,
|
48 |
-
),
|
49 |
-
array(
|
50 |
-
"type" => "textfield",
|
51 |
-
"heading" => __( 'Currency sign', 'pt-vc' ),
|
52 |
-
"param_name" => "price_currency",
|
53 |
-
"description" => __( 'Write currency sign e.g "$"', 'pt-vc' ),
|
54 |
-
"group" => 'Price Header',
|
55 |
-
),
|
56 |
-
array(
|
57 |
-
"type" => "textfield",
|
58 |
-
"heading" => __( 'Amount', 'pt-vc' ),
|
59 |
-
"param_name" => "price_amount",
|
60 |
-
"description" => __( 'Write amount in number e.g 299', 'pt-vc' ),
|
61 |
-
"group" => 'Price Header',
|
62 |
-
),
|
63 |
-
array(
|
64 |
-
"type" => "textfield",
|
65 |
-
"heading" => __( 'Price plan', 'pt-vc' ),
|
66 |
-
"param_name" => "price_plan",
|
67 |
-
"description" => __( 'Price plan e.g "per month"', 'pt-vc' ),
|
68 |
-
"group" => 'Price Header',
|
69 |
-
),
|
70 |
-
|
71 |
-
/* Features */
|
72 |
-
|
73 |
-
array(
|
74 |
-
"type" => "textarea_html",
|
75 |
-
"heading" => __( 'Caption Text', 'ich-vc' ),
|
76 |
-
"param_name" => "content",
|
77 |
-
"description" => __( 'Enter your pricing content. You can use a UL list as shown by default but anything would really work!', 'ich-vc' ),
|
78 |
-
"group" => 'Features',
|
79 |
-
"value" => '<li>30GB Storage</li><li>512MB Ram</li><li>10 databases</li><li>1,000 Emails</li><li>25GB Bandwidth</li>'
|
80 |
-
),
|
81 |
-
array(
|
82 |
-
"type" => "colorpicker",
|
83 |
-
"heading" => __( 'Text color', 'pt-vc' ),
|
84 |
-
"param_name" => "text_clr",
|
85 |
-
"description" => __( 'Text color of price list', 'pt-vc' ),
|
86 |
-
"group" => 'Features',
|
87 |
-
),
|
88 |
-
array(
|
89 |
-
"type" => "textfield",
|
90 |
-
"heading" => __( 'Font size', 'ich-vc' ),
|
91 |
-
"param_name" => "feature_size",
|
92 |
-
"description" => __( 'Font size of price list item e.g 13px', 'ich-vc' ),
|
93 |
-
"group" => 'Features',
|
94 |
-
),
|
95 |
-
|
96 |
-
/* Button */
|
97 |
-
|
98 |
-
array(
|
99 |
-
"type" => "textfield",
|
100 |
-
"heading" => __( 'Button Text', 'pt-vc' ),
|
101 |
-
"param_name" => "btn_text",
|
102 |
-
"description" => __( 'Button text name', 'pt-vc' ),
|
103 |
-
"group" => 'Button',
|
104 |
-
),
|
105 |
-
|
106 |
-
array(
|
107 |
-
"type" => "textfield",
|
108 |
-
"heading" => __( 'Button Url', 'pt-vc' ),
|
109 |
-
"param_name" => "btn_url",
|
110 |
-
"description" => __( 'Write Button URL for link', 'pt-vc' ),
|
111 |
-
"group" => 'Button',
|
112 |
-
),
|
113 |
-
|
114 |
-
/* colors */
|
115 |
-
|
116 |
-
array(
|
117 |
-
"type" => "colorpicker",
|
118 |
-
"heading" => __( 'Price background color', 'pt-vc' ),
|
119 |
-
"param_name" => "price_bg",
|
120 |
-
"description" => __( 'Set complete background color', 'pt-vc' ),
|
121 |
-
"group" => 'Color',
|
122 |
-
),
|
123 |
-
|
124 |
-
array(
|
125 |
-
"type" => "colorpicker",
|
126 |
-
"heading" => __( 'Header Background color', 'pt-vc' ),
|
127 |
-
"param_name" => "top_bg",
|
128 |
-
"description" => __( 'Top Header and button background color', 'pt-vc' ),
|
129 |
-
"group" => 'Color',
|
130 |
-
),
|
131 |
-
|
132 |
-
);
|
133 |
-
|
134 |
-
|
135 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/class-vc-number-param.php
ADDED
@@ -0,0 +1,44 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
if (!class_exists('VC_Number_Param')) {
|
3 |
+
class VC_Number_Param {
|
4 |
+
function __construct() {
|
5 |
+
if (defined('WPB_VC_VERSION') && version_compare(WPB_VC_VERSION, 4.8) >= 0) {
|
6 |
+
if (function_exists('vc_add_shortcode_param')) {
|
7 |
+
vc_add_shortcode_param('vc_number', array(&$this, 'number_field'));
|
8 |
+
}
|
9 |
+
}
|
10 |
+
else {
|
11 |
+
if (function_exists('add_shortcode_param')) {
|
12 |
+
add_shortcode_param('vc_number', array(&$this, 'number_field'));
|
13 |
+
}
|
14 |
+
}
|
15 |
+
}
|
16 |
+
|
17 |
+
function number_field($settings, $value) {
|
18 |
+
|
19 |
+
$defaults = array(
|
20 |
+
'param_name' => '',
|
21 |
+
'type' => '',
|
22 |
+
'min' => 0,
|
23 |
+
'max' => 100,
|
24 |
+
'step' => 1,
|
25 |
+
'value' => 0,
|
26 |
+
'suffix' => '',
|
27 |
+
'class' => '',
|
28 |
+
);
|
29 |
+
$settings = wp_parse_args($settings, $defaults);
|
30 |
+
|
31 |
+
$output = '<div class="lvca-number-wrap">';
|
32 |
+
$output .= '<input type="number" min="' . esc_attr($settings['min']) . '" max="' . esc_attr($settings['max']) . '" step="' . esc_attr($settings['step']) . '" class="wpb_vc_param_value ' . esc_attr($settings['param_name']) . ' ' . esc_attr($settings['type']) . ' ' . esc_attr($settings['class']) . '" name="' . esc_attr($settings['param_name']) . '" value="' . esc_attr($value) . '"/>' . esc_attr($settings['suffix']);
|
33 |
+
$output .= '</div>';
|
34 |
+
return $output;
|
35 |
+
}
|
36 |
+
|
37 |
+
}
|
38 |
+
}
|
39 |
+
|
40 |
+
|
41 |
+
// Initialize Number Paramater Class
|
42 |
+
if (class_exists('VC_Number_Param')) {
|
43 |
+
new VC_Number_Param();
|
44 |
+
}
|
includes/countdownSetting.php
DELETED
@@ -1,173 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$countdown_params = array(
|
3 |
-
array(
|
4 |
-
"type" => "textfield",
|
5 |
-
"heading" => __( 'Unique ID', 'count-down-vc' ),
|
6 |
-
"param_name" => "id",
|
7 |
-
"description" => __( 'Required: It should be different from other countdown time. Any Name or numbers', 'count-down-vc' ),
|
8 |
-
"group" => 'General',
|
9 |
-
),
|
10 |
-
|
11 |
-
array(
|
12 |
-
"type" => "textfield",
|
13 |
-
"heading" => __( 'Width', 'count-down-vc' ),
|
14 |
-
"param_name" => "width",
|
15 |
-
"description" => __( 'set width in pixel for each week, hours, minutes and seconds e.g 100px', 'count-down-vc' ),
|
16 |
-
"group" => 'General',
|
17 |
-
),
|
18 |
-
|
19 |
-
array(
|
20 |
-
"type" => "textfield",
|
21 |
-
"heading" => __( 'Height', 'count-down-vc' ),
|
22 |
-
"param_name" => "height",
|
23 |
-
"description" => __( 'set height in pixel for each week, hours, minutes and seconds e.g 100px', 'count-down-vc' ),
|
24 |
-
"group" => 'General',
|
25 |
-
),
|
26 |
-
|
27 |
-
array(
|
28 |
-
"type" => "textfield",
|
29 |
-
"heading" => __( 'Timer Font size', 'count-down-vc' ),
|
30 |
-
"param_name" => "size",
|
31 |
-
"description" => __( 'Timer font size in pixel e.g 18px', 'count-down-vc' ),
|
32 |
-
"group" => 'General',
|
33 |
-
),
|
34 |
-
|
35 |
-
array(
|
36 |
-
"type" => "textfield",
|
37 |
-
"heading" => __( 'Period Font size', 'count-down-vc' ),
|
38 |
-
"param_name" => "periodsize",
|
39 |
-
"description" => __( 'period font size in pixel e.g 18px', 'count-down-vc' ),
|
40 |
-
"group" => 'General',
|
41 |
-
),
|
42 |
-
|
43 |
-
array(
|
44 |
-
"type" => "textfield",
|
45 |
-
"heading" => __( 'Line Height', 'count-down-vc' ),
|
46 |
-
"param_name" => "lineheight",
|
47 |
-
"description" => __( 'set line height between e.g 1', 'count-down-vc' ),
|
48 |
-
"group" => 'General',
|
49 |
-
),
|
50 |
-
|
51 |
-
array(
|
52 |
-
"type" => "textfield",
|
53 |
-
"heading" => __( 'Padding From Top', 'count-down-vc' ),
|
54 |
-
"param_name" => "padding",
|
55 |
-
"description" => __( 'padding from top help to move time in center default 15px', 'count-down-vc' ),
|
56 |
-
"group" => 'General',
|
57 |
-
),
|
58 |
-
|
59 |
-
array(
|
60 |
-
"type" => "textfield",
|
61 |
-
"heading" => __( 'Margin', 'count-down-vc' ),
|
62 |
-
"param_name" => "margin",
|
63 |
-
"description" => __( 'set margin for each timer space between them from left and right side e.g 10px', 'count-down-vc' ),
|
64 |
-
"group" => 'General',
|
65 |
-
),
|
66 |
-
|
67 |
-
array(
|
68 |
-
"type" => "colorpicker",
|
69 |
-
"heading" => __( 'Timer Text Color', 'count-down-vc' ),
|
70 |
-
"param_name" => "textcolor",
|
71 |
-
"group" => 'Color',
|
72 |
-
),
|
73 |
-
|
74 |
-
array(
|
75 |
-
"type" => "colorpicker",
|
76 |
-
"heading" => __( 'Period Text Color', 'count-down-vc' ),
|
77 |
-
"param_name" => "periodcolor",
|
78 |
-
"group" => 'Color',
|
79 |
-
),
|
80 |
-
|
81 |
-
array(
|
82 |
-
"type" => "colorpicker",
|
83 |
-
"heading" => __( 'Background Color', 'count-down-vc' ),
|
84 |
-
"param_name" => "bgcolor",
|
85 |
-
"description" => __( 'count down background color', 'count-down-vc' ),
|
86 |
-
"group" => 'Color',
|
87 |
-
),
|
88 |
-
|
89 |
-
array(
|
90 |
-
"type" => "textfield",
|
91 |
-
"heading" => __( 'Border Width', 'count-down-vc' ),
|
92 |
-
"param_name" => "borderwidth",
|
93 |
-
"description" => __( 'set border width in pixel or leave blank e.g 10px', 'count-down-vc' ),
|
94 |
-
"group" => 'Color',
|
95 |
-
),
|
96 |
-
|
97 |
-
array(
|
98 |
-
"type" => "textfield",
|
99 |
-
"heading" => __( 'Border Radius', 'count-down-vc' ),
|
100 |
-
"param_name" => "radius",
|
101 |
-
"description" => __( 'border radius in pixel or percentage e.g 5px or 50%', 'count-down-vc' ),
|
102 |
-
"group" => 'Color',
|
103 |
-
),
|
104 |
-
|
105 |
-
array(
|
106 |
-
"type" => "colorpicker",
|
107 |
-
"heading" => __( 'Border Color', 'count-down-vc' ),
|
108 |
-
"param_name" => "borderclr",
|
109 |
-
"description" => __( 'set border color', 'count-down-vc' ),
|
110 |
-
"group" => 'Color',
|
111 |
-
),
|
112 |
-
|
113 |
-
array(
|
114 |
-
"type" => "dropdown",
|
115 |
-
"heading" => __( 'Border Style', 'count-down-vc' ),
|
116 |
-
"param_name" => "borderstyle",
|
117 |
-
"description" => __( 'set border style', 'count-down-vc' ),
|
118 |
-
"group" => 'Color',
|
119 |
-
"value" => array(
|
120 |
-
'Solid' => 'solid',
|
121 |
-
'Dotted' => 'dotted',
|
122 |
-
'none' => 'none',
|
123 |
-
'Dashed' => 'dashed',
|
124 |
-
'Hidden' => 'hidden',
|
125 |
-
'Double' => 'double',
|
126 |
-
'Groove' => 'groove',
|
127 |
-
'Ridge' => 'ridge',
|
128 |
-
'Outset' => 'outset',
|
129 |
-
'Initial' => 'initial',
|
130 |
-
)
|
131 |
-
),
|
132 |
-
|
133 |
-
array(
|
134 |
-
"type" => "dropdown",
|
135 |
-
"heading" => __( 'Select Style', 'count-down-vc' ),
|
136 |
-
"param_name" => "style",
|
137 |
-
"description" => __( 'Visible countdown style in', 'count-down-vc' ),
|
138 |
-
"group" => 'Countdown',
|
139 |
-
"value" => array(
|
140 |
-
'Year' => 'YOWDHMS',
|
141 |
-
'Month' => 'odHMS',
|
142 |
-
'Week' => 'wdHMS',
|
143 |
-
'Days' => 'DHMS',
|
144 |
-
'Hours' => 'HMS',
|
145 |
-
)
|
146 |
-
),
|
147 |
-
|
148 |
-
array(
|
149 |
-
"type" => "textfield",
|
150 |
-
"heading" => __( 'Year', 'count-down-vc' ),
|
151 |
-
"param_name" => "year",
|
152 |
-
"description" => __( 'just number start from 1 [ e.g 1 for current year, 2 for next year.. ]', 'count-down-vc' ),
|
153 |
-
"group" => 'Countdown',
|
154 |
-
),
|
155 |
-
|
156 |
-
array(
|
157 |
-
"type" => "textfield",
|
158 |
-
"heading" => __( 'Month', 'count-down-vc' ),
|
159 |
-
"param_name" => "month",
|
160 |
-
"description" => __( 'just number between 1 to 12 for specific month [ e.g 3 ]', 'count-down-vc' ),
|
161 |
-
"group" => 'Countdown',
|
162 |
-
),
|
163 |
-
|
164 |
-
array(
|
165 |
-
"type" => "textfield",
|
166 |
-
"heading" => __( 'Date', 'count-down-vc' ),
|
167 |
-
"param_name" => "date",
|
168 |
-
"description" => __( 'just number between 1 to 30 for specific date', 'count-down-vc' ),
|
169 |
-
"group" => 'Countdown',
|
170 |
-
),
|
171 |
-
|
172 |
-
);
|
173 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/counterSetting.php
DELETED
@@ -1,194 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
$counter_params = array(
|
4 |
-
array(
|
5 |
-
"type" => "dropdown",
|
6 |
-
"heading" => __( 'Counter styles', 'counter-vc' ),
|
7 |
-
"param_name" => "counter_style",
|
8 |
-
"description" => __( 'Select counter styles', 'counter-vc' ),
|
9 |
-
"group" => 'General',
|
10 |
-
"value" => array(
|
11 |
-
"Top logo bottom content" => "style",
|
12 |
-
"Top logo bottom content 2" => "style2",
|
13 |
-
"Left logo right content" => "style3",
|
14 |
-
"Left content right logo" => "style4",
|
15 |
-
"Logo in center" => "style5",
|
16 |
-
)
|
17 |
-
),
|
18 |
-
|
19 |
-
array(
|
20 |
-
"type" => "css_editor",
|
21 |
-
"heading" => __( 'Set styles of complete box or leave blank accordingly', 'counter-vc' ),
|
22 |
-
"param_name" => "css",
|
23 |
-
"group" => 'General',
|
24 |
-
),
|
25 |
-
|
26 |
-
|
27 |
-
// Image Section
|
28 |
-
|
29 |
-
array(
|
30 |
-
"type" => "dropdown",
|
31 |
-
"heading" => __( 'Image/Icon', 'counter-vc' ),
|
32 |
-
"param_name" => "sec_style",
|
33 |
-
"description" => __( 'Select image or font icon', 'counter-vc' ),
|
34 |
-
"group" => 'Image',
|
35 |
-
"value" => array(
|
36 |
-
"Image" => "image",
|
37 |
-
"Icon" => "icon",
|
38 |
-
)
|
39 |
-
),
|
40 |
-
array(
|
41 |
-
"type" => "attach_image",
|
42 |
-
"heading" => __( 'Image', 'counter-vc' ),
|
43 |
-
"param_name" => "image_id",
|
44 |
-
"description" => __( 'select image for logo', 'counter-vc' ),
|
45 |
-
"group" => 'Image',
|
46 |
-
"dependency" => array('element' => "sec_style", 'value' => 'image'),
|
47 |
-
),
|
48 |
-
array(
|
49 |
-
"type" => "textfield",
|
50 |
-
"heading" => __( 'Width', 'counter-vc' ),
|
51 |
-
"param_name" => "image_width",
|
52 |
-
"description" => __( 'Set custom image width in pixel or leave blank e.g 100px', 'counter-vc' ),
|
53 |
-
"group" => 'Image',
|
54 |
-
"dependency" => array('element' => "sec_style", 'value' => 'image'),
|
55 |
-
),
|
56 |
-
array(
|
57 |
-
"type" => "textfield",
|
58 |
-
"heading" => __( 'Height', 'counter-vc' ),
|
59 |
-
"param_name" => "image_height",
|
60 |
-
"description" => __( 'Set custom image height in pixel or leave blank e.g 100px', 'counter-vc' ),
|
61 |
-
"group" => 'Image',
|
62 |
-
"dependency" => array('element' => "sec_style", 'value' => 'image'),
|
63 |
-
),
|
64 |
-
|
65 |
-
array(
|
66 |
-
"type" => "iconpicker",
|
67 |
-
"heading" => __( 'Font Icon', 'counter-vc' ),
|
68 |
-
"param_name" => "count_icon",
|
69 |
-
"description" => __( 'Select font icon', 'counter-vc' ),
|
70 |
-
"dependency" => array('element' => "sec_style", 'value' => 'icon'),
|
71 |
-
"group" => 'Image',
|
72 |
-
),
|
73 |
-
array(
|
74 |
-
"type" => "textfield",
|
75 |
-
"heading" => __( 'Icon font size', 'counter-vc' ),
|
76 |
-
"param_name" => "icon_size",
|
77 |
-
"description" => __( 'set font size in pixel e.g 30px', 'counter-vc' ),
|
78 |
-
"dependency" => array('element' => "sec_style", 'value' => 'icon'),
|
79 |
-
"group" => 'Image',
|
80 |
-
),
|
81 |
-
array(
|
82 |
-
"type" => "colorpicker",
|
83 |
-
"heading" => __( 'Icon Color', 'counter-vc' ),
|
84 |
-
"param_name" => "icon_clr",
|
85 |
-
"description" => __( 'Select icon color', 'counter-vc' ),
|
86 |
-
"dependency" => array('element' => "sec_style", 'value' => 'icon'),
|
87 |
-
"group" => 'Image',
|
88 |
-
),
|
89 |
-
array(
|
90 |
-
"type" => "css_editor",
|
91 |
-
"heading" => __( 'Set styles of icon or leave blank accordingly', 'counter-vc' ),
|
92 |
-
"param_name" => "css2",
|
93 |
-
"dependency" => array('element' => "sec_style", 'value' => 'icon'),
|
94 |
-
"group" => 'Image',
|
95 |
-
),
|
96 |
-
|
97 |
-
|
98 |
-
// Content Section
|
99 |
-
|
100 |
-
array(
|
101 |
-
"type" => "textfield",
|
102 |
-
"heading" => __( 'Title', 'counter-vc' ),
|
103 |
-
"param_name" => "count_title",
|
104 |
-
"description" => __( 'write counter title for info', 'counter-vc' ),
|
105 |
-
"group" => 'Title',
|
106 |
-
),
|
107 |
-
array(
|
108 |
-
"type" => "textfield",
|
109 |
-
"heading" => __( 'Font size', 'counter-vc' ),
|
110 |
-
"param_name" => "title_size",
|
111 |
-
"description" => __( 'set title font size in pixel e.g 30px', 'counter-vc' ),
|
112 |
-
"group" => 'Title',
|
113 |
-
),
|
114 |
-
array(
|
115 |
-
"type" => "textfield",
|
116 |
-
"heading" => __( 'Font Weight', 'counter-vc' ),
|
117 |
-
"param_name" => "title_font",
|
118 |
-
"description" => __( 'set font thickness with difference of 100 in numbers e.g 500', 'counter-vc' ),
|
119 |
-
"group" => 'Title',
|
120 |
-
),
|
121 |
-
array(
|
122 |
-
"type" => "colorpicker",
|
123 |
-
"heading" => __( 'Title Color', 'counter-vc' ),
|
124 |
-
"param_name" => "title_clr",
|
125 |
-
"description" => __( 'Select title color', 'counter-vc' ),
|
126 |
-
"group" => 'Title',
|
127 |
-
),
|
128 |
-
|
129 |
-
|
130 |
-
// Counter Section
|
131 |
-
|
132 |
-
array(
|
133 |
-
"type" => "textfield",
|
134 |
-
"heading" => __( 'Stat Counts', 'counter-vc' ),
|
135 |
-
"param_name" => "stat_numb",
|
136 |
-
"description" => __( 'write in numbers e.g 4329', 'counter-vc' ),
|
137 |
-
"group" => 'Stat Counter',
|
138 |
-
),
|
139 |
-
array(
|
140 |
-
"type" => "textfield",
|
141 |
-
"heading" => __( 'Font size', 'counter-vc' ),
|
142 |
-
"param_name" => "stat_size",
|
143 |
-
"description" => __( 'set counter font size in pixel e.g 20px', 'counter-vc' ),
|
144 |
-
"group" => 'Stat Counter',
|
145 |
-
),
|
146 |
-
array(
|
147 |
-
"type" => "textfield",
|
148 |
-
"heading" => __( 'Font Weight', 'counter-vc' ),
|
149 |
-
"param_name" => "stat_font",
|
150 |
-
"description" => __( 'set counter font thickness with difference of 100 in numbers e.g 500', 'counter-vc' ),
|
151 |
-
"group" => 'Stat Counter',
|
152 |
-
),
|
153 |
-
array(
|
154 |
-
"type" => "colorpicker",
|
155 |
-
"heading" => __( 'Title Color', 'counter-vc' ),
|
156 |
-
"param_name" => "stat_clr",
|
157 |
-
"description" => __( 'Select counter title color', 'counter-vc' ),
|
158 |
-
"group" => 'Stat Counter',
|
159 |
-
),
|
160 |
-
|
161 |
-
// Setting Section
|
162 |
-
|
163 |
-
array(
|
164 |
-
"type" => "textfield",
|
165 |
-
"heading" => __( 'Decimal', 'counter-vc' ),
|
166 |
-
"param_name" => "count_decimal",
|
167 |
-
"description" => __( 'put numbers after decimal e.g 2 or leave blank', 'counter-vc' ),
|
168 |
-
"group" => 'Setting',
|
169 |
-
),
|
170 |
-
array(
|
171 |
-
"type" => "textfield",
|
172 |
-
"heading" => __( 'Speed', 'counter-vc' ),
|
173 |
-
"param_name" => "count_speed",
|
174 |
-
"description" => __( 'set completion time from start to end in milli second 1s=1000 e.g 4000', 'counter-vc' ),
|
175 |
-
"group" => 'Setting',
|
176 |
-
),
|
177 |
-
array(
|
178 |
-
"type" => "textfield",
|
179 |
-
"heading" => __( 'Start from', 'counter-vc' ),
|
180 |
-
"param_name" => "count_value",
|
181 |
-
"description" => __( 'set counter from starting point in number default 0', 'counter-vc' ),
|
182 |
-
"group" => 'Setting',
|
183 |
-
),
|
184 |
-
array(
|
185 |
-
"type" => "textfield",
|
186 |
-
"heading" => __( 'Count interval', 'counter-vc' ),
|
187 |
-
"param_name" => "count_interv",
|
188 |
-
"description" => __( 'set counter interval e.g 100', 'counter-vc' ),
|
189 |
-
"group" => 'Setting',
|
190 |
-
),
|
191 |
-
);
|
192 |
-
|
193 |
-
|
194 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/flipBoxSetting.php
DELETED
@@ -1,161 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
$flipbox_params = array(
|
4 |
-
array(
|
5 |
-
"type" => "dropdown",
|
6 |
-
"heading" => __( 'Style Flip Box', 'flip-box-vc' ),
|
7 |
-
"param_name" => "style",
|
8 |
-
"description" => __( 'select style', 'flip-box-vc' ),
|
9 |
-
"group" => 'General',
|
10 |
-
"value" => array(
|
11 |
-
'Horizental' => 'horizental',
|
12 |
-
'Vertical' => 'vertical',
|
13 |
-
'3D' => '3d',
|
14 |
-
)
|
15 |
-
),
|
16 |
-
array(
|
17 |
-
"type" => "textfield",
|
18 |
-
"heading" => __( 'Flip height', 'flip-box-vc' ),
|
19 |
-
"param_name" => "height",
|
20 |
-
"description" => __( 'Required. set flip box height e.g 200px', 'flip-box-vc' ),
|
21 |
-
"group" => 'General',
|
22 |
-
),
|
23 |
-
array(
|
24 |
-
"type" => "dropdown",
|
25 |
-
"heading" => __( 'Select Image or Font icon', 'flip-box-vc' ),
|
26 |
-
"param_name" => "info_opt",
|
27 |
-
"description" => __( 'Select Image or Font icon', 'flip-box-vc' ),
|
28 |
-
"group" => 'General',
|
29 |
-
"value" => array(
|
30 |
-
'Image' => 'show_image',
|
31 |
-
'Icon' => 'show_icon',
|
32 |
-
)
|
33 |
-
),
|
34 |
-
array(
|
35 |
-
"type" => "attach_image",
|
36 |
-
"heading" => __( 'Image', 'flip-box-vc' ),
|
37 |
-
"param_name" => "image_id",
|
38 |
-
"description" => __( 'Select the image', 'flip-box-vc' ),
|
39 |
-
"group" => 'General',
|
40 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
41 |
-
),
|
42 |
-
array(
|
43 |
-
"type" => "textfield",
|
44 |
-
"heading" => __( 'Image Radius', 'flip-box-vc' ),
|
45 |
-
"param_name" => "radius",
|
46 |
-
"description" => __( 'Set Image radius in pixel or % e.g 50%', 'flip-box-vc' ),
|
47 |
-
"group" => 'General',
|
48 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
49 |
-
),
|
50 |
-
array(
|
51 |
-
"type" => "textfield",
|
52 |
-
"heading" => __( 'Width', 'flip-box-vc' ),
|
53 |
-
"param_name" => "image_size",
|
54 |
-
"description" => __( 'Set the width in pixel e.g 80px', 'flip-box-vc' ),
|
55 |
-
"group" => 'General',
|
56 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
57 |
-
),
|
58 |
-
array(
|
59 |
-
"type" => "iconpicker",
|
60 |
-
"heading" => __( 'Font icon', 'flip-box-vc' ),
|
61 |
-
"param_name" => "font_icon",
|
62 |
-
"description" => __( 'Select the font icon', 'flip-box-vc' ),
|
63 |
-
"group" => 'General',
|
64 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
65 |
-
),
|
66 |
-
array(
|
67 |
-
"type" => "textfield",
|
68 |
-
"heading" => __( 'Font size', 'flip-box-vc' ),
|
69 |
-
"param_name" => "icon_size",
|
70 |
-
"description" => __( 'Set icon font size in pixel e.g 30px', 'flip-box-vc' ),
|
71 |
-
"group" => 'General',
|
72 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
73 |
-
),
|
74 |
-
array(
|
75 |
-
"type" => "colorpicker",
|
76 |
-
"heading" => __( 'Font Color', 'flip-box-vc' ),
|
77 |
-
"param_name" => "icon_color",
|
78 |
-
"description" => __( 'Set icon color', 'flip-box-vc' ),
|
79 |
-
"group" => 'General',
|
80 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
81 |
-
),
|
82 |
-
|
83 |
-
// Fron Content
|
84 |
-
|
85 |
-
array(
|
86 |
-
"type" => "textfield",
|
87 |
-
"heading" => __( 'Line height', 'flip-box-vc' ),
|
88 |
-
"param_name" => "lineheight",
|
89 |
-
"description" => __( 'set line height for front display e.g 1.5', 'flip-box-vc' ),
|
90 |
-
"group" => 'Front',
|
91 |
-
),
|
92 |
-
array(
|
93 |
-
"type" => "textfield",
|
94 |
-
"heading" => __( 'Title', 'flip-box-vc' ),
|
95 |
-
"param_name" => "title",
|
96 |
-
"description" => __( 'set title for front display', 'flip-box-vc' ),
|
97 |
-
"group" => 'Front',
|
98 |
-
),
|
99 |
-
array(
|
100 |
-
"type" => "textfield",
|
101 |
-
"heading" => __( 'Font Size', 'flip-box-vc' ),
|
102 |
-
"param_name" => "size",
|
103 |
-
"description" => __( 'set title font size for front display e.g 15px', 'flip-box-vc' ),
|
104 |
-
"group" => 'Front',
|
105 |
-
),
|
106 |
-
array(
|
107 |
-
"type" => "colorpicker",
|
108 |
-
"heading" => __( 'Title color', 'flip-box-vc' ),
|
109 |
-
"param_name" => "color",
|
110 |
-
"description" => __( 'set title color', 'flip-box-vc' ),
|
111 |
-
"group" => 'Front',
|
112 |
-
),
|
113 |
-
array(
|
114 |
-
"type" => "textfield",
|
115 |
-
"heading" => __( 'Description', 'flip-box-vc' ),
|
116 |
-
"param_name" => "desc",
|
117 |
-
"description" => __( 'set description for front display', 'flip-box-vc' ),
|
118 |
-
"group" => 'Front',
|
119 |
-
),
|
120 |
-
array(
|
121 |
-
"type" => "textfield",
|
122 |
-
"heading" => __( 'Font Size', 'flip-box-vc' ),
|
123 |
-
"param_name" => "descrsize",
|
124 |
-
"description" => __( 'set description font size for front display e.g 13px', 'flip-box-vc' ),
|
125 |
-
"group" => 'Front',
|
126 |
-
),
|
127 |
-
array(
|
128 |
-
"type" => "colorpicker",
|
129 |
-
"heading" => __( 'Title color', 'flip-box-vc' ),
|
130 |
-
"param_name" => "descrcolor",
|
131 |
-
"description" => __( 'set description color', 'flip-box-vc' ),
|
132 |
-
"group" => 'Front',
|
133 |
-
),
|
134 |
-
|
135 |
-
|
136 |
-
// Back Display
|
137 |
-
|
138 |
-
array(
|
139 |
-
"type" => "colorpicker",
|
140 |
-
"heading" => __( 'Background color', 'flip-box-vc' ),
|
141 |
-
"param_name" => "bgcolor",
|
142 |
-
"description" => __( 'set background color', 'flip-box-vc' ),
|
143 |
-
"group" => 'Flip Display',
|
144 |
-
),
|
145 |
-
|
146 |
-
array(
|
147 |
-
"type" => "textarea_html",
|
148 |
-
"heading" => __( 'Description', 'flip-box-vc' ),
|
149 |
-
"param_name" => "content",
|
150 |
-
"description" => __( 'write detail about flip box', 'flip-box-vc' ),
|
151 |
-
"group" => 'Flip Display',
|
152 |
-
"value" => '<h3>Caption Text Here</h3><p>Change color, background color and text in button. Dont remove mega_hvr_btn class from button.</p> <a href="#" class="mega_hvr_btn" style="padding:6px 14px;color:#fff;background:#000;">Learn More</a>'
|
153 |
-
),
|
154 |
-
array(
|
155 |
-
"type" => "css_editor",
|
156 |
-
"heading" => __( 'Display Design', 'flip-box-vc' ),
|
157 |
-
"param_name" => "css",
|
158 |
-
"group" => 'Front Design',
|
159 |
-
),
|
160 |
-
);
|
161 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/hoverBtnSetting.php
DELETED
@@ -1,293 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$btnStyle = array(
|
3 |
-
'Animated Button' => 'animated',
|
4 |
-
'3D button' => '3D',
|
5 |
-
);
|
6 |
-
$animationStyle = array(
|
7 |
-
'2D Transition' => 'transition',
|
8 |
-
'Background Transition' => 'bg_transition',
|
9 |
-
'Shadow and Glow' => 'shadow',
|
10 |
-
'Border Transition' => 'brdr_transition',
|
11 |
-
'Speech Bubbles' => 'speech_bubbles',
|
12 |
-
);
|
13 |
-
$speechBubbles = array(
|
14 |
-
'Bubble Top' => 'hvr-bubble-top',
|
15 |
-
'Bubble Right' => 'hvr-bubble-right',
|
16 |
-
'Bubble Bottom' => 'hvr-bubble-bottom',
|
17 |
-
'Bubble Left' => 'hvr-bubble-left',
|
18 |
-
'Bubble Float Top' => 'hvr-bubble-float-top',
|
19 |
-
'Bubble Float Right' => 'hvr-bubble-float-right',
|
20 |
-
'Bubble Float Bottom' => 'hvr-bubble-float-bottom',
|
21 |
-
'Bubble Float Left' => 'hvr-bubble-float-left',
|
22 |
-
);
|
23 |
-
$brdrTransition = array(
|
24 |
-
'Underline From Left' => 'hvr-underline-from-left',
|
25 |
-
'Underline From Center' => 'hvr-underline-from-center',
|
26 |
-
'Underline From Right' => 'hvr-underline-from-right',
|
27 |
-
'Underline Reveal' => 'hvr-underline-reveal',
|
28 |
-
'Overline Reveal' => 'hvr-overline-reveal',
|
29 |
-
'Overline From Left' => 'hvr-overline-from-left',
|
30 |
-
'Overline From Center' => 'hvr-overline-from-center',
|
31 |
-
'Overline From Right' => 'hvr-overline-from-right',
|
32 |
-
'Reveal' => 'hvr-reveal',
|
33 |
-
);
|
34 |
-
$shadowTransition = array(
|
35 |
-
'Shadow' => 'hvr-shadow',
|
36 |
-
'Grow Shadow' => 'hvr-grow-shadow',
|
37 |
-
'Float Shadow' => 'hvr-float-shadow',
|
38 |
-
'Glow' => 'hvr-glow',
|
39 |
-
'Shadow Radial' => 'hvr-shadow-radial',
|
40 |
-
'Box Shadow Outset' => 'hvr-box-shadow-outset',
|
41 |
-
'Box Shadow Inset' => 'hvr-box-shadow-inset',
|
42 |
-
'Sweep to Left' => 'hvr-sweep-to-left',
|
43 |
-
);
|
44 |
-
$bgTransition = array(
|
45 |
-
'Fade' => 'hvr-fade',
|
46 |
-
'Back Pulse' => 'hvr-back-pulse',
|
47 |
-
'Sweep To Right' => 'hvr-sweep-to-right',
|
48 |
-
'Sweep To Left' => 'hvr-sweep-to-left',
|
49 |
-
'Sweep To Bottom' => 'hvr-sweep-to-bottom',
|
50 |
-
'Sweep To Top' => 'hvr-sweep-to-top',
|
51 |
-
'Bounce To Right' => 'hvr-bounce-to-right',
|
52 |
-
'Bounce To Left' => 'hvr-bounce-to-left',
|
53 |
-
'Bounce To Bottom' => 'hvr-bounce-to-bottom',
|
54 |
-
'Bounce To Top' => 'hvr-bounce-to-top',
|
55 |
-
'Radial Out' => 'hvr-radial-out',
|
56 |
-
// 'Radial In' => 'hvr-radial-in',
|
57 |
-
// 'Rectangle In' => 'hvr-rectangle-in',
|
58 |
-
'Rectangle Out' => 'hvr-rectangle-out',
|
59 |
-
// 'Shutter In Horizontal' => 'hvr-shutter-in-horizontal',
|
60 |
-
'Shutter Out Horizontal' => 'hvr-shutter-out-horizontal',
|
61 |
-
// 'Shutter In Vertical' => 'hvr-shutter-in-vertical',
|
62 |
-
'Shutter Out Vertical' => 'hvr-shutter-out-vertical',
|
63 |
-
);
|
64 |
-
$animationTransition = array(
|
65 |
-
'Grow' => 'hvr-grow',
|
66 |
-
'Shrink' => 'hvr-shrink',
|
67 |
-
'Pulse' => 'hvr-pulse',
|
68 |
-
'Pulse Grow' => 'hvr-pulse-grow',
|
69 |
-
'Pulse Shrink' => 'hvr-pulse-shrink',
|
70 |
-
'Push' => 'hvr-push',
|
71 |
-
'Pop' => 'hvr-pop',
|
72 |
-
'Bounce In' => 'hvr-bounce-in',
|
73 |
-
'Bounce Out' => 'hvr-bounce-out',
|
74 |
-
'Rotate' => 'hvr-rotate',
|
75 |
-
'Grow Rotate' => 'hvr-grow-rotate',
|
76 |
-
'Float' => 'hvr-float',
|
77 |
-
'Sink' => 'hvr-sink',
|
78 |
-
'Bob' => 'hvr-bob',
|
79 |
-
'Hang' => 'hvr-hang',
|
80 |
-
'Skew' => 'hvr-skew',
|
81 |
-
'Skew Forward' => 'hvr-skew-forward',
|
82 |
-
'Skew Backward' => 'hvr-skew-backward',
|
83 |
-
'Wobble Horizontal' => 'hvr-wobble-horizontal',
|
84 |
-
'Wobble Vertical' => 'hvr-wobble-vertical',
|
85 |
-
'Wobble To Bottom Right' => 'hvr-wobble-to-bottom-right',
|
86 |
-
'Wobble To Top Right' => 'hvr-wobble-to-top-right',
|
87 |
-
'Wobble Top' => 'hvr-wobble-top',
|
88 |
-
'Wobble Bottom' => 'hvr-wobble-bottom',
|
89 |
-
'Wobble Skew' => 'hvr-wobble-skew',
|
90 |
-
'Buzz' => 'hvr-buzz',
|
91 |
-
'Buzz Out' => 'hvr-buzz-out',
|
92 |
-
);
|
93 |
-
|
94 |
-
$hvrBtn_params = array(
|
95 |
-
array(
|
96 |
-
"type" => "dropdown",
|
97 |
-
"heading" => __( 'Style', 'hbtn-vc' ),
|
98 |
-
"param_name" => "btn_style",
|
99 |
-
"description" => __( 'Choose button style', 'hbtn-vc' ),
|
100 |
-
"group" => 'General',
|
101 |
-
"value" => $btnStyle,
|
102 |
-
),
|
103 |
-
array(
|
104 |
-
"type" => "dropdown",
|
105 |
-
"heading" => __( 'Animation Style', 'hbtn-vc' ),
|
106 |
-
"param_name" => "anim_style",
|
107 |
-
"description" => __( 'Choose animation style on hover', 'hbtn-vc' ),
|
108 |
-
"group" => 'General',
|
109 |
-
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
110 |
-
"value" => $animationStyle,
|
111 |
-
),
|
112 |
-
array(
|
113 |
-
"type" => "dropdown",
|
114 |
-
"heading" => __( '2D Transition', 'hbtn-vc' ),
|
115 |
-
"param_name" => "anim_trans",
|
116 |
-
"description" => __( 'Choose animation style on hover', 'hbtn-vc' ),
|
117 |
-
"group" => 'General',
|
118 |
-
"dependency" => array('element' => "anim_style", 'value' => 'transition'),
|
119 |
-
"value" => $animationTransition,
|
120 |
-
),
|
121 |
-
array(
|
122 |
-
"type" => "dropdown",
|
123 |
-
"heading" => __( 'Background Transition', 'hbtn-vc' ),
|
124 |
-
"param_name" => "bg_trans",
|
125 |
-
"description" => __( 'Choose animation style on hover', 'hbtn-vc' ),
|
126 |
-
"group" => 'General',
|
127 |
-
"dependency" => array('element' => "anim_style", 'value' => 'bg_transition'),
|
128 |
-
"value" => $bgTransition,
|
129 |
-
),
|
130 |
-
array(
|
131 |
-
"type" => "dropdown",
|
132 |
-
"heading" => __( 'Border Transition', 'hbtn-vc' ),
|
133 |
-
"param_name" => "brdr_trans",
|
134 |
-
"description" => __( 'Choose animation style on hover', 'hbtn-vc' ),
|
135 |
-
"group" => 'General',
|
136 |
-
"dependency" => array('element' => "anim_style", 'value' => 'brdr_transition'),
|
137 |
-
"value" => $brdrTransition,
|
138 |
-
),
|
139 |
-
array(
|
140 |
-
"type" => "dropdown",
|
141 |
-
"heading" => __( 'Speech Bubbles', 'hbtn-vc' ),
|
142 |
-
"param_name" => "bubble_trans",
|
143 |
-
"description" => __( 'Choose animation style on hover', 'hbtn-vc' ),
|
144 |
-
"group" => 'General',
|
145 |
-
"dependency" => array('element' => "anim_style", 'value' => 'speech_bubbles'),
|
146 |
-
"value" => $speechBubbles,
|
147 |
-
),
|
148 |
-
array(
|
149 |
-
"type" => "dropdown",
|
150 |
-
"heading" => __( 'Shadow and Glow', 'hbtn-vc' ),
|
151 |
-
"param_name" => "shadow_trans",
|
152 |
-
"description" => __( 'Choose animation style on hover', 'hbtn-vc' ),
|
153 |
-
"group" => 'General',
|
154 |
-
"dependency" => array('element' => "anim_style", 'value' => 'shadow'),
|
155 |
-
"value" => $shadowTransition,
|
156 |
-
),
|
157 |
-
array(
|
158 |
-
"type" => "dropdown",
|
159 |
-
"heading" => __( 'Button Align', 'hbtn-vc' ),
|
160 |
-
"param_name" => "align",
|
161 |
-
"description" => __( 'select text align', 'hbtn-vc' ),
|
162 |
-
"group" => 'General',
|
163 |
-
"value" => array(
|
164 |
-
"Left" => "left",
|
165 |
-
"Center" => "center",
|
166 |
-
"Right" => "right",
|
167 |
-
)
|
168 |
-
),
|
169 |
-
array(
|
170 |
-
"type" => "textfield",
|
171 |
-
"heading" => __( 'Padding [Top Bottom]', 'hbtn-vc' ),
|
172 |
-
"param_name" => "padding_top",
|
173 |
-
"description" => __( 'It will increase height of button e.g 10px', 'hbtn-vc' ),
|
174 |
-
"group" => 'General',
|
175 |
-
),
|
176 |
-
array(
|
177 |
-
"type" => "textfield",
|
178 |
-
"heading" => __( 'Padding [Left Right]', 'hbtn-vc' ),
|
179 |
-
"param_name" => "padding_left",
|
180 |
-
"description" => __( 'It will increase width of button e.g 20px', 'hbtn-vc' ),
|
181 |
-
"group" => 'General',
|
182 |
-
),
|
183 |
-
array(
|
184 |
-
"type" => "textfield",
|
185 |
-
"heading" => __( 'Radius', 'hbtn-vc' ),
|
186 |
-
"param_name" => "btn_radius",
|
187 |
-
"description" => __( 'set button radius e.g 5px', 'hbtn-vc' ),
|
188 |
-
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
189 |
-
"group" => 'General',
|
190 |
-
),
|
191 |
-
array(
|
192 |
-
"type" => "iconpicker",
|
193 |
-
"heading" => __( 'Select icon', 'hbtn-vc' ),
|
194 |
-
"param_name" => "btn_icon",
|
195 |
-
"description" => __( 'it will be show within text', 'hbtn-vc' ),
|
196 |
-
"group" => 'Text',
|
197 |
-
),
|
198 |
-
array(
|
199 |
-
"type" => "textfield",
|
200 |
-
"heading" => __( 'Button text', 'hbtn-vc' ),
|
201 |
-
"param_name" => "btn_text",
|
202 |
-
"description" => __( 'Write button text', 'hbtn-vc' ),
|
203 |
-
"group" => 'Text',
|
204 |
-
),
|
205 |
-
array(
|
206 |
-
"type" => "textfield",
|
207 |
-
"heading" => __( 'Text font size', 'hbtn-vc' ),
|
208 |
-
"param_name" => "btn_size",
|
209 |
-
"description" => __( 'Set font size in pixel e.g 18px', 'hbtn-vc' ),
|
210 |
-
"group" => 'Text',
|
211 |
-
),
|
212 |
-
array(
|
213 |
-
"type" => "textfield",
|
214 |
-
"heading" => __( 'Button URL', 'hbtn-vc' ),
|
215 |
-
"param_name" => "btn_url",
|
216 |
-
"description" => __( 'Write button url as link', 'hbtn-vc' ),
|
217 |
-
"group" => 'Text',
|
218 |
-
),
|
219 |
-
array(
|
220 |
-
"type" => "textfield",
|
221 |
-
"heading" => __( 'Open in new windows', 'hbtn-vc' ),
|
222 |
-
"param_name" => "btn_next",
|
223 |
-
"description" => __( 'Write _blank for open link in new windows or leave blank for none', 'hbtn-vc' ),
|
224 |
-
"group" => 'Text',
|
225 |
-
),
|
226 |
-
|
227 |
-
/** border **/
|
228 |
-
|
229 |
-
array(
|
230 |
-
"type" => "colorpicker",
|
231 |
-
"heading" => __( 'Border color', 'hbtn-vc' ),
|
232 |
-
"param_name" => "btn_border",
|
233 |
-
"description" => __( 'Set color of border e.g #269CE9', 'hbtn-vc' ),
|
234 |
-
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
235 |
-
"group" => 'Border',
|
236 |
-
),
|
237 |
-
array(
|
238 |
-
"type" => "textfield",
|
239 |
-
"heading" => __( 'Border width', 'hbtn-vc' ),
|
240 |
-
"param_name" => "border_width",
|
241 |
-
"description" => __( 'Set width of border in pixel e.g 1px', 'hbtn-vc' ),
|
242 |
-
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
243 |
-
"group" => 'Border',
|
244 |
-
),
|
245 |
-
|
246 |
-
|
247 |
-
/** color **/
|
248 |
-
|
249 |
-
array(
|
250 |
-
"type" => "colorpicker",
|
251 |
-
"heading" => __( 'Text color', 'hbtn-vc' ),
|
252 |
-
"param_name" => "btn_clr",
|
253 |
-
"description" => __( 'Set color of text e.g #ffff', 'hbtn-vc' ),
|
254 |
-
"group" => 'Color',
|
255 |
-
),
|
256 |
-
|
257 |
-
array(
|
258 |
-
"type" => "colorpicker",
|
259 |
-
"heading" => __( 'Background color', 'hbtn-vc' ),
|
260 |
-
"param_name" => "btn_bg",
|
261 |
-
"description" => __( 'Set color of background e.g #269CE9', 'hbtn-vc' ),
|
262 |
-
"group" => 'Color',
|
263 |
-
),
|
264 |
-
|
265 |
-
array(
|
266 |
-
"type" => "colorpicker",
|
267 |
-
"heading" => __( 'Background Shadow color', 'hbtn-vc' ),
|
268 |
-
"param_name" => "btn_shadow",
|
269 |
-
"description" => __( 'keep it same and much dark from background color', 'hbtn-vc' ),
|
270 |
-
"dependency" => array('element' => "btn_style", 'value' => '3D'),
|
271 |
-
"group" => 'Color',
|
272 |
-
),
|
273 |
-
|
274 |
-
array(
|
275 |
-
"type" => "colorpicker",
|
276 |
-
"heading" => __( 'Hover Text color', 'hbtn-vc' ),
|
277 |
-
"param_name" => "btn_hvrclr",
|
278 |
-
"description" => __( 'Set color of text on hover e.g #ffff', 'hbtn-vc' ),
|
279 |
-
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
280 |
-
"group" => 'Color',
|
281 |
-
),
|
282 |
-
|
283 |
-
array(
|
284 |
-
"type" => "colorpicker",
|
285 |
-
"heading" => __( 'Background color', 'hbtn-vc' ),
|
286 |
-
"param_name" => "btn_hvrbg",
|
287 |
-
"description" => __( 'Set color of background on hover e.g #269CE9', 'hbtn-vc' ),
|
288 |
-
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
289 |
-
"group" => 'Color',
|
290 |
-
),
|
291 |
-
);
|
292 |
-
|
293 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/hoverSetting.php
DELETED
@@ -1,192 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
$hoverEffects = array(
|
4 |
-
'NoEffect' => 'NoEffect',
|
5 |
-
'circle effect2 left to right' => 'circle effect2 left_to_right',
|
6 |
-
'circle effect2 right to left' => 'circle effect2 right_to_left',
|
7 |
-
'circle effect2 top to bottom' => 'circle effect2 top_to_bottom',
|
8 |
-
'circle effect2 bottom to top' => 'circle effect2 bottom_to_top',
|
9 |
-
'circle effect3 left to right' => 'circle effect3 left_to_right',
|
10 |
-
'circle effect3 right to left' => 'circle effect3 right_to_left',
|
11 |
-
'circle effect3 bottom to top' => 'circle effect3 bottom_to_top',
|
12 |
-
'circle effect3 top to bottom' => 'circle effect3 top_to_bottom',
|
13 |
-
'circle effect4 left to right' => 'circle effect4 left_to_right',
|
14 |
-
'circle effect4 right to left' => 'circle effect4 right_to_left',
|
15 |
-
'circle effect4 top to bottom' => 'circle effect4 top_to_bottom',
|
16 |
-
'circle effect4 bottom to top' => 'circle effect4 bottom_to_top',
|
17 |
-
'circle effect5' => 'circle effect5',
|
18 |
-
'circle effect6 scale up' => 'circle effect6 scale_up',
|
19 |
-
'circle effect6 scale down' => 'circle effect6 scale_down',
|
20 |
-
'circle effect6 scale down up' => 'circle effect6 scale_down_up',
|
21 |
-
'circle effect7 left to right' => 'circle effect7 left_to_right',
|
22 |
-
'circle effect7 right to left' => 'circle effect7 right_to_left',
|
23 |
-
'circle effect7 top to bottom' => 'circle effect7 top_to_bottom',
|
24 |
-
'circle effect7 bottom to top' => 'circle effect7 bottom_to_top',
|
25 |
-
'circle effect8 left to right' => 'circle effect8 left_to_right',
|
26 |
-
'circle effect8 right to left' => 'circle effect8 right_to_left',
|
27 |
-
'circle effect8 top to bottom' => 'circle effect8 top_to_bottom',
|
28 |
-
'circle effect8 bottom to top' => 'circle effect8 bottom_to_top',
|
29 |
-
'circle effect9 left to right' => 'circle effect9 left_to_right',
|
30 |
-
'circle effect9 right to left' => 'circle effect9 right_to_left',
|
31 |
-
'circle effect9 top to bottom' => 'circle effect9 top_to_bottom',
|
32 |
-
'circle effect9 bottom to top' => 'circle effect9 bottom_to_top',
|
33 |
-
'circle effect10 top to bottom' => 'circle effect10 top_to_bottom',
|
34 |
-
'circle effect10 bottom to top' => 'circle effect10 bottom_to_top',
|
35 |
-
'circle effect11 left to right' => 'circle effect11 left_to_right',
|
36 |
-
'circle effect11 right to left' => 'circle effect11 right_to_left',
|
37 |
-
'circle effect11 top to bottom' => 'circle effect11 top_to_bottom',
|
38 |
-
'circle effect11 bottom to top' => 'circle effect11 bottom_to_top',
|
39 |
-
'circle effect12 left to right' => 'circle effect12 left_to_right',
|
40 |
-
'circle effect12 right to left' => 'circle effect12 right_to_left',
|
41 |
-
'circle effect12 top to bottom' => 'circle effect12 top_to_bottom',
|
42 |
-
'circle effect12 bottom to top' => 'circle effect12 bottom_to_top',
|
43 |
-
'circle effect13 from left and right' => 'circle effect13 from_left_and_right',
|
44 |
-
'circle effect13 top to bottom' => 'circle effect13 top_to_bottom',
|
45 |
-
'circle effect13 bottom to top' => 'circle effect13 bottom_to_top',
|
46 |
-
'circle effect14 left to right' => 'circle effect14 left_to_right',
|
47 |
-
'circle effect14 right to left' => 'circle effect14 right_to_left',
|
48 |
-
'circle effect14 top to bottom' => 'circle effect14 top_to_bottom',
|
49 |
-
'circle effect14 bottom to top' => 'circle effect14 bottom_to_top',
|
50 |
-
'circle effect15 left to right' => 'circle effect15 left_to_right',
|
51 |
-
'circle effect16 left to right' => 'circle effect16 left_to_right',
|
52 |
-
'circle effect16 right to left' => 'circle effect16 right_to_left',
|
53 |
-
'circle effect17' => 'circle effect17',
|
54 |
-
'circle effect18 bottom to top' => 'circle effect18 bottom_to_top',
|
55 |
-
'circle effect18 left to right' => 'circle effect18 left_to_right',
|
56 |
-
'circle effect18 right to left' => 'circle effect18 right_to_left',
|
57 |
-
'circle effect18 top to bottom' => 'circle effect18 top_to_bottom',
|
58 |
-
'circle effect19' => 'circle effect19',
|
59 |
-
'circle effect20 top to bottom' => 'circle effect20 top_to_bottom',
|
60 |
-
'circle effect20 bottom to top' => 'circle effect20 bottom_to_top',
|
61 |
-
'square effect1 left and right' => 'square effect1 left_and_right',
|
62 |
-
'square effect1 top to bottom' => 'square effect1 top_to_bottom',
|
63 |
-
'square effect1 bottom to top' => 'square effect1 bottom_to_top',
|
64 |
-
'square effect2' => 'square effect2',
|
65 |
-
'square effect3 bottom to top' => 'square effect3 bottom_to_top',
|
66 |
-
'square effect3 top to bottom' => 'square effect3 top_to_bottom',
|
67 |
-
'square effect4' => 'square effect4',
|
68 |
-
'square effect5 left to right' => 'square effect5 left_to_right',
|
69 |
-
'square effect5 right to left' => 'square effect5 right_to_left',
|
70 |
-
'square effect6 from top and bottom' => 'square effect6 from_top_and_bottom',
|
71 |
-
'square effect6 from left and right' => 'square effect6 from_left_and_right',
|
72 |
-
'square effect6 top to bottom' => 'square effect6 top_to_bottom',
|
73 |
-
'square effect6 bottom to top' => 'square effect6 bottom_to_top',
|
74 |
-
'square effect7' => 'square effect7',
|
75 |
-
'square effect8 scaleup' => 'square effect8 scale_up',
|
76 |
-
'square effect8 scaledown' => 'square effect8 scale_down',
|
77 |
-
'square effect9 bottom to top' => 'square effect9 bottom_to_top',
|
78 |
-
'square effect9 left to right' => 'square effect9 left_to_right',
|
79 |
-
'square effect9 right to left' => 'square effect9 right_to_left',
|
80 |
-
'square effect9 top to bottom' => 'square effect9 top_to_bottom',
|
81 |
-
'square effect10 left to right' => 'square effect10 left_to_right',
|
82 |
-
'square effect10 right to left' => 'square effect10 right_to_left',
|
83 |
-
'square effect10 top to bottom' => 'square effect10 top_to_bottom',
|
84 |
-
'square effect10 bottom to top' => 'square effect10 bottom_to_top',
|
85 |
-
'square effect11 left to right' => 'square effect11 left_to_right',
|
86 |
-
'square effect11 right to left' => 'square effect11 right_to_left',
|
87 |
-
'square effect11 top to bottom' => 'square effect11 top_to_bottom',
|
88 |
-
'square effect11 bottom to top' => 'square effect11 bottom_to_top',
|
89 |
-
'square effect12 left to right' => 'square effect12 left_to_right',
|
90 |
-
'square effect12 right to left' => 'square effect12 right_to_left',
|
91 |
-
'square effect12 top to bottom' => 'square effect12 top_to_bottom',
|
92 |
-
'square effect12 bottom to top' => 'square effect12 bottom_to_top',
|
93 |
-
'square effect13 left to right' => 'square effect13 left_to_right',
|
94 |
-
'square effect13 right to left' => 'square effect13 right_to_left',
|
95 |
-
'square effect13 top to bottom' => 'square effect13 top_to_bottom',
|
96 |
-
'square effect13 bottom to top' => 'square effect13 bottom_to_top',
|
97 |
-
'square effect14 left to right' => 'square effect14 left_to_right',
|
98 |
-
'square effect14 right to left' => 'square effect14 right_to_left',
|
99 |
-
'square effect14 top to bottom' => 'square effect14 top_to_bottom',
|
100 |
-
'square effect14 bottom to top' => 'square effect14 bottom_to_top',
|
101 |
-
'square effect15 left to right' => 'square effect15 left_to_right',
|
102 |
-
'square effect15 right to left' => 'square effect15 right_to_left',
|
103 |
-
'square effect15 top to bottom' => 'square effect15 top_to_bottom',
|
104 |
-
'square effect15 bottom to top' => 'square effect15 bottom_to_top'
|
105 |
-
|
106 |
-
);
|
107 |
-
|
108 |
-
|
109 |
-
$hover_params = array(
|
110 |
-
array(
|
111 |
-
"type" => "attach_image",
|
112 |
-
"heading" => __( 'Image', 'ich-vc' ),
|
113 |
-
"param_name" => "image_id",
|
114 |
-
"description" => __( 'Select the image', 'ich-vc' ),
|
115 |
-
"group" => 'Image',
|
116 |
-
),
|
117 |
-
|
118 |
-
array(
|
119 |
-
"type" => "textfield",
|
120 |
-
"heading" => __( 'Alternate Text', 'ich-vc' ),
|
121 |
-
"param_name" => "image_alt",
|
122 |
-
"description" => __( 'It will be used as alt attribute of img tag', 'ich-vc' ),
|
123 |
-
"group" => 'Image',
|
124 |
-
),
|
125 |
-
|
126 |
-
array(
|
127 |
-
"type" => "textfield",
|
128 |
-
"heading" => __( 'Link To', 'ich-vc' ),
|
129 |
-
"param_name" => "caption_url",
|
130 |
-
"description" => __( 'Enter URL to link caption', 'ich-vc' ),
|
131 |
-
"group" => 'Image',
|
132 |
-
),
|
133 |
-
array(
|
134 |
-
"type" => "textfield",
|
135 |
-
"heading" => __( 'Link Target', 'ich-vc' ),
|
136 |
-
"param_name" => "caption_url_target",
|
137 |
-
"description" => __( 'Write _blank to open link in new window', 'ich-vc' ),
|
138 |
-
"group" => 'Image',
|
139 |
-
),
|
140 |
-
|
141 |
-
|
142 |
-
/* Caption */
|
143 |
-
|
144 |
-
|
145 |
-
array(
|
146 |
-
"type" => "colorpicker",
|
147 |
-
"heading" => __( 'Caption Background Color', 'ich-vc' ),
|
148 |
-
"param_name" => "caption_bg",
|
149 |
-
"description" => __( 'Background color for caption', 'ich-vc' ),
|
150 |
-
"group" => 'Caption',
|
151 |
-
),
|
152 |
-
array(
|
153 |
-
"type" => "textarea_html",
|
154 |
-
"heading" => __( 'Caption Text', 'ich-vc' ),
|
155 |
-
"param_name" => "content",
|
156 |
-
"description" => __( 'Provide Caption Here', 'ich-vc' ),
|
157 |
-
"group" => 'Caption',
|
158 |
-
"value" => '<h2>Caption Text Here</h2>'
|
159 |
-
),
|
160 |
-
|
161 |
-
/* Border */
|
162 |
-
|
163 |
-
array(
|
164 |
-
"type" => "textfield",
|
165 |
-
"heading" => __( 'Border Width', 'ich-vc' ),
|
166 |
-
"param_name" => "border_width",
|
167 |
-
"description" => __( 'Width of border, eg: 15px. Leaving blank will disable border', 'ich-vc' ),
|
168 |
-
"group" => 'Border',
|
169 |
-
),
|
170 |
-
array(
|
171 |
-
"type" => "colorpicker",
|
172 |
-
"heading" => __( 'Border Color', 'ich-vc' ),
|
173 |
-
"param_name" => "border_color",
|
174 |
-
"description" => __( 'Select the color for border', 'ich-vc' ),
|
175 |
-
"group" => 'Border',
|
176 |
-
),
|
177 |
-
|
178 |
-
/* Hover Effects */
|
179 |
-
|
180 |
-
array(
|
181 |
-
"type" => "dropdown",
|
182 |
-
"heading" => __( 'Hover Effect', 'ich-vc' ),
|
183 |
-
"param_name" => "hover_effect",
|
184 |
-
"description" => __( 'Choose hover effect', 'ich-vc' ),
|
185 |
-
"group" => 'Hover Effects',
|
186 |
-
"value" => $hoverEffects,
|
187 |
-
),
|
188 |
-
);
|
189 |
-
|
190 |
-
|
191 |
-
|
192 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/infoBannerSetting.php
DELETED
@@ -1,278 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
// info banner
|
3 |
-
$styleVisibility = array(
|
4 |
-
'Left image right content' => 'left',
|
5 |
-
'Left content right image' => 'right',
|
6 |
-
'Top image bottom content' => 'top_to_bottom',
|
7 |
-
);
|
8 |
-
|
9 |
-
$infobanner_params = array(
|
10 |
-
array(
|
11 |
-
"type" => "dropdown",
|
12 |
-
"heading" => __( 'Style', 'info-banner-vc' ),
|
13 |
-
"param_name" => "style_visibility",
|
14 |
-
"description" => __( 'select styles for info banner', 'info-banner-vc' ),
|
15 |
-
"group" => 'General',
|
16 |
-
"value" => $styleVisibility,
|
17 |
-
),
|
18 |
-
|
19 |
-
array(
|
20 |
-
"type" => "textfield",
|
21 |
-
"heading" => __( 'Container padding from top', 'info-banner-vc' ),
|
22 |
-
"param_name" => "box_padding",
|
23 |
-
"description" => __( 'set padding for whole container from top e.g 10px', 'info-banner-vc' ),
|
24 |
-
"group" => 'General',
|
25 |
-
),
|
26 |
-
|
27 |
-
array(
|
28 |
-
"type" => "textfield",
|
29 |
-
"heading" => __( 'Container padding from bottom', 'info-banner-vc' ),
|
30 |
-
"param_name" => "box_padding2",
|
31 |
-
"description" => __( 'set padding for whole container from bottom side e.g 10px', 'info-banner-vc' ),
|
32 |
-
"group" => 'General',
|
33 |
-
),
|
34 |
-
|
35 |
-
array(
|
36 |
-
"type" => "textfield",
|
37 |
-
"heading" => __( 'Container padding for left & right', 'info-banner-vc' ),
|
38 |
-
"param_name" => "box_padding3",
|
39 |
-
"description" => __( 'set padding for whole container from left & right side e.g 10px', 'info-banner-vc' ),
|
40 |
-
"group" => 'General',
|
41 |
-
),
|
42 |
-
|
43 |
-
array(
|
44 |
-
"type" => "textfield",
|
45 |
-
"heading" => __( 'Picture box width', 'info-banner-vc' ),
|
46 |
-
"param_name" => "pic_width",
|
47 |
-
"description" => __( 'Set the width of picture box in percentage e.g 30%', 'info-banner-vc' ),
|
48 |
-
"group" => 'General',
|
49 |
-
),
|
50 |
-
|
51 |
-
array(
|
52 |
-
"type" => "textfield",
|
53 |
-
"heading" => __( 'Content box width', 'info-banner-vc' ),
|
54 |
-
"param_name" => "content_width",
|
55 |
-
"description" => __( 'Set the width of content box in percentage e.g 70%', 'info-banner-vc' ),
|
56 |
-
"group" => 'General',
|
57 |
-
),
|
58 |
-
|
59 |
-
array(
|
60 |
-
"type" => "textfieldsa",
|
61 |
-
"heading" => __( 'Set background image or background color', 'info-banner-vc' ),
|
62 |
-
"param_name" => "style_bg",
|
63 |
-
"group" => 'General',
|
64 |
-
),
|
65 |
-
|
66 |
-
array(
|
67 |
-
"type" => "attach_image",
|
68 |
-
"heading" => __( 'Background image', 'info-banner-vc' ),
|
69 |
-
"param_name" => "image_id",
|
70 |
-
"description" => __( 'Select complete background image for info box', 'info-banner-vc' ),
|
71 |
-
"group" => 'General',
|
72 |
-
),
|
73 |
-
|
74 |
-
array(
|
75 |
-
"type" => "colorpicker",
|
76 |
-
"heading" => __( 'Background color', 'info-banner-vc' ),
|
77 |
-
"param_name" => "bg_clr",
|
78 |
-
"description" => __( 'Select color for complete background info box e.g #fff', 'info-banner-vc' ),
|
79 |
-
"group" => 'General',
|
80 |
-
),
|
81 |
-
|
82 |
-
// Content Area
|
83 |
-
|
84 |
-
array(
|
85 |
-
"type" => "attach_image",
|
86 |
-
"heading" => __( 'Banner image', 'info-banner-vc' ),
|
87 |
-
"param_name" => "image_id2",
|
88 |
-
"description" => __( 'Select image for banner logo', 'info-banner-vc' ),
|
89 |
-
"group" => 'Image',
|
90 |
-
),
|
91 |
-
|
92 |
-
array(
|
93 |
-
"type" => "textfield",
|
94 |
-
"heading" => __( 'Image width', 'info-banner-vc' ),
|
95 |
-
"param_name" => "pic_size",
|
96 |
-
"description" => __( 'set image width e.g 100px or leave blank for default', 'info-banner-vc' ),
|
97 |
-
"group" => 'Image',
|
98 |
-
),
|
99 |
-
array(
|
100 |
-
"type" => "textfield",
|
101 |
-
"heading" => __( 'Image height', 'info-banner-vc' ),
|
102 |
-
"param_name" => "pic_height",
|
103 |
-
"description" => __( 'set image height e.g 100px or leave blank for default', 'info-banner-vc' ),
|
104 |
-
"group" => 'Image',
|
105 |
-
),
|
106 |
-
|
107 |
-
array(
|
108 |
-
"type" => "textfield",
|
109 |
-
"heading" => __( 'Padding Top', 'info-banner-vc' ),
|
110 |
-
"param_name" => "pic_ptop",
|
111 |
-
"description" => __( 'set padding from top for picture e.g 10px or leave blank', 'info-banner-vc' ),
|
112 |
-
"group" => 'Image',
|
113 |
-
),
|
114 |
-
|
115 |
-
array(
|
116 |
-
"type" => "textarea_html",
|
117 |
-
"heading" => __( 'Description', 'info-banner-vc' ),
|
118 |
-
"param_name" => "content",
|
119 |
-
"description" => __( 'write detail about info banner', 'info-banner-vc' ),
|
120 |
-
"group" => 'Content',
|
121 |
-
"value" => '<h2>Caption Text Here</h2><h4>Now Available <i>$99</i></h4><br><p>caption detail here</p>'
|
122 |
-
),
|
123 |
-
|
124 |
-
array(
|
125 |
-
"type" => "textfield",
|
126 |
-
"heading" => __( 'Top Padding', 'info-banner-vc' ),
|
127 |
-
"param_name" => "content_ptop",
|
128 |
-
"description" => __( 'set padding for content from top e.g 10px', 'info-banner-vc' ),
|
129 |
-
"group" => 'Content',
|
130 |
-
),
|
131 |
-
array(
|
132 |
-
"type" => "textfield",
|
133 |
-
"heading" => __( 'Padding left', 'info-banner-vc' ),
|
134 |
-
"param_name" => "content_pleft",
|
135 |
-
"description" => __( 'set padding for content from left e.g 10px', 'info-banner-vc' ),
|
136 |
-
"group" => 'Content',
|
137 |
-
),
|
138 |
-
|
139 |
-
|
140 |
-
/** Ribbon Setting **/
|
141 |
-
|
142 |
-
array(
|
143 |
-
"type" => "textfield",
|
144 |
-
"heading" => __( 'Ribbon text', 'info-banner-vc' ),
|
145 |
-
"param_name" => "ribbon_text",
|
146 |
-
"description" => __( 'write ribbon text for special offer or leave blank', 'info-banner-vc' ),
|
147 |
-
"group" => 'Ribbon',
|
148 |
-
),
|
149 |
-
|
150 |
-
array(
|
151 |
-
"type" => "colorpicker",
|
152 |
-
"heading" => __( 'Text color', 'info-banner-vc' ),
|
153 |
-
"param_name" => "ribbon_clr",
|
154 |
-
"description" => __( 'Ribbon text color', 'info-banner-vc' ),
|
155 |
-
"group" => 'Ribbon',
|
156 |
-
),
|
157 |
-
|
158 |
-
array(
|
159 |
-
"type" => "colorpicker",
|
160 |
-
"heading" => __( 'Background color', 'info-banner-vc' ),
|
161 |
-
"param_name" => "ribbon_bg",
|
162 |
-
"description" => __( 'Ribbon background color', 'info-banner-vc' ),
|
163 |
-
"group" => 'Ribbon',
|
164 |
-
),
|
165 |
-
|
166 |
-
|
167 |
-
/** Button Setting **/
|
168 |
-
array(
|
169 |
-
"type" => "textfield",
|
170 |
-
"heading" => __( 'Padding from top & bottom', 'info-banner-vc' ),
|
171 |
-
"param_name" => "btn_ptop",
|
172 |
-
"description" => __( 'set padding and it will increase height of button e.g 10px', 'info-banner-vc' ),
|
173 |
-
"group" => 'Button Text',
|
174 |
-
),
|
175 |
-
|
176 |
-
array(
|
177 |
-
"type" => "textfield",
|
178 |
-
"heading" => __( 'Padding from left & right', 'info-banner-vc' ),
|
179 |
-
"param_name" => "btn_pleft",
|
180 |
-
"description" => __( 'set padding and it will increase width of button e.g 10px', 'info-banner-vc' ),
|
181 |
-
"group" => 'Button Text',
|
182 |
-
),
|
183 |
-
|
184 |
-
array(
|
185 |
-
"type" => "textfield",
|
186 |
-
"heading" => __( 'Button text', 'info-banner-vc' ),
|
187 |
-
"param_name" => "btn_text",
|
188 |
-
"description" => __( 'Write button text', 'info-banner-vc' ),
|
189 |
-
"group" => 'Button Text',
|
190 |
-
),
|
191 |
-
array(
|
192 |
-
"type" => "textfield",
|
193 |
-
"heading" => __( 'Text font size', 'info-banner-vc' ),
|
194 |
-
"param_name" => "btn_size",
|
195 |
-
"description" => __( 'Set font size in pixel e.g 18px', 'info-banner-vc' ),
|
196 |
-
"group" => 'Button Text',
|
197 |
-
),
|
198 |
-
array(
|
199 |
-
"type" => "textfield",
|
200 |
-
"heading" => __( 'Border Radius', 'info-banner-vc' ),
|
201 |
-
"param_name" => "btn_radius",
|
202 |
-
"description" => __( 'button border will turn into radius by increasing pixel e.g 5px or leave blank', 'info-banner-vc' ),
|
203 |
-
"group" => 'Button Text',
|
204 |
-
),
|
205 |
-
array(
|
206 |
-
"type" => "textfield",
|
207 |
-
"heading" => __( 'Button URL', 'info-banner-vc' ),
|
208 |
-
"param_name" => "btn_url",
|
209 |
-
"description" => __( 'Write button url as link', 'info-banner-vc' ),
|
210 |
-
"group" => 'Button Text',
|
211 |
-
),
|
212 |
-
array(
|
213 |
-
"type" => "textfield",
|
214 |
-
"heading" => __( 'Open in new windows', 'info-banner-vc' ),
|
215 |
-
"param_name" => "btn_next",
|
216 |
-
"description" => __( 'Write _blank for open link in new windows or leave blank for none', 'info-banner-vc' ),
|
217 |
-
"group" => 'Button Text',
|
218 |
-
),
|
219 |
-
|
220 |
-
array(
|
221 |
-
"type" => "iconpicker",
|
222 |
-
"heading" => __( 'Select icon', 'info-banner-vc' ),
|
223 |
-
"param_name" => "btn_icon",
|
224 |
-
"description" => __( 'it will be show within text', 'info-banner-vc' ),
|
225 |
-
"group" => 'Button Text',
|
226 |
-
),
|
227 |
-
|
228 |
-
/** color **/
|
229 |
-
|
230 |
-
array(
|
231 |
-
"type" => "colorpicker",
|
232 |
-
"heading" => __( 'Border color', 'info-banner-vc' ),
|
233 |
-
"param_name" => "border_clr",
|
234 |
-
"description" => __( 'Set color of border e.g #269CE9', 'info-banner-vc' ),
|
235 |
-
"group" => 'Button color',
|
236 |
-
),
|
237 |
-
|
238 |
-
array(
|
239 |
-
"type" => "textfield",
|
240 |
-
"heading" => __( 'Border width', 'info-banner-vc' ),
|
241 |
-
"param_name" => "border_width",
|
242 |
-
"description" => __( 'Set width of border in pixel e.g 1px', 'info-banner-vc' ),
|
243 |
-
"group" => 'Button color',
|
244 |
-
),
|
245 |
-
|
246 |
-
array(
|
247 |
-
"type" => "colorpicker",
|
248 |
-
"heading" => __( 'Text color', 'info-banner-vc' ),
|
249 |
-
"param_name" => "btn_clr",
|
250 |
-
"description" => __( 'Set color of text e.g #ffff', 'info-banner-vc' ),
|
251 |
-
"group" => 'Button color',
|
252 |
-
),
|
253 |
-
|
254 |
-
array(
|
255 |
-
"type" => "colorpicker",
|
256 |
-
"heading" => __( 'Background color', 'info-banner-vc' ),
|
257 |
-
"param_name" => "btn_bg",
|
258 |
-
"description" => __( 'Set background color of text e.g #000', 'info-banner-vc' ),
|
259 |
-
"group" => 'Button color',
|
260 |
-
),
|
261 |
-
|
262 |
-
array(
|
263 |
-
"type" => "colorpicker",
|
264 |
-
"heading" => __( 'Hover Text color', 'info-banner-vc' ),
|
265 |
-
"param_name" => "btn_hvrclr",
|
266 |
-
"description" => __( 'Set color of text on hover e.g #ffff', 'info-banner-vc' ),
|
267 |
-
"group" => 'Button color',
|
268 |
-
),
|
269 |
-
|
270 |
-
array(
|
271 |
-
"type" => "colorpicker",
|
272 |
-
"heading" => __( 'Background color', 'info-banner-vc' ),
|
273 |
-
"param_name" => "btn_hvrbg",
|
274 |
-
"description" => __( 'Set color of background on hover e.g #269CE9', 'info-banner-vc' ),
|
275 |
-
"group" => 'Button color',
|
276 |
-
),
|
277 |
-
);
|
278 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/infoBoxSetting.php
DELETED
@@ -1,155 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$infoStyle = array(
|
3 |
-
'Vertical' => 'mega_info_box',
|
4 |
-
'Horizental' => 'mega_info_box_2',
|
5 |
-
);
|
6 |
-
$infoOpt = array(
|
7 |
-
'Image' => 'show_image',
|
8 |
-
'Font Icon' => 'show_icon',
|
9 |
-
);
|
10 |
-
$btnVisibility = array(
|
11 |
-
'Hide' => 'none',
|
12 |
-
'Show' => 'initial',
|
13 |
-
);
|
14 |
-
$infoBox_params = array(
|
15 |
-
array(
|
16 |
-
"type" => "dropdown",
|
17 |
-
"heading" => __( 'Select Style', 'ib-vc' ),
|
18 |
-
"param_name" => "info_style",
|
19 |
-
"description" => __( 'Choose info style', 'ib-vc' ),
|
20 |
-
"group" => 'General',
|
21 |
-
"value" => $infoStyle,
|
22 |
-
),
|
23 |
-
array(
|
24 |
-
"type" => "dropdown",
|
25 |
-
"heading" => __( 'Select Image or Font icon', 'ib-vc' ),
|
26 |
-
"param_name" => "info_opt",
|
27 |
-
"description" => __( 'Select Image or Font icon', 'ib-vc' ),
|
28 |
-
"group" => 'General',
|
29 |
-
"value" => $infoOpt,
|
30 |
-
),
|
31 |
-
array(
|
32 |
-
"type" => "attach_image",
|
33 |
-
"heading" => __( 'Image', 'ib-vc' ),
|
34 |
-
"param_name" => "image_id",
|
35 |
-
"description" => __( 'Select the image', 'ib-vc' ),
|
36 |
-
"group" => 'General',
|
37 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
38 |
-
),
|
39 |
-
array(
|
40 |
-
"type" => "textfield",
|
41 |
-
"heading" => __( 'Alternate Text', 'ib-vc' ),
|
42 |
-
"param_name" => "image_alt",
|
43 |
-
"description" => __( 'It will be used as alt attribute of img tag', 'ib-vc' ),
|
44 |
-
"group" => 'General',
|
45 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
46 |
-
),
|
47 |
-
array(
|
48 |
-
"type" => "textfield",
|
49 |
-
"heading" => __( 'Width', 'ib-vc' ),
|
50 |
-
"param_name" => "image_size",
|
51 |
-
"description" => __( 'Set the width in pixel e.g 80px', 'ib-vc' ),
|
52 |
-
"group" => 'General',
|
53 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
54 |
-
),
|
55 |
-
array(
|
56 |
-
"type" => "iconpicker",
|
57 |
-
"heading" => __( 'Font icon', 'ib-vc' ),
|
58 |
-
"param_name" => "font_icon",
|
59 |
-
"description" => __( 'Select the font icon', 'ib-vc' ),
|
60 |
-
"group" => 'General',
|
61 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
62 |
-
),
|
63 |
-
array(
|
64 |
-
"type" => "textfield",
|
65 |
-
"heading" => __( 'Font size', 'ib-vc' ),
|
66 |
-
"param_name" => "icon_size",
|
67 |
-
"description" => __( 'Set icon font size in pixel e.g 30px', 'ib-vc' ),
|
68 |
-
"group" => 'General',
|
69 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
70 |
-
),
|
71 |
-
array(
|
72 |
-
"type" => "colorpicker",
|
73 |
-
"heading" => __( 'Font Color', 'ib-vc' ),
|
74 |
-
"param_name" => "icon_color",
|
75 |
-
"description" => __( 'Set icon color', 'ib-vc' ),
|
76 |
-
"group" => 'General',
|
77 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
78 |
-
),
|
79 |
-
array(
|
80 |
-
"type" => "css_editor",
|
81 |
-
"heading" => __( 'Set styles for Font icon', 'ib-vc' ),
|
82 |
-
"param_name" => "css",
|
83 |
-
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
84 |
-
"group" => 'General',
|
85 |
-
),
|
86 |
-
|
87 |
-
/* Detail */
|
88 |
-
|
89 |
-
array(
|
90 |
-
"type" => "textfield",
|
91 |
-
"heading" => __( 'Title', 'ib-vc' ),
|
92 |
-
"param_name" => "info_title",
|
93 |
-
"description" => __( 'Write title for heading', 'ib-vc' ),
|
94 |
-
"group" => 'Detail',
|
95 |
-
),
|
96 |
-
array(
|
97 |
-
"type" => "textfield",
|
98 |
-
"heading" => __( 'Title font size', 'ib-vc' ),
|
99 |
-
"param_name" => "title_size",
|
100 |
-
"description" => __( 'Set font size for title e.g 16px', 'ib-vc' ),
|
101 |
-
"group" => 'Detail',
|
102 |
-
),
|
103 |
-
array(
|
104 |
-
"type" => "textfield",
|
105 |
-
"heading" => __( 'Description', 'ib-vc' ),
|
106 |
-
"param_name" => "info_desc",
|
107 |
-
"description" => __( 'Write description for detail', 'ib-vc' ),
|
108 |
-
"group" => 'Detail',
|
109 |
-
),
|
110 |
-
array(
|
111 |
-
"type" => "textfield",
|
112 |
-
"heading" => __( 'Description font size', 'ib-vc' ),
|
113 |
-
"param_name" => "desc_size",
|
114 |
-
"description" => __( 'Set font size for description e.g 14px', 'ib-vc' ),
|
115 |
-
"group" => 'Detail',
|
116 |
-
),
|
117 |
-
|
118 |
-
/* Button */
|
119 |
-
|
120 |
-
array(
|
121 |
-
"type" => "dropdown",
|
122 |
-
"heading" => __( 'Show/Hide button', 'ib-vc' ),
|
123 |
-
"param_name" => "btn_visibility",
|
124 |
-
"description" => __( 'Select Show or Hide Button ', 'ib-vc' ),
|
125 |
-
"group" => 'Button',
|
126 |
-
"value" => $btnVisibility,
|
127 |
-
),
|
128 |
-
|
129 |
-
array(
|
130 |
-
"type" => "textfield",
|
131 |
-
"heading" => __( 'Button Text', 'ib-vc' ),
|
132 |
-
"param_name" => "btn_text",
|
133 |
-
"description" => __( 'Button text name', 'ib-vc' ),
|
134 |
-
"group" => 'Button',
|
135 |
-
),
|
136 |
-
|
137 |
-
array(
|
138 |
-
"type" => "textfield",
|
139 |
-
"heading" => __( 'Button Url', 'ib-vc' ),
|
140 |
-
"param_name" => "btn_url",
|
141 |
-
"description" => __( 'Write Button URL for link', 'ib-vc' ),
|
142 |
-
"group" => 'Button',
|
143 |
-
),
|
144 |
-
|
145 |
-
array(
|
146 |
-
"type" => "colorpicker",
|
147 |
-
"heading" => __( 'Background color', 'ib-vc' ),
|
148 |
-
"param_name" => "btn_bg",
|
149 |
-
"description" => __( 'Set Button background color', 'ib-vc' ),
|
150 |
-
"group" => 'Button',
|
151 |
-
),
|
152 |
-
|
153 |
-
);
|
154 |
-
|
155 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/memberSetting.php
DELETED
@@ -1,359 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$memberVisibility = array(
|
3 |
-
'Grow' => 'grow',
|
4 |
-
'Float' => 'float',
|
5 |
-
'Outset' => 'outset',
|
6 |
-
'Smart' => 'smart',
|
7 |
-
);
|
8 |
-
|
9 |
-
$member_params = array(
|
10 |
-
array(
|
11 |
-
"type" => "dropdown",
|
12 |
-
"heading" => __( 'Member Style', 'member-vc' ),
|
13 |
-
"param_name" => "member_visibility",
|
14 |
-
"description" => __( 'Select style of member profile', 'member-vc' ),
|
15 |
-
"group" => 'General',
|
16 |
-
"value" => $memberVisibility,
|
17 |
-
),
|
18 |
-
|
19 |
-
array(
|
20 |
-
"type" => "colorpicker",
|
21 |
-
"heading" => __( 'Profile color', 'member-vc' ),
|
22 |
-
"param_name" => "member_clr",
|
23 |
-
"description" => __( 'color effects for the team meber', 'member-vc' ),
|
24 |
-
"group" => 'General',
|
25 |
-
),
|
26 |
-
|
27 |
-
array(
|
28 |
-
"type" => "textfield",
|
29 |
-
"heading" => __( 'URL Link', 'member-vc' ),
|
30 |
-
"param_name" => "url",
|
31 |
-
"description" => __( 'It will move to next page on click', 'member-vc' ),
|
32 |
-
"group" => 'General',
|
33 |
-
),
|
34 |
-
|
35 |
-
array(
|
36 |
-
"type" => "attach_image",
|
37 |
-
"heading" => __( 'Image', 'member-vc' ),
|
38 |
-
"param_name" => "image_id",
|
39 |
-
"description" => __( 'Select the image', 'member-vc' ),
|
40 |
-
"group" => 'General',
|
41 |
-
),
|
42 |
-
|
43 |
-
array(
|
44 |
-
"type" => "textfield",
|
45 |
-
"heading" => __( 'Alternate Text', 'member-vc' ),
|
46 |
-
"param_name" => "image_alt",
|
47 |
-
"description" => __( 'It will be used as alt attribute of img tag', 'member-vc' ),
|
48 |
-
"group" => 'General',
|
49 |
-
),
|
50 |
-
|
51 |
-
array(
|
52 |
-
"type" => "textfield",
|
53 |
-
"heading" => __( 'Member name', 'member-vc' ),
|
54 |
-
"param_name" => "memb_name",
|
55 |
-
"description" => __( 'Write member name', 'member-vc' ),
|
56 |
-
"group" => 'About',
|
57 |
-
),
|
58 |
-
|
59 |
-
array(
|
60 |
-
"type" => "textfield",
|
61 |
-
"heading" => __( 'Profession', 'member-vc' ),
|
62 |
-
"param_name" => "memb_prof",
|
63 |
-
"description" => __( 'Write member profession', 'member-vc' ),
|
64 |
-
"group" => 'About',
|
65 |
-
),
|
66 |
-
|
67 |
-
array(
|
68 |
-
"type" => "textfield",
|
69 |
-
"heading" => __( 'About', 'member-vc' ),
|
70 |
-
"param_name" => "memb_about",
|
71 |
-
"description" => __( 'Info about member in detail', 'member-vc' ),
|
72 |
-
"group" => 'About',
|
73 |
-
),
|
74 |
-
|
75 |
-
/*** Info ****/
|
76 |
-
|
77 |
-
array(
|
78 |
-
"type" => "textfield",
|
79 |
-
"heading" => __( 'Info text font size', 'member-vc' ),
|
80 |
-
"param_name" => "info_size",
|
81 |
-
"description" => __( 'Write font size along with units e.g 13px', 'member-vc' ),
|
82 |
-
"group" => 'Info',
|
83 |
-
),
|
84 |
-
|
85 |
-
array(
|
86 |
-
"type" => "colorpicker",
|
87 |
-
"heading" => __( 'Text Color', 'member-vc' ),
|
88 |
-
"param_name" => "info_clr",
|
89 |
-
"description" => __( 'Set color of all info text', 'member-vc' ),
|
90 |
-
"group" => 'Info',
|
91 |
-
),
|
92 |
-
|
93 |
-
array(
|
94 |
-
"type" => "textfield",
|
95 |
-
"heading" => __( 'Email', 'member-vc' ),
|
96 |
-
"param_name" => "memb_email",
|
97 |
-
"description" => __( 'Write member email address or leave blank', 'member-vc' ),
|
98 |
-
"group" => 'Info',
|
99 |
-
),
|
100 |
-
|
101 |
-
array(
|
102 |
-
"type" => "textfield",
|
103 |
-
"heading" => __( 'Site Url', 'member-vc' ),
|
104 |
-
"param_name" => "memb_url",
|
105 |
-
"description" => __( 'Write member site url or leave blank', 'member-vc' ),
|
106 |
-
"group" => 'Info',
|
107 |
-
),
|
108 |
-
|
109 |
-
array(
|
110 |
-
"type" => "textfield",
|
111 |
-
"heading" => __( 'Contact number', 'member-vc' ),
|
112 |
-
"param_name" => "memb_numb",
|
113 |
-
"description" => __( 'Write member contact number or leave blank', 'member-vc' ),
|
114 |
-
"group" => 'Info',
|
115 |
-
),
|
116 |
-
|
117 |
-
array(
|
118 |
-
"type" => "textfield",
|
119 |
-
"heading" => __( 'Address', 'member-vc' ),
|
120 |
-
"param_name" => "memb_addr",
|
121 |
-
"description" => __( 'Write member address or leave blank', 'member-vc' ),
|
122 |
-
"group" => 'Info',
|
123 |
-
),
|
124 |
-
|
125 |
-
/*** Skills ****/
|
126 |
-
|
127 |
-
array(
|
128 |
-
"type" => "textfield",
|
129 |
-
"heading" => __( 'Skill 1', 'member-vc' ),
|
130 |
-
"param_name" => "memb_skill",
|
131 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'member-vc' ),
|
132 |
-
"group" => 'Skill',
|
133 |
-
),
|
134 |
-
|
135 |
-
array(
|
136 |
-
"type" => "textfield",
|
137 |
-
"heading" => __( 'First percentage', 'member-vc' ),
|
138 |
-
"param_name" => "memb_perl",
|
139 |
-
"description" => __( 'first skill percentage e.g 87% or leave blank', 'member-vc' ),
|
140 |
-
"group" => 'Skill',
|
141 |
-
),
|
142 |
-
|
143 |
-
array(
|
144 |
-
"type" => "textfield",
|
145 |
-
"heading" => __( 'Skill 2', 'member-vc' ),
|
146 |
-
"param_name" => "memb_skill2",
|
147 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'member-vc' ),
|
148 |
-
"group" => 'Skill',
|
149 |
-
),
|
150 |
-
|
151 |
-
array(
|
152 |
-
"type" => "textfield",
|
153 |
-
"heading" => __( 'Second percentage', 'member-vc' ),
|
154 |
-
"param_name" => "memb_per2",
|
155 |
-
"description" => __( 'second skill percentage e.g 83% or leave blank', 'member-vc' ),
|
156 |
-
"group" => 'Skill',
|
157 |
-
),
|
158 |
-
|
159 |
-
array(
|
160 |
-
"type" => "textfield",
|
161 |
-
"heading" => __( 'Skill 3', 'member-vc' ),
|
162 |
-
"param_name" => "memb_skill3",
|
163 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'member-vc' ),
|
164 |
-
"group" => 'Skill',
|
165 |
-
),
|
166 |
-
|
167 |
-
array(
|
168 |
-
"type" => "textfield",
|
169 |
-
"heading" => __( 'Third percentage', 'member-vc' ),
|
170 |
-
"param_name" => "memb_per3",
|
171 |
-
"description" => __( 'third skill percentage e.g 83% or leave blank', 'member-vc' ),
|
172 |
-
"group" => 'Skill',
|
173 |
-
),
|
174 |
-
|
175 |
-
array(
|
176 |
-
"type" => "textfield",
|
177 |
-
"heading" => __( 'Skill 4', 'member-vc' ),
|
178 |
-
"param_name" => "memb_skill4",
|
179 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'member-vc' ),
|
180 |
-
"group" => 'Skill',
|
181 |
-
),
|
182 |
-
|
183 |
-
array(
|
184 |
-
"type" => "textfield",
|
185 |
-
"heading" => __( 'Fourth percentage', 'member-vc' ),
|
186 |
-
"param_name" => "memb_per4",
|
187 |
-
"description" => __( 'fourth skill percentage e.g 83% or leave blank', 'member-vc' ),
|
188 |
-
"group" => 'Skill',
|
189 |
-
),
|
190 |
-
|
191 |
-
array(
|
192 |
-
"type" => "textfield",
|
193 |
-
"heading" => __( 'Skill 5', 'member-vc' ),
|
194 |
-
"param_name" => "memb_skill5",
|
195 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'member-vc' ),
|
196 |
-
"group" => 'Skill',
|
197 |
-
),
|
198 |
-
|
199 |
-
array(
|
200 |
-
"type" => "textfield",
|
201 |
-
"heading" => __( 'Fifth percentage', 'member-vc' ),
|
202 |
-
"param_name" => "memb_per5",
|
203 |
-
"description" => __( 'fifth skill percentage e.g 83% or leave blank', 'member-vc' ),
|
204 |
-
"group" => 'Skill',
|
205 |
-
),
|
206 |
-
|
207 |
-
/*** Social Icons ***/
|
208 |
-
|
209 |
-
array(
|
210 |
-
"type" => "iconpicker",
|
211 |
-
"heading" => __( 'Social icon', 'member-vc' ),
|
212 |
-
"param_name" => "social_icon",
|
213 |
-
"description" => __( 'choose icon for social upadate', 'member-vc' ),
|
214 |
-
"group" => 'Social',
|
215 |
-
),
|
216 |
-
|
217 |
-
array(
|
218 |
-
"type" => "textfield",
|
219 |
-
"heading" => __( 'First Social Url', 'member-vc' ),
|
220 |
-
"param_name" => "social_url",
|
221 |
-
"description" => __( 'first social url', 'member-vc' ),
|
222 |
-
"group" => 'Social',
|
223 |
-
),
|
224 |
-
|
225 |
-
array(
|
226 |
-
"type" => "colorpicker",
|
227 |
-
"heading" => __( 'First Social Backgroud', 'member-vc' ),
|
228 |
-
"param_name" => "social_clr",
|
229 |
-
"description" => __( 'background color of social icon', 'member-vc' ),
|
230 |
-
"group" => 'Social',
|
231 |
-
),
|
232 |
-
|
233 |
-
|
234 |
-
array(
|
235 |
-
"type" => "iconpicker",
|
236 |
-
"heading" => __( 'Second social icon', 'member-vc' ),
|
237 |
-
"param_name" => "social_icon2",
|
238 |
-
"description" => __( 'choose icon for social', 'member-vc' ),
|
239 |
-
"group" => 'Social',
|
240 |
-
),
|
241 |
-
|
242 |
-
array(
|
243 |
-
"type" => "textfield",
|
244 |
-
"heading" => __( 'Second Social Url', 'member-vc' ),
|
245 |
-
"param_name" => "social_url2",
|
246 |
-
"description" => __( 'Second social url', 'member-vc' ),
|
247 |
-
"group" => 'Social',
|
248 |
-
),
|
249 |
-
|
250 |
-
array(
|
251 |
-
"type" => "colorpicker",
|
252 |
-
"heading" => __( 'Second Social Backgroud', 'member-vc' ),
|
253 |
-
"param_name" => "social_clr2",
|
254 |
-
"description" => __( 'background color of social icon', 'member-vc' ),
|
255 |
-
"group" => 'Social',
|
256 |
-
),
|
257 |
-
|
258 |
-
|
259 |
-
array(
|
260 |
-
"type" => "iconpicker",
|
261 |
-
"heading" => __( 'Third social icon', 'member-vc' ),
|
262 |
-
"param_name" => "social_icon3",
|
263 |
-
"description" => __( 'choose icon for social', 'member-vc' ),
|
264 |
-
"group" => 'Social',
|
265 |
-
),
|
266 |
-
|
267 |
-
array(
|
268 |
-
"type" => "textfield",
|
269 |
-
"heading" => __( 'Third Social Url', 'member-vc' ),
|
270 |
-
"param_name" => "social_url3",
|
271 |
-
"description" => __( 'Third social url', 'member-vc' ),
|
272 |
-
"group" => 'Social',
|
273 |
-
),
|
274 |
-
|
275 |
-
array(
|
276 |
-
"type" => "colorpicker",
|
277 |
-
"heading" => __( 'Third Social Backgroud', 'member-vc' ),
|
278 |
-
"param_name" => "social_clr3",
|
279 |
-
"description" => __( 'background color of social icon', 'member-vc' ),
|
280 |
-
"group" => 'Social',
|
281 |
-
),
|
282 |
-
|
283 |
-
|
284 |
-
array(
|
285 |
-
"type" => "iconpicker",
|
286 |
-
"heading" => __( 'Fourth social icon', 'member-vc' ),
|
287 |
-
"param_name" => "social_icon4",
|
288 |
-
"description" => __( 'choose icon for social', 'member-vc' ),
|
289 |
-
"group" => 'Social',
|
290 |
-
),
|
291 |
-
|
292 |
-
array(
|
293 |
-
"type" => "textfield",
|
294 |
-
"heading" => __( 'Fourth Social Url', 'member-vc' ),
|
295 |
-
"param_name" => "social_url4",
|
296 |
-
"description" => __( 'Fourth social url', 'member-vc' ),
|
297 |
-
"group" => 'Social',
|
298 |
-
),
|
299 |
-
|
300 |
-
array(
|
301 |
-
"type" => "colorpicker",
|
302 |
-
"heading" => __( 'Fourth Social Backgroud', 'member-vc' ),
|
303 |
-
"param_name" => "social_clr4",
|
304 |
-
"description" => __( 'background color of social icon', 'member-vc' ),
|
305 |
-
"group" => 'Social',
|
306 |
-
),
|
307 |
-
|
308 |
-
|
309 |
-
array(
|
310 |
-
"type" => "iconpicker",
|
311 |
-
"heading" => __( 'Fifth social icon', 'member-vc' ),
|
312 |
-
"param_name" => "social_icon5",
|
313 |
-
"description" => __( 'choose icon for social', 'member-vc' ),
|
314 |
-
"group" => 'Social',
|
315 |
-
),
|
316 |
-
|
317 |
-
array(
|
318 |
-
"type" => "textfield",
|
319 |
-
"heading" => __( 'Fifth Social Url', 'member-vc' ),
|
320 |
-
"param_name" => "social_url5",
|
321 |
-
"description" => __( 'Fifth social url', 'member-vc' ),
|
322 |
-
"group" => 'Social',
|
323 |
-
),
|
324 |
-
|
325 |
-
array(
|
326 |
-
"type" => "colorpicker",
|
327 |
-
"heading" => __( 'Fifth Social Backgroud', 'member-vc' ),
|
328 |
-
"param_name" => "social_clr5",
|
329 |
-
"description" => __( 'background color of social icon', 'member-vc' ),
|
330 |
-
"group" => 'Social',
|
331 |
-
),
|
332 |
-
|
333 |
-
|
334 |
-
array(
|
335 |
-
"type" => "iconpicker",
|
336 |
-
"heading" => __( 'Sixth social icon', 'member-vc' ),
|
337 |
-
"param_name" => "social_icon6",
|
338 |
-
"description" => __( 'choose icon for social', 'member-vc' ),
|
339 |
-
"group" => 'Social',
|
340 |
-
),
|
341 |
-
|
342 |
-
array(
|
343 |
-
"type" => "textfield",
|
344 |
-
"heading" => __( 'Sixth Social Url', 'member-vc' ),
|
345 |
-
"param_name" => "social_url6",
|
346 |
-
"description" => __( 'Sixth social url', 'member-vc' ),
|
347 |
-
"group" => 'Social',
|
348 |
-
),
|
349 |
-
|
350 |
-
array(
|
351 |
-
"type" => "colorpicker",
|
352 |
-
"heading" => __( 'Sixth Social Backgroud', 'member-vc' ),
|
353 |
-
"param_name" => "social_clr6",
|
354 |
-
"description" => __( 'background color of social icon', 'member-vc' ),
|
355 |
-
"group" => 'Social',
|
356 |
-
),
|
357 |
-
);
|
358 |
-
|
359 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/photobookSetting.php
DELETED
@@ -1,147 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
$photbook_params = array(
|
4 |
-
array(
|
5 |
-
"type" => "attach_images",
|
6 |
-
"heading" => __( 'Images', 'photo-book-vc' ),
|
7 |
-
"param_name" => "image_ids",
|
8 |
-
"description" => __( 'Select the images that will be used as book pages', 'photo-book-vc' ),
|
9 |
-
"group" => 'Pages',
|
10 |
-
),
|
11 |
-
|
12 |
-
array(
|
13 |
-
"type" => "textfield",
|
14 |
-
"heading" => __( 'Speed', 'photo-book-vc' ),
|
15 |
-
"param_name" => "speed",
|
16 |
-
"description" => __( 'Speed of the transition between pages in milliseconds eg 1000', 'photo-book-vc' ),
|
17 |
-
"group" => 'Settings',
|
18 |
-
),
|
19 |
-
|
20 |
-
array(
|
21 |
-
"type" => "dropdown",
|
22 |
-
"heading" => __( 'Reading Direction', 'photo-book-vc' ),
|
23 |
-
"param_name" => "direction",
|
24 |
-
"description" => __( 'Direction of the overall page organization', 'photo-book-vc' ),
|
25 |
-
"group" => 'Settings',
|
26 |
-
"value" => array(
|
27 |
-
"Right to Left" => "RTL",
|
28 |
-
"Left to Right" => "LTR",
|
29 |
-
)
|
30 |
-
),
|
31 |
-
|
32 |
-
array(
|
33 |
-
"type" => "textfield",
|
34 |
-
"heading" => __( 'Page Padding', 'photo-book-vc' ),
|
35 |
-
"param_name" => "padding",
|
36 |
-
"description" => __( 'Padding added to each page wrapper', 'photo-book-vc' ),
|
37 |
-
"group" => 'Settings',
|
38 |
-
),
|
39 |
-
|
40 |
-
array(
|
41 |
-
"type" => "textfield",
|
42 |
-
"heading" => __( 'Zoom Depth', 'photo-book-vc' ),
|
43 |
-
"param_name" => "zoom_depth",
|
44 |
-
"description" => __( 'The default value is 1, meaning the zoomed image should be at 100% of its natural width and height', 'photo-book-vc' ),
|
45 |
-
"group" => 'Settings',
|
46 |
-
),
|
47 |
-
|
48 |
-
array(
|
49 |
-
"type" => "textfield",
|
50 |
-
"heading" => __( 'AutoPlay delay', 'photo-book-vc' ),
|
51 |
-
"param_name" => "auto_delay",
|
52 |
-
"description" => __( 'The time in milliseconds between each automatic page flip transition', 'photo-book-vc' ),
|
53 |
-
"group" => 'Settings',
|
54 |
-
),
|
55 |
-
|
56 |
-
// options
|
57 |
-
|
58 |
-
array(
|
59 |
-
"type" => "checkbox",
|
60 |
-
"heading" => __( 'Page Numbers', 'photo-book-vc' ),
|
61 |
-
"param_name" => "page_numbers",
|
62 |
-
"description" => __( 'Display page numbers on each page', 'photo-book-vc' ),
|
63 |
-
"group" => 'Options',
|
64 |
-
"value" => array(
|
65 |
-
"Show" => "show",
|
66 |
-
)
|
67 |
-
),
|
68 |
-
|
69 |
-
array(
|
70 |
-
"type" => "checkbox",
|
71 |
-
"heading" => __( 'Closed Book', 'photo-book-vc' ),
|
72 |
-
"param_name" => "closed_book",
|
73 |
-
"description" => __( 'Gives the book the appearance of being closed', 'photo-book-vc' ),
|
74 |
-
"group" => 'Options',
|
75 |
-
"value" => array(
|
76 |
-
"Enable" => "enable",
|
77 |
-
)
|
78 |
-
),
|
79 |
-
|
80 |
-
array(
|
81 |
-
"type" => "checkbox",
|
82 |
-
"heading" => __( 'Zoom on Hover', 'photo-book-vc' ),
|
83 |
-
"param_name" => "zoom",
|
84 |
-
"description" => __( 'Zoom in the page when hover the cursor', 'photo-book-vc' ),
|
85 |
-
"group" => 'Options',
|
86 |
-
"value" => array(
|
87 |
-
"Enable" => "enable",
|
88 |
-
)
|
89 |
-
),
|
90 |
-
|
91 |
-
array(
|
92 |
-
"type" => "checkbox",
|
93 |
-
"heading" => __( 'AutoPlay', 'photo-book-vc' ),
|
94 |
-
"param_name" => "autoplay",
|
95 |
-
"description" => __( 'Enables automatic navigation. Depends on AutoPlay delay in Settings', 'photo-book-vc' ),
|
96 |
-
"group" => 'Options',
|
97 |
-
"value" => array(
|
98 |
-
"Enable" => "enable",
|
99 |
-
)
|
100 |
-
),
|
101 |
-
|
102 |
-
array(
|
103 |
-
"type" => "checkbox",
|
104 |
-
"heading" => __( 'Turn Page by clicking Image', 'photo-book-vc' ),
|
105 |
-
"param_name" => "turn_by_click",
|
106 |
-
"description" => __( 'Enables manual page turning by click on page. Zooming will not work when its enabled', 'photo-book-vc' ),
|
107 |
-
"group" => 'Options',
|
108 |
-
"value" => array(
|
109 |
-
"Enable" => "enable",
|
110 |
-
)
|
111 |
-
),
|
112 |
-
|
113 |
-
array(
|
114 |
-
"type" => "checkbox",
|
115 |
-
"heading" => __( 'Keyboard Controls', 'photo-book-vc' ),
|
116 |
-
"param_name" => "keyboard",
|
117 |
-
"description" => __( 'Enables page navigation using arrows of Keyboard', 'photo-book-vc' ),
|
118 |
-
"group" => 'Options',
|
119 |
-
"value" => array(
|
120 |
-
"Enable" => "enable",
|
121 |
-
)
|
122 |
-
),
|
123 |
-
|
124 |
-
array(
|
125 |
-
"type" => "checkbox",
|
126 |
-
"heading" => __( 'Navigation Tabs', 'photo-book-vc' ),
|
127 |
-
"param_name" => "tabs",
|
128 |
-
"description" => __( 'Adds tabs along the top of the booklet', 'photo-book-vc' ),
|
129 |
-
"group" => 'Options',
|
130 |
-
"value" => array(
|
131 |
-
"Show" => "show",
|
132 |
-
)
|
133 |
-
),
|
134 |
-
|
135 |
-
array(
|
136 |
-
"type" => "checkbox",
|
137 |
-
"heading" => __( 'Arrows', 'photo-book-vc' ),
|
138 |
-
"param_name" => "arrows",
|
139 |
-
"description" => __( 'Adds arrows on both sides of the booklet', 'photo-book-vc' ),
|
140 |
-
"group" => 'Options',
|
141 |
-
"value" => array(
|
142 |
-
"Show" => "show",
|
143 |
-
)
|
144 |
-
),
|
145 |
-
);
|
146 |
-
|
147 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/settings.php
ADDED
@@ -0,0 +1,320 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
function check_status($key, $value){
|
3 |
+
$saved_options = get_option('vc_save_data');
|
4 |
+
// print_r($saved_options);
|
5 |
+
if ($saved_options != '') {
|
6 |
+
return (isset($saved_options[$key]) && $saved_options[$key] == $value) ? 'checked' : '' ;
|
7 |
+
} else {
|
8 |
+
return 'checked';
|
9 |
+
}
|
10 |
+
}
|
11 |
+
?>
|
12 |
+
|
13 |
+
<form id="addonsdata">
|
14 |
+
<table class="form-table">
|
15 |
+
<tbody>
|
16 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
17 |
+
<th>Info Banner</th>
|
18 |
+
<td>
|
19 |
+
<div class="onoffswitch">
|
20 |
+
<input type="checkbox" name="banner" <?php echo check_status('banner', 'on'); ?> class="onoffswitch-checkbox" id="myonoffswitch" >
|
21 |
+
<label class="onoffswitch-label" for="myonoffswitch">
|
22 |
+
<span class="onoffswitch-inner"></span>
|
23 |
+
<span class="onoffswitch-switch"></span>
|
24 |
+
</label>
|
25 |
+
</div>
|
26 |
+
</td>
|
27 |
+
<th>Image Hover Effects</th>
|
28 |
+
<td>
|
29 |
+
<div class="onoffswitch">
|
30 |
+
<input type="checkbox" name="ihe" <?php echo check_status('ihe', 'on'); ?> class="onoffswitch-checkbox" id="myonoffswitch2">
|
31 |
+
<label class="onoffswitch-label" for="myonoffswitch2">
|
32 |
+
<span class="onoffswitch-inner"></span>
|
33 |
+
<span class="onoffswitch-switch"></span>
|
34 |
+
</label>
|
35 |
+
</div>
|
36 |
+
</td>
|
37 |
+
</tr>
|
38 |
+
|
39 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
40 |
+
<th>Price Table</th>
|
41 |
+
<td>
|
42 |
+
<div class="onoffswitch">
|
43 |
+
<input type="checkbox" name="price_table" class="onoffswitch-checkbox" id="myonoffswitch3" <?php echo check_status('price_table', 'on') ?>>
|
44 |
+
<label class="onoffswitch-label" for="myonoffswitch3">
|
45 |
+
<span class="onoffswitch-inner"></span>
|
46 |
+
<span class="onoffswitch-switch"></span>
|
47 |
+
</label>
|
48 |
+
</div>
|
49 |
+
</td>
|
50 |
+
<th>Advanced Price Listing</th>
|
51 |
+
<td>
|
52 |
+
<div class="onoffswitch">
|
53 |
+
<input type="checkbox" name="advance_price" class="onoffswitch-checkbox" id="myonoffswitch4" <?php echo check_status('advance_price', 'on') ?>>
|
54 |
+
<label class="onoffswitch-label" for="myonoffswitch4">
|
55 |
+
<span class="onoffswitch-inner"></span>
|
56 |
+
<span class="onoffswitch-switch"></span>
|
57 |
+
</label>
|
58 |
+
</div>
|
59 |
+
</td>
|
60 |
+
</tr>
|
61 |
+
|
62 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
63 |
+
<th>Info Box</th>
|
64 |
+
<td>
|
65 |
+
<div class="onoffswitch">
|
66 |
+
<input type="checkbox" name="info_box" class="onoffswitch-checkbox" id="myonoffswitch5" <?php echo check_status('info_box', 'on') ?>>
|
67 |
+
<label class="onoffswitch-label" for="myonoffswitch5">
|
68 |
+
<span class="onoffswitch-inner"></span>
|
69 |
+
<span class="onoffswitch-switch"></span>
|
70 |
+
</label>
|
71 |
+
</div>
|
72 |
+
</td>
|
73 |
+
<th>Advanced Button</th>
|
74 |
+
<td>
|
75 |
+
<div class="onoffswitch">
|
76 |
+
<input type="checkbox" name="advance_btn" class="onoffswitch-checkbox" id="myonoffswitch6" <?php echo check_status('advance_btn', 'on') ?>>
|
77 |
+
<label class="onoffswitch-label" for="myonoffswitch6">
|
78 |
+
<span class="onoffswitch-inner"></span>
|
79 |
+
<span class="onoffswitch-switch"></span>
|
80 |
+
</label>
|
81 |
+
</div>
|
82 |
+
</td>
|
83 |
+
</tr>
|
84 |
+
|
85 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
86 |
+
<th>Team Profile</th>
|
87 |
+
<td>
|
88 |
+
<div class="onoffswitch">
|
89 |
+
<input type="checkbox" name="team_prof" class="onoffswitch-checkbox" id="myonoffswitch7" <?php echo check_status('team_prof', 'on') ?>>
|
90 |
+
<label class="onoffswitch-label" for="myonoffswitch7">
|
91 |
+
<span class="onoffswitch-inner"></span>
|
92 |
+
<span class="onoffswitch-switch"></span>
|
93 |
+
</label>
|
94 |
+
</div>
|
95 |
+
</td>
|
96 |
+
<th>Info Circle</th>
|
97 |
+
<td>
|
98 |
+
<div class="onoffswitch">
|
99 |
+
<input type="checkbox" name="info_circle" class="onoffswitch-checkbox" id="myonoffswitch29" <?php echo check_status('info_circle', 'on') ?>>
|
100 |
+
<label class="onoffswitch-label" for="myonoffswitch29">
|
101 |
+
<span class="onoffswitch-inner"></span>
|
102 |
+
<span class="onoffswitch-switch"></span>
|
103 |
+
</label>
|
104 |
+
</div>
|
105 |
+
</td>
|
106 |
+
</tr>
|
107 |
+
|
108 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
109 |
+
<th>Stat Counter</th>
|
110 |
+
<td>
|
111 |
+
<div class="onoffswitch">
|
112 |
+
<input type="checkbox" name="counter" class="onoffswitch-checkbox" id="myonoffswitch9" <?php echo check_status('counter', 'on') ?>>
|
113 |
+
<label class="onoffswitch-label" for="myonoffswitch9">
|
114 |
+
<span class="onoffswitch-inner"></span>
|
115 |
+
<span class="onoffswitch-switch"></span>
|
116 |
+
</label>
|
117 |
+
</div>
|
118 |
+
</td>
|
119 |
+
<th>Flip Box</th>
|
120 |
+
<td>
|
121 |
+
<div class="onoffswitch">
|
122 |
+
<input type="checkbox" name="flip_box" class="onoffswitch-checkbox" id="myonoffswitch10" <?php echo check_status('flip_box', 'on') ?>>
|
123 |
+
<label class="onoffswitch-label" for="myonoffswitch10">
|
124 |
+
<span class="onoffswitch-inner"></span>
|
125 |
+
<span class="onoffswitch-switch"></span>
|
126 |
+
</label>
|
127 |
+
</div>
|
128 |
+
</td>
|
129 |
+
</tr>
|
130 |
+
|
131 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
132 |
+
<th>Timeline</th>
|
133 |
+
<td>
|
134 |
+
<div class="onoffswitch">
|
135 |
+
<input type="checkbox" name="timeline" class="onoffswitch-checkbox" id="myonoffswitch11" <?php echo check_status('timeline', 'on') ?>>
|
136 |
+
<label class="onoffswitch-label" for="myonoffswitch11">
|
137 |
+
<span class="onoffswitch-inner"></span>
|
138 |
+
<span class="onoffswitch-switch"></span>
|
139 |
+
</label>
|
140 |
+
</div>
|
141 |
+
</td>
|
142 |
+
<th>Countdown</th>
|
143 |
+
<td>
|
144 |
+
<div class="onoffswitch">
|
145 |
+
<input type="checkbox" name="countdown" class="onoffswitch-checkbox" id="myonoffswitch12" <?php echo check_status('countdown', 'on') ?>>
|
146 |
+
<label class="onoffswitch-label" for="myonoffswitch12">
|
147 |
+
<span class="onoffswitch-inner"></span>
|
148 |
+
<span class="onoffswitch-switch"></span>
|
149 |
+
</label>
|
150 |
+
</div>
|
151 |
+
</td>
|
152 |
+
</tr>
|
153 |
+
|
154 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
155 |
+
<th>Creative Link</th>
|
156 |
+
<td>
|
157 |
+
<div class="onoffswitch">
|
158 |
+
<input type="checkbox" name="creative_link" class="onoffswitch-checkbox" id="myonoffswitch13" <?php echo check_status('creative_link', 'on') ?>>
|
159 |
+
<label class="onoffswitch-label" for="myonoffswitch13">
|
160 |
+
<span class="onoffswitch-inner"></span>
|
161 |
+
<span class="onoffswitch-switch"></span>
|
162 |
+
</label>
|
163 |
+
</div>
|
164 |
+
</td>
|
165 |
+
<th>Text Typer</th>
|
166 |
+
<td>
|
167 |
+
<div class="onoffswitch">
|
168 |
+
<input type="checkbox" name="text_typer" class="onoffswitch-checkbox" id="myonoffswitch14" <?php echo check_status('text_typer', 'on') ?>>
|
169 |
+
<label class="onoffswitch-label" for="myonoffswitch14">
|
170 |
+
<span class="onoffswitch-inner"></span>
|
171 |
+
<span class="onoffswitch-switch"></span>
|
172 |
+
</label>
|
173 |
+
</div>
|
174 |
+
</td>
|
175 |
+
</tr>
|
176 |
+
|
177 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
178 |
+
<th>Advanced Social Icons</th>
|
179 |
+
<td>
|
180 |
+
<div class="onoffswitch">
|
181 |
+
<input type="checkbox" name="social_icon" class="onoffswitch-checkbox" id="myonoffswitch15" <?php echo check_status('social_icon', 'on') ?>>
|
182 |
+
<label class="onoffswitch-label" for="myonoffswitch15">
|
183 |
+
<span class="onoffswitch-inner"></span>
|
184 |
+
<span class="onoffswitch-switch"></span>
|
185 |
+
</label>
|
186 |
+
</div>
|
187 |
+
</td>
|
188 |
+
<th>Modal Popup</th>
|
189 |
+
<td>
|
190 |
+
<div class="onoffswitch">
|
191 |
+
<input type="checkbox" name="popup" class="onoffswitch-checkbox" id="myonoffswitch16" <?php echo check_status('popup', 'on') ?>>
|
192 |
+
<label class="onoffswitch-label" for="myonoffswitch16">
|
193 |
+
<span class="onoffswitch-inner"></span>
|
194 |
+
<span class="onoffswitch-switch"></span>
|
195 |
+
</label>
|
196 |
+
</div>
|
197 |
+
</td>
|
198 |
+
</tr>
|
199 |
+
|
200 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
201 |
+
<th>Interactive Banner</th>
|
202 |
+
<td>
|
203 |
+
<div class="onoffswitch">
|
204 |
+
<input type="checkbox" name="interactive_banner" class="onoffswitch-checkbox" id="myonoffswitch17" <?php echo check_status('interactive_banner', 'on') ?>>
|
205 |
+
<label class="onoffswitch-label" for="myonoffswitch17">
|
206 |
+
<span class="onoffswitch-inner"></span>
|
207 |
+
<span class="onoffswitch-switch"></span>
|
208 |
+
</label>
|
209 |
+
</div>
|
210 |
+
</td>
|
211 |
+
<th>Highlight Box</th>
|
212 |
+
<td>
|
213 |
+
<div class="onoffswitch">
|
214 |
+
<input type="checkbox" name="highlight_box" class="onoffswitch-checkbox" id="myonoffswitch26" <?php echo check_status('highlight_box', 'on') ?>>
|
215 |
+
<label class="onoffswitch-label" for="myonoffswitch26">
|
216 |
+
<span class="onoffswitch-inner"></span>
|
217 |
+
<span class="onoffswitch-switch"></span>
|
218 |
+
</label>
|
219 |
+
</div>
|
220 |
+
</td>
|
221 |
+
</tr>
|
222 |
+
|
223 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
224 |
+
<th>Info List</th>
|
225 |
+
<td>
|
226 |
+
<div class="onoffswitch">
|
227 |
+
<input type="checkbox" name="info_list" class="onoffswitch-checkbox" id="myonoffswitch19" <?php echo check_status('info_list', 'on') ?>>
|
228 |
+
<label class="onoffswitch-label" for="myonoffswitch19">
|
229 |
+
<span class="onoffswitch-inner"></span>
|
230 |
+
<span class="onoffswitch-switch"></span>
|
231 |
+
</label>
|
232 |
+
</div>
|
233 |
+
</td>
|
234 |
+
<th>Google Trends</th>
|
235 |
+
<td>
|
236 |
+
<div class="onoffswitch">
|
237 |
+
<input type="checkbox" name="google_trend" class="onoffswitch-checkbox" id="myonoffswitch20" <?php echo check_status('google_trend', 'on') ?>>
|
238 |
+
<label class="onoffswitch-label" for="myonoffswitch20">
|
239 |
+
<span class="onoffswitch-inner"></span>
|
240 |
+
<span class="onoffswitch-switch"></span>
|
241 |
+
</label>
|
242 |
+
</div>
|
243 |
+
</td>
|
244 |
+
</tr>
|
245 |
+
|
246 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
247 |
+
<th>Tooltip Icons</th>
|
248 |
+
<td>
|
249 |
+
<div class="onoffswitch">
|
250 |
+
<input type="checkbox" name="tooltip" class="onoffswitch-checkbox" id="myonoffswitch21" <?php echo check_status('tooltip', 'on') ?>>
|
251 |
+
<label class="onoffswitch-label" for="myonoffswitch21">
|
252 |
+
<span class="onoffswitch-inner"></span>
|
253 |
+
<span class="onoffswitch-switch"></span>
|
254 |
+
</label>
|
255 |
+
</div>
|
256 |
+
</td>
|
257 |
+
<th>Testimonial</th>
|
258 |
+
<td>
|
259 |
+
<div class="onoffswitch">
|
260 |
+
<input type="checkbox" name="testimonial" class="onoffswitch-checkbox" id="myonoffswitch22" <?php echo check_status('testimonial', 'on') ?>>
|
261 |
+
<label class="onoffswitch-label" for="myonoffswitch22">
|
262 |
+
<span class="onoffswitch-inner"></span>
|
263 |
+
<span class="onoffswitch-switch"></span>
|
264 |
+
</label>
|
265 |
+
</div>
|
266 |
+
</td>
|
267 |
+
</tr>
|
268 |
+
|
269 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
270 |
+
<th>Advanced Carousel</th>
|
271 |
+
<td>
|
272 |
+
<div class="onoffswitch">
|
273 |
+
<input type="checkbox" name="adv_carousel" class="onoffswitch-checkbox" id="myonoffswitch23" <?php echo check_status('adv_carousel', 'on') ?>>
|
274 |
+
<label class="onoffswitch-label" for="myonoffswitch23">
|
275 |
+
<span class="onoffswitch-inner"></span>
|
276 |
+
<span class="onoffswitch-switch"></span>
|
277 |
+
</label>
|
278 |
+
</div>
|
279 |
+
</td>
|
280 |
+
<th>Heading</th>
|
281 |
+
<td>
|
282 |
+
<div class="onoffswitch">
|
283 |
+
<input type="checkbox" name="heading" class="onoffswitch-checkbox" id="myonoffswitch24" <?php echo check_status('heading', 'on') ?>>
|
284 |
+
<label class="onoffswitch-label" for="myonoffswitch24">
|
285 |
+
<span class="onoffswitch-inner"></span>
|
286 |
+
<span class="onoffswitch-switch"></span>
|
287 |
+
</label>
|
288 |
+
</div>
|
289 |
+
</td>
|
290 |
+
</tr>
|
291 |
+
|
292 |
+
<tr style="border-bottom: 1px solid #ddd;">
|
293 |
+
<th>Image Swap</th>
|
294 |
+
<td>
|
295 |
+
<div class="onoffswitch">
|
296 |
+
<input type="checkbox" name="img_swap" class="onoffswitch-checkbox" id="myonoffswitch27" <?php echo check_status('img_swap', 'on') ?>>
|
297 |
+
<label class="onoffswitch-label" for="myonoffswitch27">
|
298 |
+
<span class="onoffswitch-inner"></span>
|
299 |
+
<span class="onoffswitch-switch"></span>
|
300 |
+
</label>
|
301 |
+
</div>
|
302 |
+
</td>
|
303 |
+
<th>Accordions</th>
|
304 |
+
<td>
|
305 |
+
<div class="onoffswitch">
|
306 |
+
<input type="checkbox" name="accordion" class="onoffswitch-checkbox" id="myonoffswitch28" <?php echo check_status('accordion', 'on') ?>>
|
307 |
+
<label class="onoffswitch-label" for="myonoffswitch28">
|
308 |
+
<span class="onoffswitch-inner"></span>
|
309 |
+
<span class="onoffswitch-switch"></span>
|
310 |
+
</label>
|
311 |
+
</div>
|
312 |
+
</td>
|
313 |
+
</tr>
|
314 |
+
</tbody>
|
315 |
+
</table>
|
316 |
+
<br>
|
317 |
+
<input type="submit" class="button-primary btn-save" value="Save Changes">
|
318 |
+
<img src="<?php echo plugin_dir_url(__FILE__).'../images/loader.gif' ?>" class="nm-loading" style="display: none;">
|
319 |
+
<span class="nm-saved" style="display: none;">Changes Saved!</span>
|
320 |
+
</form>
|
includes/sliderSetting.php
DELETED
@@ -1,58 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$slider_father = array(
|
3 |
-
array(
|
4 |
-
"type" => "textfield",
|
5 |
-
"heading" => __( 'Slider width', 'slider-vc' ),
|
6 |
-
"param_name" => "width",
|
7 |
-
"description" => __( 'set the width of slider in pixel or percentage e.g 1500px 0r 100%', 'slider-vc' ),
|
8 |
-
"group" => 'General',
|
9 |
-
),
|
10 |
-
array(
|
11 |
-
"type" => "textfield",
|
12 |
-
"heading" => __( 'Pause', 'slider-vc' ),
|
13 |
-
"param_name" => "pause",
|
14 |
-
"description" => __( 'slider interval time in ms e.g 4000', 'slider-vc' ),
|
15 |
-
"group" => 'General',
|
16 |
-
),
|
17 |
-
array(
|
18 |
-
"type" => "textfield",
|
19 |
-
"heading" => __( 'Slider Speed', 'slider-vc' ),
|
20 |
-
"param_name" => "speed",
|
21 |
-
"description" => __( 'set the speed of slider in ms e.g 500', 'slider-vc' ),
|
22 |
-
"group" => 'General',
|
23 |
-
),
|
24 |
-
);
|
25 |
-
|
26 |
-
$slider_son = array(
|
27 |
-
|
28 |
-
array(
|
29 |
-
"type" => "attach_image",
|
30 |
-
"heading" => __( 'Slider Image', 'slider-vc' ),
|
31 |
-
"param_name" => "image_id",
|
32 |
-
"description" => __( 'Select the image', 'slider-vc' ),
|
33 |
-
"group" => 'General',
|
34 |
-
),
|
35 |
-
array(
|
36 |
-
"type" => "textarea_html",
|
37 |
-
"heading" => __( 'Content', 'slider-vc' ),
|
38 |
-
"param_name" => "content",
|
39 |
-
"description" => __( 'write the slider title or leave blank', 'slider-vc' ),
|
40 |
-
"group" => 'General',
|
41 |
-
),
|
42 |
-
array(
|
43 |
-
"type" => "textfield",
|
44 |
-
"heading" => __( 'Slider Height', 'slider-vc' ),
|
45 |
-
"param_name" => "height",
|
46 |
-
"description" => __( 'set the height of slider in pixel e.g 450px', 'slider-vc' ),
|
47 |
-
"group" => 'General',
|
48 |
-
),
|
49 |
-
array(
|
50 |
-
"type" => "css_editor",
|
51 |
-
"heading" => __( 'Styles', 'slider-vc' ),
|
52 |
-
"param_name" => "styles",
|
53 |
-
"description" => __( 'write the slider title or leave blank', 'slider-vc' ),
|
54 |
-
"group" => 'Styles',
|
55 |
-
),
|
56 |
-
|
57 |
-
);
|
58 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/teamSetting.php
DELETED
@@ -1,319 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$team_params = array(
|
3 |
-
array(
|
4 |
-
"type" => "dropdown",
|
5 |
-
"heading" => __( 'Member Style', 'team-vc' ),
|
6 |
-
"param_name" => "member_visibility",
|
7 |
-
"description" => __( 'Select style of member profile', 'team-vc' ),
|
8 |
-
"group" => 'General',
|
9 |
-
"value" => array(
|
10 |
-
"Grow" => "grow",
|
11 |
-
"Float" => "float",
|
12 |
-
"Outset" => "outset",
|
13 |
-
"Smart" => "smart",
|
14 |
-
)
|
15 |
-
),
|
16 |
-
array(
|
17 |
-
"type" => "colorpicker",
|
18 |
-
"heading" => __( 'Profile color', 'team-vc' ),
|
19 |
-
"param_name" => "member_clr",
|
20 |
-
"description" => __( 'color effects for the team meber', 'team-vc' ),
|
21 |
-
"group" => 'General',
|
22 |
-
),
|
23 |
-
|
24 |
-
array(
|
25 |
-
"type" => "attach_image",
|
26 |
-
"heading" => __( 'Image', 'team-vc' ),
|
27 |
-
"param_name" => "image_id",
|
28 |
-
"description" => __( 'Select the image', 'team-vc' ),
|
29 |
-
"group" => 'General',
|
30 |
-
),
|
31 |
-
|
32 |
-
array(
|
33 |
-
"type" => "textfield",
|
34 |
-
"heading" => __( 'Alternate Text', 'team-vc' ),
|
35 |
-
"param_name" => "image_alt",
|
36 |
-
"description" => __( 'It will be used as alt attribute of img tag', 'team-vc' ),
|
37 |
-
"group" => 'General',
|
38 |
-
),
|
39 |
-
|
40 |
-
array(
|
41 |
-
"type" => "textfield",
|
42 |
-
"heading" => __( 'Member name', 'team-vc' ),
|
43 |
-
"param_name" => "memb_name",
|
44 |
-
"description" => __( 'Write member name', 'team-vc' ),
|
45 |
-
"group" => 'About',
|
46 |
-
),
|
47 |
-
array(
|
48 |
-
"type" => "textfield",
|
49 |
-
"heading" => __( 'Profession', 'team-vc' ),
|
50 |
-
"param_name" => "memb_prof",
|
51 |
-
"description" => __( 'Write member profession', 'team-vc' ),
|
52 |
-
"group" => 'About',
|
53 |
-
),
|
54 |
-
|
55 |
-
array(
|
56 |
-
"type" => "textfield",
|
57 |
-
"heading" => __( 'About', 'team-vc' ),
|
58 |
-
"param_name" => "memb_about",
|
59 |
-
"description" => __( 'Info about member in detail', 'team-vc' ),
|
60 |
-
"group" => 'About',
|
61 |
-
),
|
62 |
-
|
63 |
-
// Info
|
64 |
-
|
65 |
-
array(
|
66 |
-
"type" => "textfield",
|
67 |
-
"heading" => __( 'Info text font size', 'team-vc' ),
|
68 |
-
"param_name" => "info_size",
|
69 |
-
"description" => __( 'Write font size along with units e.g 13px', 'team-vc' ),
|
70 |
-
"group" => 'Info',
|
71 |
-
),
|
72 |
-
array(
|
73 |
-
"type" => "colorpicker",
|
74 |
-
"heading" => __( 'Text Color', 'team-vc' ),
|
75 |
-
"param_name" => "info_clr",
|
76 |
-
"description" => __( 'Set color of all info text', 'team-vc' ),
|
77 |
-
"group" => 'Info',
|
78 |
-
),
|
79 |
-
|
80 |
-
array(
|
81 |
-
"type" => "textfield",
|
82 |
-
"heading" => __( 'Email', 'team-vc' ),
|
83 |
-
"param_name" => "memb_email",
|
84 |
-
"description" => __( 'Write member email address or leave blank', 'team-vc' ),
|
85 |
-
"group" => 'Info',
|
86 |
-
),
|
87 |
-
|
88 |
-
array(
|
89 |
-
"type" => "textfield",
|
90 |
-
"heading" => __( 'Site Url', 'team-vc' ),
|
91 |
-
"param_name" => "memb_url",
|
92 |
-
"description" => __( 'Write member site url or leave blank', 'team-vc' ),
|
93 |
-
"group" => 'Info',
|
94 |
-
),
|
95 |
-
|
96 |
-
array(
|
97 |
-
"type" => "textfield",
|
98 |
-
"heading" => __( 'Contact number', 'team-vc' ),
|
99 |
-
"param_name" => "memb_numb",
|
100 |
-
"description" => __( 'Write member contact number or leave blank', 'team-vc' ),
|
101 |
-
"group" => 'Info',
|
102 |
-
),
|
103 |
-
|
104 |
-
array(
|
105 |
-
"type" => "textfield",
|
106 |
-
"heading" => __( 'Address', 'team-vc' ),
|
107 |
-
"param_name" => "memb_addr",
|
108 |
-
"description" => __( 'Write member address or leave blank', 'team-vc' ),
|
109 |
-
"group" => 'Info',
|
110 |
-
),
|
111 |
-
|
112 |
-
// Skills
|
113 |
-
|
114 |
-
array(
|
115 |
-
"type" => "textfield",
|
116 |
-
"heading" => __( 'Skill 1', 'team-vc' ),
|
117 |
-
"param_name" => "memb_skill",
|
118 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'team-vc' ),
|
119 |
-
"group" => 'Skill',
|
120 |
-
),
|
121 |
-
|
122 |
-
array(
|
123 |
-
"type" => "textfield",
|
124 |
-
"heading" => __( 'First percentage', 'team-vc' ),
|
125 |
-
"param_name" => "memb_perl",
|
126 |
-
"description" => __( 'first skill percentage e.g 87% or leave blank', 'team-vc' ),
|
127 |
-
"group" => 'Skill',
|
128 |
-
),
|
129 |
-
|
130 |
-
array(
|
131 |
-
"type" => "textfield",
|
132 |
-
"heading" => __( 'Skill 2', 'team-vc' ),
|
133 |
-
"param_name" => "memb_skill2",
|
134 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'team-vc' ),
|
135 |
-
"group" => 'Skill',
|
136 |
-
),
|
137 |
-
|
138 |
-
array(
|
139 |
-
"type" => "textfield",
|
140 |
-
"heading" => __( 'Second percentage', 'team-vc' ),
|
141 |
-
"param_name" => "memb_per2",
|
142 |
-
"description" => __( 'second skill percentage e.g 83% or leave blank', 'team-vc' ),
|
143 |
-
"group" => 'Skill',
|
144 |
-
),
|
145 |
-
|
146 |
-
array(
|
147 |
-
"type" => "textfield",
|
148 |
-
"heading" => __( 'Skill 3', 'team-vc' ),
|
149 |
-
"param_name" => "memb_skill3",
|
150 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'team-vc' ),
|
151 |
-
"group" => 'Skill',
|
152 |
-
),
|
153 |
-
|
154 |
-
array(
|
155 |
-
"type" => "textfield",
|
156 |
-
"heading" => __( 'Third percentage', 'team-vc' ),
|
157 |
-
"param_name" => "memb_per3",
|
158 |
-
"description" => __( 'third skill percentage e.g 83% or leave blank', 'team-vc' ),
|
159 |
-
"group" => 'Skill',
|
160 |
-
),
|
161 |
-
array(
|
162 |
-
"type" => "textfield",
|
163 |
-
"heading" => __( 'Skill 4', 'team-vc' ),
|
164 |
-
"param_name" => "memb_skill4",
|
165 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'team-vc' ),
|
166 |
-
"group" => 'Skill',
|
167 |
-
),
|
168 |
-
|
169 |
-
array(
|
170 |
-
"type" => "textfield",
|
171 |
-
"heading" => __( 'Fourth percentage', 'team-vc' ),
|
172 |
-
"param_name" => "memb_per4",
|
173 |
-
"description" => __( 'fourth skill percentage e.g 83% or leave blank', 'team-vc' ),
|
174 |
-
"group" => 'Skill',
|
175 |
-
),
|
176 |
-
|
177 |
-
array(
|
178 |
-
"type" => "textfield",
|
179 |
-
"heading" => __( 'Skill 5', 'team-vc' ),
|
180 |
-
"param_name" => "memb_skill5",
|
181 |
-
"description" => __( 'write your skill e.g Wordpress or leave blank', 'team-vc' ),
|
182 |
-
"group" => 'Skill',
|
183 |
-
),
|
184 |
-
|
185 |
-
array(
|
186 |
-
"type" => "textfield",
|
187 |
-
"heading" => __( 'Fifth percentage', 'team-vc' ),
|
188 |
-
"param_name" => "memb_per5",
|
189 |
-
"description" => __( 'fifth skill percentage e.g 83% or leave blank', 'team-vc' ),
|
190 |
-
"group" => 'Skill',
|
191 |
-
),
|
192 |
-
|
193 |
-
/*** Social Icons ***/
|
194 |
-
|
195 |
-
array(
|
196 |
-
"type" => "iconpicker",
|
197 |
-
"heading" => __( 'Social icon', 'team-vc' ),
|
198 |
-
"param_name" => "social_icon",
|
199 |
-
"description" => __( 'choose icon for social upadate', 'team-vc' ),
|
200 |
-
"group" => 'Social',
|
201 |
-
),
|
202 |
-
|
203 |
-
array(
|
204 |
-
"type" => "textfield",
|
205 |
-
"heading" => __( 'First Social Url', 'team-vc' ),
|
206 |
-
"param_name" => "social_url",
|
207 |
-
"description" => __( 'first social url', 'team-vc' ),
|
208 |
-
"group" => 'Social',
|
209 |
-
),
|
210 |
-
|
211 |
-
array(
|
212 |
-
"type" => "colorpicker",
|
213 |
-
"heading" => __( 'First Social color', 'team-vc' ),
|
214 |
-
"param_name" => "social_clr",
|
215 |
-
"description" => __( 'first color of social icon', 'team-vc' ),
|
216 |
-
"group" => 'Social',
|
217 |
-
),
|
218 |
-
|
219 |
-
|
220 |
-
array(
|
221 |
-
"type" => "iconpicker",
|
222 |
-
"heading" => __( 'Second social icon', 'team-vc' ),
|
223 |
-
"param_name" => "social_icon2",
|
224 |
-
"description" => __( 'choose icon for social', 'team-vc' ),
|
225 |
-
"group" => 'Social',
|
226 |
-
),
|
227 |
-
|
228 |
-
array(
|
229 |
-
"type" => "textfield",
|
230 |
-
"heading" => __( 'Second Social Url', 'team-vc' ),
|
231 |
-
"param_name" => "social_url2",
|
232 |
-
"description" => __( 'Second social url', 'team-vc' ),
|
233 |
-
"group" => 'Social',
|
234 |
-
),
|
235 |
-
|
236 |
-
array(
|
237 |
-
"type" => "colorpicker",
|
238 |
-
"heading" => __( 'Second Social color', 'team-vc' ),
|
239 |
-
"param_name" => "social_clr2",
|
240 |
-
"description" => __( 'Second color of social icon', 'team-vc' ),
|
241 |
-
"group" => 'Social',
|
242 |
-
),
|
243 |
-
|
244 |
-
array(
|
245 |
-
"type" => "iconpicker",
|
246 |
-
"heading" => __( 'Third social icon', 'team-vc' ),
|
247 |
-
"param_name" => "social_icon3",
|
248 |
-
"description" => __( 'choose icon for social', 'team-vc' ),
|
249 |
-
"group" => 'Social',
|
250 |
-
),
|
251 |
-
|
252 |
-
array(
|
253 |
-
"type" => "textfield",
|
254 |
-
"heading" => __( 'Third Social Url', 'team-vc' ),
|
255 |
-
"param_name" => "social_url3",
|
256 |
-
"description" => __( 'Third social url', 'team-vc' ),
|
257 |
-
"group" => 'Social',
|
258 |
-
),
|
259 |
-
|
260 |
-
array(
|
261 |
-
"type" => "colorpicker",
|
262 |
-
"heading" => __( 'Third Social color', 'team-vc' ),
|
263 |
-
"param_name" => "social_clr3",
|
264 |
-
"description" => __( 'Third color of social icon', 'team-vc' ),
|
265 |
-
"group" => 'Social',
|
266 |
-
),
|
267 |
-
|
268 |
-
|
269 |
-
array(
|
270 |
-
"type" => "iconpicker",
|
271 |
-
"heading" => __( 'Fourth social icon', 'team-vc' ),
|
272 |
-
"param_name" => "social_icon4",
|
273 |
-
"description" => __( 'choose icon for social', 'team-vc' ),
|
274 |
-
"group" => 'Social',
|
275 |
-
),
|
276 |
-
|
277 |
-
array(
|
278 |
-
"type" => "textfield",
|
279 |
-
"heading" => __( 'Fourth Social Url', 'team-vc' ),
|
280 |
-
"param_name" => "social_url4",
|
281 |
-
"description" => __( 'Fourth social url', 'team-vc' ),
|
282 |
-
"group" => 'Social',
|
283 |
-
),
|
284 |
-
|
285 |
-
array(
|
286 |
-
"type" => "colorpicker",
|
287 |
-
"heading" => __( 'Fourth Social color', 'team-vc' ),
|
288 |
-
"param_name" => "social_clr4",
|
289 |
-
"description" => __( 'Fourth color of social icon', 'team-vc' ),
|
290 |
-
"group" => 'Social',
|
291 |
-
),
|
292 |
-
|
293 |
-
|
294 |
-
array(
|
295 |
-
"type" => "iconpicker",
|
296 |
-
"heading" => __( 'Fifth social icon', 'team-vc' ),
|
297 |
-
"param_name" => "social_icon5",
|
298 |
-
"description" => __( 'choose icon for social', 'team-vc' ),
|
299 |
-
"group" => 'Social',
|
300 |
-
),
|
301 |
-
|
302 |
-
array(
|
303 |
-
"type" => "textfield",
|
304 |
-
"heading" => __( 'Fifth Social Url', 'team-vc' ),
|
305 |
-
"param_name" => "social_url5",
|
306 |
-
"description" => __( 'Fifth social url', 'team-vc' ),
|
307 |
-
"group" => 'Social',
|
308 |
-
),
|
309 |
-
|
310 |
-
array(
|
311 |
-
"type" => "colorpicker",
|
312 |
-
"heading" => __( 'Fifth Social color', 'team-vc' ),
|
313 |
-
"param_name" => "social_clr5",
|
314 |
-
"description" => __( 'Fifth color of social icon', 'team-vc' ),
|
315 |
-
"group" => 'Social',
|
316 |
-
),
|
317 |
-
);
|
318 |
-
|
319 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/texttypeSetting.php
DELETED
@@ -1,12 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$texttype_params = array(
|
3 |
-
array(
|
4 |
-
"type" => "textarea_html",
|
5 |
-
"heading" => __( 'Title', 'texttype-vc' ),
|
6 |
-
"param_name" => "content",
|
7 |
-
"description" => __( 'write each text inside <p></p> tag', 'texttype-vc' ),
|
8 |
-
"group" => 'General',
|
9 |
-
),
|
10 |
-
|
11 |
-
);
|
12 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/timelineSetting.php
DELETED
@@ -1,136 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
$timeline_father = array(
|
3 |
-
array(
|
4 |
-
"type" => "textfield",
|
5 |
-
"heading" => __( 'Title', 'timeline_vc_father' ),
|
6 |
-
"param_name" => "title",
|
7 |
-
"description" => __( 'main title of timeline', 'timeline_vc_father' ),
|
8 |
-
"group" => 'General',
|
9 |
-
),
|
10 |
-
array(
|
11 |
-
"type" => "textfield",
|
12 |
-
"heading" => __( 'Font Size', 'timeline_vc_father' ),
|
13 |
-
"param_name" => "size",
|
14 |
-
"description" => __( 'title font size in pixel e.g 17px', 'timeline_vc_father' ),
|
15 |
-
"group" => 'General',
|
16 |
-
),
|
17 |
-
array(
|
18 |
-
"type" => "colorpicker",
|
19 |
-
"heading" => __( 'Title Color', 'timeline_vc_father' ),
|
20 |
-
"param_name" => "clr",
|
21 |
-
"description" => __( 'title color', 'timeline_vc_father' ),
|
22 |
-
"group" => 'General',
|
23 |
-
),
|
24 |
-
array(
|
25 |
-
"type" => "colorpicker",
|
26 |
-
"heading" => __( 'Background Color', 'timeline_vc_father' ),
|
27 |
-
"param_name" => "bgclr",
|
28 |
-
"description" => __( 'title background color', 'timeline_vc_father' ),
|
29 |
-
"group" => 'General',
|
30 |
-
),
|
31 |
-
array(
|
32 |
-
"type" => "textfield",
|
33 |
-
"heading" => __( 'Line Width', 'timeline_vc_father' ),
|
34 |
-
"param_name" => "width",
|
35 |
-
"description" => __( 'set timeline central line width in pixel default 4px', 'timeline_vc_father' ),
|
36 |
-
"group" => 'General',
|
37 |
-
),
|
38 |
-
array(
|
39 |
-
"type" => "colorpicker",
|
40 |
-
"heading" => __( 'Background', 'timeline_vc_father' ),
|
41 |
-
"param_name" => "linebg",
|
42 |
-
"description" => __( 'central line background color', 'timeline_vc_father' ),
|
43 |
-
"group" => 'General',
|
44 |
-
),
|
45 |
-
);
|
46 |
-
|
47 |
-
$timeline_son = array(
|
48 |
-
|
49 |
-
array(
|
50 |
-
"type" => "textfield",
|
51 |
-
"heading" => __( 'Date', 'timeline_vc_son' ),
|
52 |
-
"param_name" => "date",
|
53 |
-
"description" => __( 'Write timeline date e.g Jan 15', 'timeline_vc_son' ),
|
54 |
-
"group" => 'General',
|
55 |
-
),
|
56 |
-
|
57 |
-
array(
|
58 |
-
"type" => "colorpicker",
|
59 |
-
"heading" => __( 'Color', 'timeline_vc_son' ),
|
60 |
-
"param_name" => "clr",
|
61 |
-
"description" => __( 'color of the date', 'timeline_vc_son' ),
|
62 |
-
"group" => 'General',
|
63 |
-
),
|
64 |
-
|
65 |
-
array(
|
66 |
-
"type" => "textfield",
|
67 |
-
"heading" => __( 'Font size', 'timeline_vc_son' ),
|
68 |
-
"param_name" => "size",
|
69 |
-
"description" => __( 'fone size of date in pixel e.g 17px', 'timeline_vc_son' ),
|
70 |
-
"group" => 'General',
|
71 |
-
),
|
72 |
-
|
73 |
-
array(
|
74 |
-
"type" => "textarea_html",
|
75 |
-
"heading" => __( 'Content Details', 'timeline_vc_son' ),
|
76 |
-
"param_name" => "content",
|
77 |
-
"description" => __( 'Add heading, details, pictures or video url', 'timeline_vc_son' ),
|
78 |
-
"value" => '<h3><b>Title of section</b></h3><p>Details here</p> <a href="#0" class="cd-read-more" >Read more</a>',
|
79 |
-
"group" => 'Content',
|
80 |
-
),
|
81 |
-
|
82 |
-
array(
|
83 |
-
"type" => "dropdown",
|
84 |
-
"heading" => __( 'Select style', 'timeline_vc_son' ),
|
85 |
-
"param_name" => "centerstyle",
|
86 |
-
"description" => __( 'style for center', 'timeline_vc_son' ),
|
87 |
-
"group" => 'Timeline Center',
|
88 |
-
"value" => array(
|
89 |
-
'Center With Font Icon' => 'fonticon',
|
90 |
-
'Only Dot' => 'dot',
|
91 |
-
)
|
92 |
-
),
|
93 |
-
|
94 |
-
array(
|
95 |
-
"type" => "colorpicker",
|
96 |
-
"heading" => __( 'Background', 'timeline_vc_son' ),
|
97 |
-
"param_name" => "bgclr",
|
98 |
-
"description" => __( 'Center dot background color', 'timeline_vc_son' ),
|
99 |
-
"group" => 'Timeline Center',
|
100 |
-
),
|
101 |
-
|
102 |
-
array(
|
103 |
-
"type" => "iconpicker",
|
104 |
-
"heading" => __( 'Font Icon', 'timeline_vc_son' ),
|
105 |
-
"param_name" => "icon",
|
106 |
-
"description" => __( 'choose font awesome or leave blank', 'timeline_vc_son' ),
|
107 |
-
"dependency" => array('element' => "centerstyle", 'value' => 'fonticon'),
|
108 |
-
"group" => 'Timeline Center',
|
109 |
-
),
|
110 |
-
|
111 |
-
array(
|
112 |
-
"type" => "textfield",
|
113 |
-
"heading" => __( 'Font size', 'timeline_vc_son' ),
|
114 |
-
"param_name" => "icon_size",
|
115 |
-
"description" => __( 'Icon font size e.g 17px', 'timeline_vc_son' ),
|
116 |
-
"dependency" => array('element' => "centerstyle", 'value' => 'fonticon'),
|
117 |
-
"group" => 'Timeline Center',
|
118 |
-
),
|
119 |
-
|
120 |
-
array(
|
121 |
-
"type" => "colorpicker",
|
122 |
-
"heading" => __( 'Arrow Color', 'timeline_vc_son' ),
|
123 |
-
"param_name" => "arrowclr",
|
124 |
-
"description" => __( 'set timeline arrow color', 'timeline_vc_son' ),
|
125 |
-
"group" => 'Design Option',
|
126 |
-
),
|
127 |
-
|
128 |
-
array(
|
129 |
-
"type" => "css_editor",
|
130 |
-
"heading" => __( 'Styles', 'timeline_vc_son' ),
|
131 |
-
"param_name" => "css",
|
132 |
-
"group" => 'Design Option',
|
133 |
-
),
|
134 |
-
|
135 |
-
);
|
136 |
-
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
index.php
CHANGED
@@ -1,17 +1,17 @@
|
|
1 |
<?php
|
2 |
/*
|
3 |
-
Plugin Name: Mega Addons For
|
4 |
Description: Mega Addons gives you multi plugins all in one. It's very powerful for any theme.
|
5 |
-
Plugin URI:
|
6 |
Author: Nasir
|
7 |
-
Author URI:
|
8 |
-
Version:
|
9 |
License: GPL2
|
10 |
*/
|
11 |
|
12 |
/*
|
13 |
|
14 |
-
Copyright (C)
|
15 |
|
16 |
This program is free software; you can redistribute it and/or modify
|
17 |
it under the terms of the GNU General Public License, version 2, as
|
@@ -27,6 +27,8 @@
|
|
27 |
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
|
28 |
*/
|
29 |
require_once('main.php');
|
30 |
-
|
|
|
|
|
31 |
|
32 |
?>
|
1 |
<?php
|
2 |
/*
|
3 |
+
Plugin Name: Mega Addons For WPBakery Page Builder
|
4 |
Description: Mega Addons gives you multi plugins all in one. It's very powerful for any theme.
|
5 |
+
Plugin URI: https://addons.topdigitaltrends.net/
|
6 |
Author: Nasir
|
7 |
+
Author URI: https://www.topdigitaltrends.net/
|
8 |
+
Version: 3.1
|
9 |
License: GPL2
|
10 |
*/
|
11 |
|
12 |
/*
|
13 |
|
14 |
+
Copyright (C) 2018 Nasir nasirahmad2010@hotmail.com
|
15 |
|
16 |
This program is free software; you can redistribute it and/or modify
|
17 |
it under the terms of the GNU General Public License, version 2, as
|
27 |
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
|
28 |
*/
|
29 |
require_once('main.php');
|
30 |
+
$N_object = new VC_MEGA( __FILE__ );
|
31 |
+
$N_object->init();
|
32 |
+
$N_object->activation();
|
33 |
|
34 |
?>
|
js/accordion.js
CHANGED
@@ -5,10 +5,16 @@ jQuery(document).ready(function($) {
|
|
5 |
}
|
6 |
|
7 |
$( ".mega-accordion" ).each(function(index, el) {
|
8 |
-
var
|
|
|
|
|
9 |
$(this).accordion({
|
|
|
|
|
10 |
icons: icons,
|
|
|
11 |
collapsible: true,
|
|
|
12 |
});
|
13 |
});
|
14 |
|
5 |
}
|
6 |
|
7 |
$( ".mega-accordion" ).each(function(index, el) {
|
8 |
+
var active = $(this).data('active');
|
9 |
+
var anim = $(this).data('anim');
|
10 |
+
var event = $(this).data('event');
|
11 |
$(this).accordion({
|
12 |
+
animate: anim,
|
13 |
+
event: event,
|
14 |
icons: icons,
|
15 |
+
active: active,
|
16 |
collapsible: true,
|
17 |
+
heightStyle: "content",
|
18 |
});
|
19 |
});
|
20 |
|
js/bpopup.js
CHANGED
@@ -19,7 +19,7 @@
|
|
19 |
// player.stopVideo();
|
20 |
$("iframe").each(function() {
|
21 |
var src= $(this).attr('src');
|
22 |
-
$(this).attr('src',src);
|
23 |
});
|
24 |
}
|
25 |
});
|
19 |
// player.stopVideo();
|
20 |
$("iframe").each(function() {
|
21 |
var src= $(this).attr('src');
|
22 |
+
$(this).attr('src',src);
|
23 |
});
|
24 |
}
|
25 |
});
|
js/custom-after-before.js
ADDED
@@ -0,0 +1,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
jQuery(document).ready(function($) {
|
2 |
+
$(function(){
|
3 |
+
$('.before-after-img').each(function(index, el) {
|
4 |
+
var onhover = $(this).data('onhover');
|
5 |
+
$(".twentytwenty-container").twentytwenty({
|
6 |
+
orientation: 'horizontal',
|
7 |
+
default_offset_pct: 0.3,
|
8 |
+
before_label: 'January 2017',
|
9 |
+
after_label: 'March 2017',
|
10 |
+
no_overlay: true,
|
11 |
+
move_slider_on_hover: onhover,
|
12 |
+
click_to_move: false
|
13 |
+
});
|
14 |
+
});
|
15 |
+
});
|
16 |
+
});
|
js/custom-tm.js
CHANGED
@@ -1,12 +1,42 @@
|
|
1 |
// Slick Carousal Slider
|
2 |
jQuery(document).on('ready', function() {
|
3 |
-
jQuery(".tm-slider").
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4 |
dots: true,
|
5 |
infinite: true,
|
6 |
slidesToShow: 1,
|
7 |
autoplay: true,
|
8 |
autoplaySpeed: 2000,
|
9 |
responsive: [
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
10 |
{
|
11 |
breakpoint: 480,
|
12 |
settings: {
|
1 |
// Slick Carousal Slider
|
2 |
jQuery(document).on('ready', function() {
|
3 |
+
jQuery( ".tm-slider" ).each(function(index, el) {
|
4 |
+
var slide = jQuery(this).data('slide');
|
5 |
+
console.log(slide);
|
6 |
+
jQuery(this).slick({
|
7 |
+
dots: true,
|
8 |
+
infinite: true,
|
9 |
+
slidesToShow: 1,
|
10 |
+
autoplay: true,
|
11 |
+
autoplaySpeed: 2000,
|
12 |
+
responsive: [
|
13 |
+
{
|
14 |
+
breakpoint: 480,
|
15 |
+
settings: {
|
16 |
+
slidesToShow: slide,
|
17 |
+
slidesToScroll: 1
|
18 |
+
}
|
19 |
+
}
|
20 |
+
]
|
21 |
+
});
|
22 |
+
});
|
23 |
+
});
|
24 |
+
|
25 |
+
jQuery(document).on('ready', function() {
|
26 |
+
jQuery(".post-slider").slick({
|
27 |
dots: true,
|
28 |
infinite: true,
|
29 |
slidesToShow: 1,
|
30 |
autoplay: true,
|
31 |
autoplaySpeed: 2000,
|
32 |
responsive: [
|
33 |
+
{
|
34 |
+
breakpoint: 768,
|
35 |
+
settings: {
|
36 |
+
slidesToShow: 2,
|
37 |
+
slidesToScroll: 1
|
38 |
+
}
|
39 |
+
},
|
40 |
{
|
41 |
breakpoint: 480,
|
42 |
settings: {
|
js/jquery.matchHeight-min.js
DELETED
@@ -1,12 +0,0 @@
|
|
1 |
-
/*
|
2 |
-
* jquery-match-height 0.7.2 by @liabru
|
3 |
-
* http://brm.io/jquery-match-height/
|
4 |
-
* License MIT
|
5 |
-
*/
|
6 |
-
!function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(t){var e=-1,o=-1,n=function(t){return parseFloat(t)||0},a=function(e){var o=1,a=t(e),i=null,r=[];return a.each(function(){var e=t(this),a=e.offset().top-n(e.css("margin-top")),s=r.length>0?r[r.length-1]:null;null===s?r.push(e):Math.floor(Math.abs(i-a))<=o?r[r.length-1]=s.add(e):r.push(e),i=a}),r},i=function(e){var o={
|
7 |
-
byRow:!0,property:"height",target:null,remove:!1};return"object"==typeof e?t.extend(o,e):("boolean"==typeof e?o.byRow=e:"remove"===e&&(o.remove=!0),o)},r=t.fn.matchHeight=function(e){var o=i(e);if(o.remove){var n=this;return this.css(o.property,""),t.each(r._groups,function(t,e){e.elements=e.elements.not(n)}),this}return this.length<=1&&!o.target?this:(r._groups.push({elements:this,options:o}),r._apply(this,o),this)};r.version="0.7.2",r._groups=[],r._throttle=80,r._maintainScroll=!1,r._beforeUpdate=null,
|
8 |
-
r._afterUpdate=null,r._rows=a,r._parse=n,r._parseOptions=i,r._apply=function(e,o){var s=i(o),h=t(e),l=[h],c=t(window).scrollTop(),p=t("html").outerHeight(!0),u=h.parents().filter(":hidden");return u.each(function(){var e=t(this);e.data("style-cache",e.attr("style"))}),u.css("display","block"),s.byRow&&!s.target&&(h.each(function(){var e=t(this),o=e.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block"),e.data("style-cache",e.attr("style")),e.css({display:o,"padding-top":"0",
|
9 |
-
"padding-bottom":"0","margin-top":"0","margin-bottom":"0","border-top-width":"0","border-bottom-width":"0",height:"100px",overflow:"hidden"})}),l=a(h),h.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||"")})),t.each(l,function(e,o){var a=t(o),i=0;if(s.target)i=s.target.outerHeight(!1);else{if(s.byRow&&a.length<=1)return void a.css(s.property,"");a.each(function(){var e=t(this),o=e.attr("style"),n=e.css("display");"inline-block"!==n&&"flex"!==n&&"inline-flex"!==n&&(n="block");var a={
|
10 |
-
display:n};a[s.property]="",e.css(a),e.outerHeight(!1)>i&&(i=e.outerHeight(!1)),o?e.attr("style",o):e.css("display","")})}a.each(function(){var e=t(this),o=0;s.target&&e.is(s.target)||("border-box"!==e.css("box-sizing")&&(o+=n(e.css("border-top-width"))+n(e.css("border-bottom-width")),o+=n(e.css("padding-top"))+n(e.css("padding-bottom"))),e.css(s.property,i-o+"px"))})}),u.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||null)}),r._maintainScroll&&t(window).scrollTop(c/p*t("html").outerHeight(!0)),
|
11 |
-
this},r._applyDataApi=function(){var e={};t("[data-match-height], [data-mh]").each(function(){var o=t(this),n=o.attr("data-mh")||o.attr("data-match-height");n in e?e[n]=e[n].add(o):e[n]=o}),t.each(e,function(){this.matchHeight(!0)})};var s=function(e){r._beforeUpdate&&r._beforeUpdate(e,r._groups),t.each(r._groups,function(){r._apply(this.elements,this.options)}),r._afterUpdate&&r._afterUpdate(e,r._groups)};r._update=function(n,a){if(a&&"resize"===a.type){var i=t(window).width();if(i===e)return;e=i;
|
12 |
-
}n?o===-1&&(o=setTimeout(function(){s(a),o=-1},r._throttle)):s(a)},t(r._applyDataApi);var h=t.fn.on?"on":"bind";t(window)[h]("load",function(t){r._update(!1,t)}),t(window)[h]("resize orientationchange",function(t){r._update(!0,t)})});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
js/script.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1 |
jQuery(document).ready(function($) {
|
2 |
|
3 |
-
if(jQuery('.mason-item').length > 0){
|
4 |
-
jQuery('.mason-item').matchHeight({byRow: true});
|
5 |
}
|
6 |
$('a, i').hover(function() {
|
7 |
$(this).css({
|
@@ -66,7 +66,7 @@ function PhotoBookGallery(el){
|
|
66 |
jQuery(el).find('img').each(function(index, el) {
|
67 |
jQuery(this).closest('div').zoom({magnify: jQuery(el).data('zoomdepth')});
|
68 |
});
|
69 |
-
},
|
70 |
};
|
71 |
|
72 |
jQuery('.wcp-loader').hide();
|
@@ -146,17 +146,6 @@ jQuery(document).scroll(function(event) {
|
|
146 |
});
|
147 |
});
|
148 |
|
149 |
-
|
150 |
-
// Flip Box
|
151 |
-
jQuery(document).ready(function(){
|
152 |
-
jQuery('.hover').hover(function(){
|
153 |
-
jQuery(this).addClass('flip');
|
154 |
-
},function(){
|
155 |
-
jQuery(this).removeClass('flip');
|
156 |
-
});
|
157 |
-
});
|
158 |
-
|
159 |
-
|
160 |
// CountDown timer
|
161 |
jQuery(document).ready(function($) {
|
162 |
$(function () {
|
@@ -170,4 +159,4 @@ jQuery(document).ready(function($) {
|
|
170 |
$(this).countdown({until: CountDown, format: style});
|
171 |
});
|
172 |
});
|
173 |
-
});
|
1 |
jQuery(document).ready(function($) {
|
2 |
|
3 |
+
if(jQuery('.equal-height .mason-item').length > 0){
|
4 |
+
jQuery('.equal-height .mason-item').matchHeight({byRow: true});
|
5 |
}
|
6 |
$('a, i').hover(function() {
|
7 |
$(this).css({
|
66 |
jQuery(el).find('img').each(function(index, el) {
|
67 |
jQuery(this).closest('div').zoom({magnify: jQuery(el).data('zoomdepth')});
|
68 |
});
|
69 |
+
}, 100);
|
70 |
};
|
71 |
|
72 |
jQuery('.wcp-loader').hide();
|
146 |
});
|
147 |
});
|
148 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
149 |
// CountDown timer
|
150 |
jQuery(document).ready(function($) {
|
151 |
$(function () {
|
159 |
$(this).countdown({until: CountDown, format: style});
|
160 |
});
|
161 |
});
|
162 |
+
});
|
lib/admin.css
ADDED
@@ -0,0 +1,117 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.addons-admin-wrap {
|
2 |
+
position: relative;
|
3 |
+
margin: 35px 15px 15px 15px;
|
4 |
+
}
|
5 |
+
.addons-admin-wrap .form-table {
|
6 |
+
width: 80%;
|
7 |
+
}
|
8 |
+
.mega-addons-version {
|
9 |
+
position: absolute;
|
10 |
+
background: #fff;
|
11 |
+
top: 0px;
|
12 |
+
right: 15px;
|
13 |
+
width: 130px;
|
14 |
+
height: 120px;
|
15 |
+
text-align: center;
|
16 |
+
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
17 |
+
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
18 |
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
19 |
+
}
|
20 |
+
.mega-addons-version p {
|
21 |
+
text-align: center;
|
22 |
+
background: #107FC9;
|
23 |
+
color: #fff;
|
24 |
+
margin: 0;
|
25 |
+
padding: 2px;
|
26 |
+
font-size: 15px;
|
27 |
+
}
|
28 |
+
.mega-addons-version .dashicons-shield {
|
29 |
+
width: 130px;
|
30 |
+
height: 120px;
|
31 |
+
}
|
32 |
+
.mega-addons-version .dashicons-shield:before{
|
33 |
+
font-size: 90px;
|
34 |
+
width: inherit;
|
35 |
+
padding: 0;
|
36 |
+
margin: 0;
|
37 |
+
line-height: 120px;
|
38 |
+
color: #107FC9;
|
39 |
+
}
|
40 |
+
.addons-admin-wrap h1{
|
41 |
+
color: #32373C;
|
42 |
+
font-size: 37px;
|
43 |
+
font-weight: 400;
|
44 |
+
color: #32373C;
|
45 |
+
padding-bottom: 5px;
|
46 |
+
}
|
47 |
+
.addons-admin-wrap h3{
|
48 |
+
margin: 0 0px 0px 0;
|
49 |
+
padding: 0;
|
50 |
+
font-size: 17px;
|
51 |
+
font-weight: normal;
|
52 |
+
line-height: 1.45em;
|
53 |
+
letter-spacing: 0;
|
54 |
+
color: #777777;
|
55 |
+
}
|
56 |
+
|
57 |
+
.addons-admin-wrap th {
|
58 |
+
vertical-align: top;
|
59 |
+
text-align: left;
|
60 |
+
padding: 24px 10px 24px 0;
|
61 |
+
width: 200px;
|
62 |
+
line-height: 1.3;
|
63 |
+
font-weight: 600;
|
64 |
+
}
|
65 |
+
|
66 |
+
/* Switch Button
|
67 |
+
================================= */
|
68 |
+
|
69 |
+
#addonsdata .form-table td {
|
70 |
+
padding: 5px 10px !important;
|
71 |
+
}
|
72 |
+
|
73 |
+
#addonsdata .onoffswitch {
|
74 |
+
position: relative; width: 80px;
|
75 |
+
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
|
76 |
+
}
|
77 |
+
.addons-admin-wrap .onoffswitch-checkbox {
|
78 |
+
display: none;
|
79 |
+
}
|
80 |
+
#addonsdata .onoffswitch-label {
|
81 |
+
display: block; overflow: hidden; cursor: pointer;
|
82 |
+
border: 2px solid #FFFFFF; border-radius: 20px;
|
83 |
+
}
|
84 |
+
#addonsdata .onoffswitch-inner {
|
85 |
+
display: block; width: 200%; margin-left: -100%;
|
86 |
+
transition: margin 0.3s ease-in 0s;
|
87 |
+
}
|
88 |
+
#addonsdata .onoffswitch-inner:before, .onoffswitch-inner:after {
|
89 |
+
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
|
90 |
+
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
|
91 |
+
box-sizing: border-box;
|
92 |
+
}
|
93 |
+
#addonsdata .onoffswitch-inner:before {
|
94 |
+
content: "ON";
|
95 |
+
padding-left: 10px;
|
96 |
+
background-color: #34A7C1; color: #FFFFFF;
|
97 |
+
}
|
98 |
+
#addonsdata .onoffswitch-inner:after {
|
99 |
+
content: "OFF";
|
100 |
+
padding-right: 10px;
|
101 |
+
background-color: #B33D62; color: #FFFFFF;
|
102 |
+
text-align: right;
|
103 |
+
}
|
104 |
+
#addonsdata .onoffswitch-switch {
|
105 |
+
display: block; width: 18px; margin: 6px;
|
106 |
+
background: #FFFFFF;
|
107 |
+
position: absolute; top: 0; bottom: 0;
|
108 |
+
right: 46px;
|
109 |
+
border: 2px solid #FFFFFF; border-radius: 20px;
|
110 |
+
transition: all 0.3s ease-in 0s;
|
111 |
+
}
|
112 |
+
#addonsdata .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
|
113 |
+
margin-left: 0;
|
114 |
+
}
|
115 |
+
#addonsdata .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
|
116 |
+
right: 0px;
|
117 |
+
}
|
lib/admin.js
ADDED
@@ -0,0 +1,13 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
jQuery(document).ready(function() {
|
2 |
+
jQuery('#addonsdata, .btn-save').submit(function(event) {
|
3 |
+
jQuery('.nm-saved').hide();
|
4 |
+
jQuery('.nm-loading').show();
|
5 |
+
event.preventDefault();
|
6 |
+
var data = jQuery(this).serialize();
|
7 |
+
data = data + '&action=vc_save_data';
|
8 |
+
jQuery.post(ajaxurl, data, function(resp) {
|
9 |
+
jQuery('.nm-loading').hide();
|
10 |
+
jQuery('.nm-saved').show();
|
11 |
+
});
|
12 |
+
});
|
13 |
+
});
|
lib/style.css
ADDED
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
input[type=number].wpb_vc_param_value.vc_number {
|
2 |
+
max-width: 100px;
|
3 |
+
margin-right: 10px;
|
4 |
+
}
|
5 |
+
/* Custom VC number Parameter
|
6 |
+
============================================== */
|
main.php
CHANGED
@@ -1,72 +1,169 @@
|
|
1 |
<?php
|
2 |
|
3 |
-
class VC_MEGA
|
4 |
{
|
5 |
-
|
|
|
|
|
6 |
{
|
|
|
7 |
add_action( 'vc_before_init', array($this, 'vc_mega_addons' ));
|
|
|
|
|
8 |
add_action( 'wp_enqueue_scripts', array($this, 'adding_front_scripts') );
|
|
|
9 |
add_action( 'init', array( $this, 'check_if_vc_is_install' ) );
|
10 |
add_filter( 'plugin_action_links', array($this, 'action_links'), 10, 5 );
|
|
|
11 |
// remove_filter( 'the_content', 'wpautop' );
|
12 |
}
|
13 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
14 |
|
15 |
function adding_front_scripts () {
|
|
|
16 |
wp_enqueue_style( 'image-hover-effects-css', plugins_url( 'css/ihover.css' , __FILE__ ));
|
17 |
wp_enqueue_style( 'style-css', plugins_url( 'css/style.css' , __FILE__ ));
|
18 |
wp_enqueue_style( 'font-awesome-latest', plugins_url( 'css/font-awesome/css/font-awesome.css' , __FILE__ ));
|
19 |
wp_enqueue_script( 'front-js-na', plugins_url( 'js/script.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
|
20 |
}
|
21 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
22 |
|
23 |
function vc_mega_addons() {
|
24 |
-
|
25 |
-
include 'render/
|
26 |
-
include 'render/
|
27 |
-
include 'render/
|
28 |
-
include 'render/
|
29 |
-
include 'render/
|
30 |
-
include 'render/
|
31 |
-
include 'render/
|
32 |
-
include 'render/statcounter.php';
|
33 |
-
include 'render/flipbox.php';
|
34 |
-
include 'render/timeline_father.php';
|
35 |
-
include 'render/timeline_son.php';
|
36 |
-
include 'render/countdown.php';
|
37 |
-
include 'render/creativelink.php';
|
38 |
-
include 'render/texttyper.php';
|
39 |
-
include 'render/social_father.php';
|
40 |
-
include 'render/social_son.php';
|
41 |
-
include 'render/modalPopup.php';
|
42 |
-
include 'render/interectivebanner.php';
|
43 |
-
include 'render/info_list_father.php';
|
44 |
-
include 'render/info_list_son.php';
|
45 |
-
include 'render/googletrends.php';
|
46 |
-
include 'render/tooltip_icons.php';
|
47 |
-
include 'render/testimonial.php';
|
48 |
-
include 'render/tm_carousel_father.php';
|
49 |
-
include 'render/tm_carousel_son.php';
|
50 |
-
include 'render/headings.php';
|
51 |
-
include 'render/highlight_box.php';
|
52 |
-
include 'render/image_swap.php';
|
53 |
-
include 'render/accordion_father.php';
|
54 |
-
include 'render/accordion_son.php';
|
55 |
-
include 'render/info_circle.php';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
56 |
}
|
57 |
|
58 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59 |
function check_if_vc_is_install(){
|
60 |
if ( ! defined( 'WPB_VC_VERSION' ) ) {
|
61 |
// Display notice that Visual Compser is required
|
62 |
add_action('admin_notices', array( $this, 'showVcVersionNotice' ));
|
63 |
return;
|
64 |
-
}
|
65 |
-
add_action('admin_notices', array( $this, 'showVcNoticeBetaVersion' ));
|
66 |
-
return;
|
67 |
-
}
|
68 |
}
|
69 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
70 |
function showVcVersionNotice(){
|
71 |
?>
|
72 |
<div class="notice notice-warning is-dismissible">
|
@@ -75,14 +172,6 @@ class VC_MEGA
|
|
75 |
<?php
|
76 |
}
|
77 |
|
78 |
-
function showVcNoticeBetaVersion(){
|
79 |
-
?>
|
80 |
-
<div class="notice notice-warning is-dismissible">
|
81 |
-
<p>Mega Addons Beta version 3.0 is available. This update has a large amount of changes. <a class="button-primary btn-save" style="line-height: 19px; height:21px;" href="https://addons.topdigitaltrends.net/mega-addons-beta-version/">Get It Now.</a></p>
|
82 |
-
</div>
|
83 |
-
<?php
|
84 |
-
}
|
85 |
-
|
86 |
function action_links($actions, $plugin_file){
|
87 |
static $plugin;
|
88 |
|
@@ -90,9 +179,9 @@ class VC_MEGA
|
|
90 |
$plugin = plugin_basename(__FILE__);
|
91 |
if ('mega-addons-for-visual-composer/index.php' == $plugin_file && defined('WPB_VC_VERSION')) {
|
92 |
|
93 |
-
$site_link = array('upgrade' => '<a href="https://
|
94 |
|
95 |
-
$actions = array_merge($
|
96 |
|
97 |
}
|
98 |
|
@@ -101,5 +190,4 @@ class VC_MEGA
|
|
101 |
|
102 |
}
|
103 |
|
104 |
-
|
105 |
-
?>
|
1 |
<?php
|
2 |
|
3 |
+
class VC_MEGA
|
4 |
{
|
5 |
+
private $file;
|
6 |
+
|
7 |
+
function __construct($file)
|
8 |
{
|
9 |
+
$this->file = $file;
|
10 |
add_action( 'vc_before_init', array($this, 'vc_mega_addons' ));
|
11 |
+
add_action('admin_menu', array($this, 'vc_register_admin_menu'));
|
12 |
+
add_action('wp_ajax_vc_save_data', array($this, 'vc_saving_data' ));
|
13 |
add_action( 'wp_enqueue_scripts', array($this, 'adding_front_scripts') );
|
14 |
+
add_action('admin_enqueue_scripts', array($this, 'vc_admin_script'));
|
15 |
add_action( 'init', array( $this, 'check_if_vc_is_install' ) );
|
16 |
add_filter( 'plugin_action_links', array($this, 'action_links'), 10, 5 );
|
17 |
+
// register_activation_hook( __FILE__, array( $this, 'activation' ) );
|
18 |
// remove_filter( 'the_content', 'wpautop' );
|
19 |
}
|
20 |
|
21 |
+
/**
|
22 |
+
* init function.
|
23 |
+
*
|
24 |
+
* @access public
|
25 |
+
* @return void
|
26 |
+
*/
|
27 |
+
public function init () {
|
28 |
+
// Run this on activation.
|
29 |
+
register_activation_hook( $this->file, array( $this, 'activation' ) );
|
30 |
+
} // End init()
|
31 |
|
32 |
function adding_front_scripts () {
|
33 |
+
$saved_options = get_option('vc_save_data');
|
34 |
wp_enqueue_style( 'image-hover-effects-css', plugins_url( 'css/ihover.css' , __FILE__ ));
|
35 |
wp_enqueue_style( 'style-css', plugins_url( 'css/style.css' , __FILE__ ));
|
36 |
wp_enqueue_style( 'font-awesome-latest', plugins_url( 'css/font-awesome/css/font-awesome.css' , __FILE__ ));
|
37 |
wp_enqueue_script( 'front-js-na', plugins_url( 'js/script.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
|
38 |
}
|
39 |
|
40 |
+
function vc_admin_script($slug) {
|
41 |
+
wp_enqueue_style( 'vc_admin_css', plugin_dir_url( __FILE__ ) . 'lib/style.css' );
|
42 |
+
if ($slug == 'toplevel_page_mega-addons') {
|
43 |
+
wp_enqueue_style( 'vc_admin_style', plugin_dir_url( __FILE__ ) . 'lib/admin.css' );
|
44 |
+
wp_enqueue_script( 'vc_admin_js', plugin_dir_url( __FILE__ ) . 'lib/admin.js', array('jquery', 'jquery-ui-core'));
|
45 |
+
}
|
46 |
+
}
|
47 |
+
|
48 |
+
|
49 |
|
50 |
function vc_mega_addons() {
|
51 |
+
$saved_options = get_option('vc_save_data');
|
52 |
+
if (isset($saved_options['banner'])) {include 'render/infobanners.php';}
|
53 |
+
if (isset($saved_options['ihe'])) {include 'render/hover.php';}
|
54 |
+
if (isset($saved_options['price_table'])) {include 'render/price.php';}
|
55 |
+
if (isset($saved_options['advance_price'])) {include 'render/advanceprice.php';}
|
56 |
+
if (isset($saved_options['info_box'])) {include 'render/infobox.php';}
|
57 |
+
if (isset($saved_options['advance_btn'])) {include 'render/hoverbutton.php';}
|
58 |
+
if (isset($saved_options['team_prof'])) {include 'render/teamprofile.php';}
|
59 |
+
if (isset($saved_options['counter'])) {include 'render/statcounter.php';}
|
60 |
+
if (isset($saved_options['flip_box'])) {include 'render/flipbox.php';}
|
61 |
+
if (isset($saved_options['timeline'])) {include 'render/timeline_father.php';}
|
62 |
+
if (isset($saved_options['timeline'])) {include 'render/timeline_son.php';}
|
63 |
+
if (isset($saved_options['countdown'])) {include 'render/countdown.php';}
|
64 |
+
if (isset($saved_options['creative_link'])) {include 'render/creativelink.php';}
|
65 |
+
if (isset($saved_options['text_typer'])) {include 'render/texttyper.php';}
|
66 |
+
if (isset($saved_options['social_icon'])) {include 'render/social_father.php';}
|
67 |
+
if (isset($saved_options['social_icon'])) {include 'render/social_son.php';}
|
68 |
+
if (isset($saved_options['popup'])) {include 'render/modalPopup.php';}
|
69 |
+
if (isset($saved_options['interactive_banner'])) {include 'render/interectivebanner.php';}
|
70 |
+
if (isset($saved_options['info_list'])) {include 'render/info_list_father.php';}
|
71 |
+
if (isset($saved_options['info_list'])) {include 'render/info_list_son.php';}
|
72 |
+
if (isset($saved_options['google_trend'])) {include 'render/googletrends.php';}
|
73 |
+
if (isset($saved_options['tooltip'])) {include 'render/tooltip_icons.php';}
|
74 |
+
if (isset($saved_options['testimonial'])) {include 'render/testimonial.php';}
|
75 |
+
if (isset($saved_options['adv_carousel'])) {include 'render/tm_carousel_father.php';}
|
76 |
+
if (isset($saved_options['adv_carousel'])) {include 'render/tm_carousel_son.php';}
|
77 |
+
if (isset($saved_options['heading'])) {include 'render/headings.php';}
|
78 |
+
if (isset($saved_options['highlight_box'])) {include 'render/highlight_box.php';}
|
79 |
+
if (isset($saved_options['img_swap'])) {include 'render/image_swap.php';}
|
80 |
+
if (isset($saved_options['accordion'])) {include 'render/accordion_father.php';}
|
81 |
+
if (isset($saved_options['accordion'])) {include 'render/accordion_son.php';}
|
82 |
+
if (isset($saved_options['info_circle'])) {include 'render/info_circle.php';}
|
83 |
+
include 'includes/class-vc-number-param.php';
|
84 |
+
}
|
85 |
+
|
86 |
+
function vc_saving_data() {
|
87 |
+
if (isset($_REQUEST)) {
|
88 |
+
update_option( 'vc_save_data', $_REQUEST );
|
89 |
+
}
|
90 |
}
|
91 |
|
92 |
|
93 |
+
function vc_register_admin_menu() {
|
94 |
+
add_menu_page( 'Mega Addons', 'Mega Addons', 'manage_options', 'mega-addons', array($this, 'vc_addons'), 'dashicons-shield');
|
95 |
+
}
|
96 |
+
|
97 |
+
function vc_addons() {
|
98 |
+
$saved_options = get_option('vc_save_data');
|
99 |
+
?>
|
100 |
+
|
101 |
+
<div class="addons-admin-wrap">
|
102 |
+
<h1>Mega Addons For Visual Composer</h1>
|
103 |
+
<h3>Welcome! You are about to begin with the most powerful addon for Visual Composer that add in many advanced features developed with love.</h3>
|
104 |
+
<br>
|
105 |
+
<h3 style="font-weight: 100;">Enable/Disable Element</h3>
|
106 |
+
<div class="mega-addons-version">
|
107 |
+
<div class="dashicons-before dashicons-shield"></div>
|
108 |
+
<p>Version 3.1</p>
|
109 |
+
</div>
|
110 |
+
<?php include 'includes/settings.php'; ?>
|
111 |
+
</div>
|
112 |
+
|
113 |
+
|
114 |
+
<?php }
|
115 |
+
|
116 |
function check_if_vc_is_install(){
|
117 |
if ( ! defined( 'WPB_VC_VERSION' ) ) {
|
118 |
// Display notice that Visual Compser is required
|
119 |
add_action('admin_notices', array( $this, 'showVcVersionNotice' ));
|
120 |
return;
|
121 |
+
}
|
|
|
|
|
|
|
122 |
}
|
123 |
|
124 |
+
/**
|
125 |
+
* activation function.
|
126 |
+
*
|
127 |
+
* @access public
|
128 |
+
* @return void
|
129 |
+
*/
|
130 |
+
public function activation () {
|
131 |
+
|
132 |
+
if ( !get_option( 'vc_save_data' ) ) {
|
133 |
+
$vc_default_options = array(
|
134 |
+
'banner' => 'on',
|
135 |
+
'ihe' => 'on',
|
136 |
+
'price_table' => 'on',
|
137 |
+
'advance_price' => 'on',
|
138 |
+
'info_box' => 'on',
|
139 |
+
'advance_btn' => 'on',
|
140 |
+
'team_prof' => 'on',
|
141 |
+
'counter' => 'on',
|
142 |
+
'flip_box' => 'on',
|
143 |
+
'timeline' => 'on',
|
144 |
+
'countdown' => 'on',
|
145 |
+
'creative_link' => 'on',
|
146 |
+
'text_typer' => 'on',
|
147 |
+
'social_icon' => 'on',
|
148 |
+
'popup' => 'on',
|
149 |
+
'interactive_banner' => 'on',
|
150 |
+
'info_list' => 'on',
|
151 |
+
'google_trend' => 'on',
|
152 |
+
'tooltip' => 'on',
|
153 |
+
'testimonial' => 'on',
|
154 |
+
'adv_carousel' => 'on',
|
155 |
+
'heading' => 'on',
|
156 |
+
'highlight_box' => 'on',
|
157 |
+
'img_swap' => 'on',
|
158 |
+
'accordion' => 'on',
|
159 |
+
'info_circle' => 'on',
|
160 |
+
);
|
161 |
+
|
162 |
+
update_option( 'vc_save_data', $vc_default_options);
|
163 |
+
}
|
164 |
+
|
165 |
+
} // End activation()
|
166 |
+
|
167 |
function showVcVersionNotice(){
|
168 |
?>
|
169 |
<div class="notice notice-warning is-dismissible">
|
172 |
<?php
|
173 |
}
|
174 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
175 |
function action_links($actions, $plugin_file){
|
176 |
static $plugin;
|
177 |
|
179 |
$plugin = plugin_basename(__FILE__);
|
180 |
if ('mega-addons-for-visual-composer/index.php' == $plugin_file && defined('WPB_VC_VERSION')) {
|
181 |
|
182 |
+
$site_link = array('upgrade' => '<a href="https://1.envato.market/02aNL" style="font-size: 14px;color: #11967A;" target="_blank"><b>Upgrade To Premium</b></a>');
|
183 |
|
184 |
+
$actions = array_merge($site_link, $actions);
|
185 |
|
186 |
}
|
187 |
|
190 |
|
191 |
}
|
192 |
|
193 |
+
?>
|
|
readme.txt
CHANGED
@@ -3,8 +3,8 @@ Contributors: nasir179125
|
|
3 |
Donate link: http://paypal.me/webcodingplace
|
4 |
Tags: mega addons for wpbakery page builder, mega addons for visual composer, wpbakery page builder, visual composer, all in one plugin, visual composer extension, multi addons for visual composer, imag hover effects, visual composer addons, vc addons, visual composer extensions, vc extensions, page builder, portfolio, carousel, post, posts, shortcodes, tabs, admin, plugin, page, member profile, info banner, price table, stats counter, flip book, testimonial
|
5 |
Requires at least: 3.5
|
6 |
-
Tested up to: 5.
|
7 |
-
Stable tag:
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
@@ -16,10 +16,10 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
16 |
<p>
|
17 |
<strong>Best Addons Plugin For WPBakery Page Builder - WordPress Plugin</strong>
|
18 |
</p>
|
19 |
-
<p>
|
20 |
-
<a href="http://www.topdigitaltrends.net/mega-addons-for-visual-composer.zip">Get Mega Addons V3.0 Releasing soon..</a>
|
21 |
-
</p>
|
22 |
</blockquote>
|
|
|
|
|
|
|
23 |
Mega Addons For Visual Composer ~ The biggest Addon bundle for Visual Composer With 28 addons. This Addon Bundle provide you everything for your Visual Composer Page Builder. Addons for Visual Composer features professional looking, easy to use yet highly functional extensions that can be used in a WPBakery Visual Composer page builder.<br>
|
24 |
<a href="https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=nasir179125"><strong>WPBakery Page Builder (formerly Visual Composer)</strong></a> plugin must be installed and activated to use this plugin. After you activate the required plugins, the elements should be available for use in Visual Composer.
|
25 |
|
@@ -104,6 +104,24 @@ https://www.youtube.com/watch?time_continue=387&v=Qj4tfvMlcJs
|
|
104 |
|
105 |
== Changelog ==
|
106 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
107 |
= 2.3 =
|
108 |
* In this version we are just letting you know that a new beta version 3.0 will be release soon which will have alot of changes so please make sure to backup your previous version. You can download the Beta version from given link:- https://addons.topdigitaltrends.net/mega-addons-beta-version/
|
109 |
|
3 |
Donate link: http://paypal.me/webcodingplace
|
4 |
Tags: mega addons for wpbakery page builder, mega addons for visual composer, wpbakery page builder, visual composer, all in one plugin, visual composer extension, multi addons for visual composer, imag hover effects, visual composer addons, vc addons, visual composer extensions, vc extensions, page builder, portfolio, carousel, post, posts, shortcodes, tabs, admin, plugin, page, member profile, info banner, price table, stats counter, flip book, testimonial
|
5 |
Requires at least: 3.5
|
6 |
+
Tested up to: 5.1
|
7 |
+
Stable tag: 3.1
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
16 |
<p>
|
17 |
<strong>Best Addons Plugin For WPBakery Page Builder - WordPress Plugin</strong>
|
18 |
</p>
|
|
|
|
|
|
|
19 |
</blockquote>
|
20 |
+
<p>
|
21 |
+
<strong>Notice: This update is a major release. Designs made in some themes may effect. In case, you can get old version back by <a href="https://www.topdigitaltrends.net/mega-addons-for-visual-composer-2.3.zip">clicking here</a> for backward compatibility. For more info, please contact at info@topdigitaltrends.net</strong>
|
22 |
+
</p>
|
23 |
Mega Addons For Visual Composer ~ The biggest Addon bundle for Visual Composer With 28 addons. This Addon Bundle provide you everything for your Visual Composer Page Builder. Addons for Visual Composer features professional looking, easy to use yet highly functional extensions that can be used in a WPBakery Visual Composer page builder.<br>
|
24 |
<a href="https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=nasir179125"><strong>WPBakery Page Builder (formerly Visual Composer)</strong></a> plugin must be installed and activated to use this plugin. After you activate the required plugins, the elements should be available for use in Visual Composer.
|
25 |
|
104 |
|
105 |
== Changelog ==
|
106 |
|
107 |
+
= 3.1 =
|
108 |
+
* This verion have some changes In settings so please make sure to backup your previous version and design. Your design can be change on updating the plugin so first test It on other server or localhost.
|
109 |
+
* These settings will effect on font size, padding, height width and URL given to elements.
|
110 |
+
* If you update the plugin by mistaken then simply revert the old version 2.3 and settings will be back. You can download It from Plugin URI on WordPress.org
|
111 |
+
* Now you can disable unused elements from dashboard to speed up your page loading time.
|
112 |
+
* We fixed too much bugs in new version and made more responsive design.
|
113 |
+
* You can add custom settings for mobile devices.
|
114 |
+
* Info Box: Addition of WP-Editor option for description field and Box shadow and "Link To" options.
|
115 |
+
* Accordion: Options of Collapseable + animation + mouseover and clickable, plus panel height issue resolved.
|
116 |
+
* Addition: Width & Height option for Image Hover Effects.
|
117 |
+
* Image Alt attribute In all elements.
|
118 |
+
* Remove "Photobook" element.
|
119 |
+
* Flip Box CSS fixed rotation problem
|
120 |
+
* Price Table: 2 more design.
|
121 |
+
* Addition: Text Color & background color onhover for button in modal popup element.
|
122 |
+
* Addition: Border Style option in Image Swap Element.
|
123 |
+
* Extra Spaces Removed From Interactive Banner Design.
|
124 |
+
|
125 |
= 2.3 =
|
126 |
* In this version we are just letting you know that a new beta version 3.0 will be release soon which will have alot of changes so please make sure to backup your previous version. You can download the Beta version from given link:- https://addons.topdigitaltrends.net/mega-addons-beta-version/
|
127 |
|
render/accordion_father.php
CHANGED
@@ -8,14 +8,15 @@ class WPBakeryShortCode_accordion_father extends WPBakeryShortCodesContainer {
|
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
-
'
|
12 |
-
'
|
|
|
13 |
), $atts ) );
|
14 |
$content = wpb_js_remove_wpautop($content);
|
15 |
wp_enqueue_style( 'accordion-css', plugins_url( '../css/accordion.css' , __FILE__ ));
|
16 |
wp_enqueue_script( 'accordion-js', plugins_url( '../js/accordion.js' , __FILE__ ), array('jquery', 'jquery-ui-accordion'));
|
17 |
ob_start(); ?>
|
18 |
-
<div class="mega-accordion" data-
|
19 |
<?php echo $content; ?>
|
20 |
</div>
|
21 |
|
@@ -36,14 +37,44 @@ vc_map( array(
|
|
36 |
'params' => array(
|
37 |
array(
|
38 |
"type" => "dropdown",
|
39 |
-
"heading" => __( '
|
40 |
-
"param_name" => "
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
41 |
"description" => __( 'select', 'accordion' ),
|
42 |
"group" => 'General',
|
43 |
"value" => array(
|
44 |
-
"
|
45 |
-
"
|
46 |
)
|
47 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
48 |
)
|
49 |
) );
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
+
'active' => 'false',
|
12 |
+
'animation' => '350',
|
13 |
+
'event' => 'click',
|
14 |
), $atts ) );
|
15 |
$content = wpb_js_remove_wpautop($content);
|
16 |
wp_enqueue_style( 'accordion-css', plugins_url( '../css/accordion.css' , __FILE__ ));
|
17 |
wp_enqueue_script( 'accordion-js', plugins_url( '../js/accordion.js' , __FILE__ ), array('jquery', 'jquery-ui-accordion'));
|
18 |
ob_start(); ?>
|
19 |
+
<div class="mega-accordion" data-active="<?php echo $active; ?>" data-anim="<?php echo $animation; ?>" data-event="<?php echo $event; ?>">
|
20 |
<?php echo $content; ?>
|
21 |
</div>
|
22 |
|
37 |
'params' => array(
|
38 |
array(
|
39 |
"type" => "dropdown",
|
40 |
+
"heading" => __( 'Tab Open/Close', 'accordion' ),
|
41 |
+
"param_name" => "active",
|
42 |
+
"description" => __( 'click to <a href="https://addons.topdigitaltrends.net/accordion/" target="_blank">See Demo</a>', 'accordion' ),
|
43 |
+
"group" => 'General',
|
44 |
+
"value" => array(
|
45 |
+
"Close" => "false",
|
46 |
+
"Open" => "0",
|
47 |
+
)
|
48 |
+
),
|
49 |
+
|
50 |
+
array(
|
51 |
+
"type" => "vc_number",
|
52 |
+
"heading" => __( 'Animation Speed', 'accordion' ),
|
53 |
+
"param_name" => "animation",
|
54 |
+
"description" => __( 'in millisecond', 'accordion' ),
|
55 |
+
"value" => "350",
|
56 |
+
"suffix" => 'ms',
|
57 |
+
"group" => 'General',
|
58 |
+
),
|
59 |
+
|
60 |
+
array(
|
61 |
+
"type" => "dropdown",
|
62 |
+
"heading" => __( 'Event', 'accordion' ),
|
63 |
+
"param_name" => "event",
|
64 |
"description" => __( 'select', 'accordion' ),
|
65 |
"group" => 'General',
|
66 |
"value" => array(
|
67 |
+
"Click" => "click",
|
68 |
+
"Mouseover" => "mouseover",
|
69 |
)
|
70 |
),
|
71 |
+
|
72 |
+
array(
|
73 |
+
"type" => "vc_links",
|
74 |
+
"param_name" => "caption_url",
|
75 |
+
"class" => "ult_param_heading",
|
76 |
+
"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' ),
|
77 |
+
"group" => 'General',
|
78 |
+
),
|
79 |
)
|
80 |
) );
|
render/accordion_son.php
CHANGED
@@ -8,10 +8,10 @@ class WPBakeryShortCode_accordion_son extends WPBakeryShortCode {
|
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
-
'titlemargin' => '
|
12 |
'title' => '',
|
13 |
-
'height' => '
|
14 |
-
'size' => '
|
15 |
'clr' => '',
|
16 |
'borderwidth' => '0px 0px 0px 0px',
|
17 |
'borderwidth2' => '0px 0px 0px 0px',
|
@@ -23,10 +23,10 @@ class WPBakeryShortCode_accordion_son extends WPBakeryShortCode {
|
|
23 |
), $atts ) );
|
24 |
$content = wpb_js_remove_wpautop($content);
|
25 |
ob_start(); ?>
|
26 |
-
<h3 class="
|
27 |
<?php echo $title; ?>
|
28 |
</h3>
|
29 |
-
<div class="mega-panel" style="margin-bottom: <?php echo $titlemargin;
|
30 |
<?php echo $content; ?>
|
31 |
</div>
|
32 |
|
@@ -48,11 +48,12 @@ vc_map( array(
|
|
48 |
// Title Section
|
49 |
|
50 |
array(
|
51 |
-
"type" => "
|
52 |
"heading" => __( 'Margin', 'accordion' ),
|
53 |
"param_name" => "titlemargin",
|
54 |
"description" => __( 'margin from bottom for each tab, set in pixel', 'accordion' ),
|
55 |
-
"value" => "
|
|
|
56 |
"group" => 'General',
|
57 |
),
|
58 |
|
@@ -66,19 +67,21 @@ vc_map( array(
|
|
66 |
|
67 |
|
68 |
array(
|
69 |
-
"type" => "
|
70 |
"heading" => __( 'Title Section Height', 'accordion' ),
|
71 |
"param_name" => "height",
|
72 |
-
"description" => __( 'set in pixel default
|
73 |
-
"value" => "
|
|
|
74 |
"group" => "Title",
|
75 |
),
|
76 |
array(
|
77 |
"type" => "textfield",
|
78 |
"heading" => __( 'Font Size', 'accordion' ),
|
79 |
"param_name" => "size",
|
80 |
-
"description" => __( 'set in pixel eg,
|
81 |
-
"value" => "
|
|
|
82 |
"group" => 'Title',
|
83 |
),
|
84 |
array(
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
+
'titlemargin' => '0',
|
12 |
'title' => '',
|
13 |
+
'height' => '50',
|
14 |
+
'size' => '16',
|
15 |
'clr' => '',
|
16 |
'borderwidth' => '0px 0px 0px 0px',
|
17 |
'borderwidth2' => '0px 0px 0px 0px',
|
23 |
), $atts ) );
|
24 |
$content = wpb_js_remove_wpautop($content);
|
25 |
ob_start(); ?>
|
26 |
+
<h3 class="ac-style" style="margin-top: <?php echo $titlemargin; ?>px; border-width: <?php echo $borderwidth; ?>; border-style: solid; border-color: <?php echo $borderclr; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?> <?php echo $gradientbg; ?>; font-size: <?php echo $size; ?>px;height: <?php echo $height; ?>px; line-height: <?php echo $height; ?>px;">
|
27 |
<?php echo $title; ?>
|
28 |
</h3>
|
29 |
+
<div class="mega-panel" style="margin-bottom: <?php echo $titlemargin; ?>px;background: <?php echo $bodybg; ?>; border-width: <?php echo $borderwidth2; ?>; border-style: solid; border-color: <?php echo $borderclr2; ?>;">
|
30 |
<?php echo $content; ?>
|
31 |
</div>
|
32 |
|
48 |
// Title Section
|
49 |
|
50 |
array(
|
51 |
+
"type" => "vc_number",
|
52 |
"heading" => __( 'Margin', 'accordion' ),
|
53 |
"param_name" => "titlemargin",
|
54 |
"description" => __( 'margin from bottom for each tab, set in pixel', 'accordion' ),
|
55 |
+
"value" => "0",
|
56 |
+
"suffix" => 'px',
|
57 |
"group" => 'General',
|
58 |
),
|
59 |
|
67 |
|
68 |
|
69 |
array(
|
70 |
+
"type" => "vc_number",
|
71 |
"heading" => __( 'Title Section Height', 'accordion' ),
|
72 |
"param_name" => "height",
|
73 |
+
"description" => __( 'set in pixel default 50', 'accordion' ),
|
74 |
+
"value" => "50",
|
75 |
+
"suffix" => 'px',
|
76 |
"group" => "Title",
|
77 |
),
|
78 |
array(
|
79 |
"type" => "textfield",
|
80 |
"heading" => __( 'Font Size', 'accordion' ),
|
81 |
"param_name" => "size",
|
82 |
+
"description" => __( 'set in pixel eg, 16', 'accordion' ),
|
83 |
+
"value" => "16",
|
84 |
+
"suffix" => 'px',
|
85 |
"group" => 'Title',
|
86 |
),
|
87 |
array(
|
render/advanceprice.php
CHANGED
@@ -15,7 +15,7 @@ class WPBakeryShortCode_mvc_advance_listing extends WPBakeryShortCode {
|
|
15 |
'price_title' => '',
|
16 |
'price_visibility' => 'block',
|
17 |
'price_amount' => '',
|
18 |
-
'price_fontsize' => '
|
19 |
'price_plan' => 'month',
|
20 |
'feature_align' => '',
|
21 |
'feature_size' => '13px',
|
@@ -27,11 +27,12 @@ class WPBakeryShortCode_mvc_advance_listing extends WPBakeryShortCode {
|
|
27 |
'top_bg' => '',
|
28 |
'text_clr' => '',
|
29 |
), $atts ) );
|
|
|
30 |
wp_enqueue_style( 'advanced-listing-css', plugins_url( '../css/ad_listing.css' , __FILE__ ));
|
31 |
$content = wpb_js_remove_wpautop($content, true);
|
32 |
ob_start(); ?>
|
33 |
|
34 |
-
<div class="price_table_2" style="background-color: <?php echo $price_bg; ?>; margin-top: <?php echo $price_margin;
|
35 |
<div class="type" style="background-color: <?php echo $top_bg; ?>;">
|
36 |
<div class="ribbon-right-side" style="display: <?php echo $offer_visibility; ?>;">
|
37 |
<span style="background: <?php echo $offer_bg; ?>;"><?php echo $offer_text; ?></span>
|
@@ -41,7 +42,7 @@ class WPBakeryShortCode_mvc_advance_listing extends WPBakeryShortCode {
|
|
41 |
|
42 |
<div class="plan">
|
43 |
<div class="header" style="display: <?php echo $price_visibility; ?>;">
|
44 |
-
<span class="amount" style="color: <?php echo $amount_clr; ?>; font-size: <?php echo $price_fontsize; ?>">
|
45 |
<?php echo $price_amount; ?> <span class="month">/<?php echo $price_plan; ?></span>
|
46 |
</span>
|
47 |
</div>
|
@@ -49,7 +50,7 @@ class WPBakeryShortCode_mvc_advance_listing extends WPBakeryShortCode {
|
|
49 |
<?php echo $content; ?>
|
50 |
</div>
|
51 |
<div class="price" style="">
|
52 |
-
<a href="<?php echo $btn_url; ?>" class="price-btn" style="display: <?php echo $btn_visibility; ?>; background-color: <?php echo $top_bg; ?>; box-shadow: inset 0 -2px <?php echo $top_bg; ?>;-webkit-box-shadow: inset 0 -2px <?php echo $top_bg; ?>;">
|
53 |
<?php echo $btn_text; ?>
|
54 |
</a>
|
55 |
</div>
|
@@ -70,10 +71,11 @@ vc_map( array(
|
|
70 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/advanceprice.png',
|
71 |
'params' => array(
|
72 |
array(
|
73 |
-
"type" => "
|
74 |
-
"heading" => __( 'Price margin from top', 'pt-vc' ),
|
75 |
"param_name" => "price_margin",
|
76 |
-
"description" => __( 'Set complete margin of price table from top to bottom in pixel e.g
|
|
|
77 |
"group" => 'Price Header',
|
78 |
),
|
79 |
array(
|
@@ -103,11 +105,13 @@ vc_map( array(
|
|
103 |
"group" => 'Price Header',
|
104 |
),
|
105 |
array(
|
106 |
-
"type" => "
|
107 |
"heading" => __( 'Amount font size', 'pt-vc' ),
|
108 |
"param_name" => "price_fontsize",
|
109 |
-
"description" => __( 'Set font size of price amount e.g
|
110 |
"dependency" => array('element' => "price_visibility", 'value' => 'block'),
|
|
|
|
|
111 |
"group" => 'Price Header',
|
112 |
),
|
113 |
array(
|
@@ -119,6 +123,14 @@ vc_map( array(
|
|
119 |
"group" => 'Price Header',
|
120 |
),
|
121 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
122 |
array(
|
123 |
"type" => "dropdown",
|
124 |
"heading" => __( 'Show/Hide Offer', 'pt-vc' ),
|
@@ -180,7 +192,7 @@ vc_map( array(
|
|
180 |
),
|
181 |
|
182 |
array(
|
183 |
-
"type" => "
|
184 |
"heading" => __( 'Button Url', 'pt-vc' ),
|
185 |
"param_name" => "btn_url",
|
186 |
"description" => __( 'Set Button URL for link', 'pt-vc' ),
|
15 |
'price_title' => '',
|
16 |
'price_visibility' => 'block',
|
17 |
'price_amount' => '',
|
18 |
+
'price_fontsize' => '35',
|
19 |
'price_plan' => 'month',
|
20 |
'feature_align' => '',
|
21 |
'feature_size' => '13px',
|
27 |
'top_bg' => '',
|
28 |
'text_clr' => '',
|
29 |
), $atts ) );
|
30 |
+
$btn_url = vc_build_link($btn_url);
|
31 |
wp_enqueue_style( 'advanced-listing-css', plugins_url( '../css/ad_listing.css' , __FILE__ ));
|
32 |
$content = wpb_js_remove_wpautop($content, true);
|
33 |
ob_start(); ?>
|
34 |
|
35 |
+
<div class="price_table_2" style="background-color: <?php echo $price_bg; ?>; margin-top: <?php echo $price_margin; ?>px;">
|
36 |
<div class="type" style="background-color: <?php echo $top_bg; ?>;">
|
37 |
<div class="ribbon-right-side" style="display: <?php echo $offer_visibility; ?>;">
|
38 |
<span style="background: <?php echo $offer_bg; ?>;"><?php echo $offer_text; ?></span>
|
42 |
|
43 |
<div class="plan">
|
44 |
<div class="header" style="display: <?php echo $price_visibility; ?>;">
|
45 |
+
<span class="amount" style="color: <?php echo $amount_clr; ?>; font-size: <?php echo $price_fontsize; ?>px">
|
46 |
<?php echo $price_amount; ?> <span class="month">/<?php echo $price_plan; ?></span>
|
47 |
</span>
|
48 |
</div>
|
50 |
<?php echo $content; ?>
|
51 |
</div>
|
52 |
<div class="price" style="">
|
53 |
+
<a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="price-btn" style="display: <?php echo $btn_visibility; ?>; background-color: <?php echo $top_bg; ?>; box-shadow: inset 0 -2px <?php echo $top_bg; ?>;-webkit-box-shadow: inset 0 -2px <?php echo $top_bg; ?>;">
|
54 |
<?php echo $btn_text; ?>
|
55 |
</a>
|
56 |
</div>
|
71 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/advanceprice.png',
|
72 |
'params' => array(
|
73 |
array(
|
74 |
+
"type" => "vc_number",
|
75 |
+
"heading" => __( 'Price margin (from top)', 'pt-vc' ),
|
76 |
"param_name" => "price_margin",
|
77 |
+
"description" => __( 'Set complete margin of price table from top to bottom in pixel e.g 30. It is recomend for first price listing from left side.', 'pt-vc' ),
|
78 |
+
"suffix" => 'px',
|
79 |
"group" => 'Price Header',
|
80 |
),
|
81 |
array(
|
105 |
"group" => 'Price Header',
|
106 |
),
|
107 |
array(
|
108 |
+
"type" => "vc_number",
|
109 |
"heading" => __( 'Amount font size', 'pt-vc' ),
|
110 |
"param_name" => "price_fontsize",
|
111 |
+
"description" => __( 'Set font size of price amount e.g 35', 'pt-vc' ),
|
112 |
"dependency" => array('element' => "price_visibility", 'value' => 'block'),
|
113 |
+
"suffix" => 'px',
|
114 |
+
"value" => '35',
|
115 |
"group" => 'Price Header',
|
116 |
),
|
117 |
array(
|
123 |
"group" => 'Price Header',
|
124 |
),
|
125 |
|
126 |
+
array(
|
127 |
+
"type" => "vc_links",
|
128 |
+
"param_name" => "caption_url",
|
129 |
+
"class" => "ult_param_heading",
|
130 |
+
"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' ),
|
131 |
+
"group" => 'Price Header',
|
132 |
+
),
|
133 |
+
|
134 |
array(
|
135 |
"type" => "dropdown",
|
136 |
"heading" => __( 'Show/Hide Offer', 'pt-vc' ),
|
192 |
),
|
193 |
|
194 |
array(
|
195 |
+
"type" => "vc_link",
|
196 |
"heading" => __( 'Button Url', 'pt-vc' ),
|
197 |
"param_name" => "btn_url",
|
198 |
"description" => __( 'Set Button URL for link', 'pt-vc' ),
|
render/countdown.php
CHANGED
@@ -16,11 +16,11 @@ class WPBakeryShortCode_mvc_countdown extends WPBakeryShortCode {
|
|
16 |
'bgcolor' => '',
|
17 |
'periodsize' => '',
|
18 |
'periodcolor' => '',
|
19 |
-
'width' => '
|
20 |
-
'height' => '
|
21 |
'padding' => '',
|
22 |
'margin' => '',
|
23 |
-
'borderwidth' => '',
|
24 |
'radius' => '',
|
25 |
'borderclr' => '',
|
26 |
'borderstyle' => 'solid',
|
@@ -47,10 +47,10 @@ class WPBakeryShortCode_mvc_countdown extends WPBakeryShortCode {
|
|
47 |
<style>
|
48 |
#defaultCountdown<?php echo $id; ?> .countdown-section {
|
49 |
background-color: <?php echo $bgcolor; ?>;
|
50 |
-
width: <?php echo $width;
|
51 |
-
height: <?php echo $height;
|
52 |
-
margin: 0 <?php echo $margin;
|
53 |
-
border: <?php echo $borderwidth; ?> <?php echo $borderstyle; ?> <?php echo $borderclr; ?>;
|
54 |
border-radius: <?php echo $radius; ?>;
|
55 |
line-height: <?php echo $lineheight; ?>;
|
56 |
display: inline-block;
|
@@ -60,13 +60,13 @@ class WPBakeryShortCode_mvc_countdown extends WPBakeryShortCode {
|
|
60 |
text-align: center;
|
61 |
}
|
62 |
#defaultCountdown<?php echo $id; ?> .countdown-section .countdown-amount {
|
63 |
-
font-size: <?php echo $size;
|
64 |
color: <?php echo $textcolor; ?>;
|
65 |
-
padding-top: <?php echo $padding;
|
66 |
display: block;
|
67 |
}
|
68 |
#defaultCountdown<?php echo $id; ?> .countdown-section .countdown-period {
|
69 |
-
font-size: <?php echo $periodsize;
|
70 |
color: <?php echo $periodcolor; ?>;
|
71 |
}
|
72 |
</style>
|
@@ -87,44 +87,52 @@ vc_map( array(
|
|
87 |
"type" => "textfield",
|
88 |
"heading" => __( 'Unique ID', 'countdown' ),
|
89 |
"param_name" => "id",
|
90 |
-
"description" => __( 'Required: It should be different from other countdown time. Any Name or numbers', 'countdown' ),
|
91 |
"group" => 'General',
|
92 |
),
|
93 |
|
94 |
array(
|
95 |
-
"type" => "
|
96 |
"heading" => __( 'Width', 'countdown' ),
|
97 |
"param_name" => "width",
|
98 |
-
"description" => __( 'set width in pixel for each week, hours, minutes and seconds e.g
|
|
|
|
|
99 |
"group" => 'General',
|
100 |
),
|
101 |
|
102 |
array(
|
103 |
-
"type" => "
|
104 |
"heading" => __( 'Height', 'countdown' ),
|
105 |
"param_name" => "height",
|
106 |
-
"description" => __( 'set height in pixel for each week, hours, minutes and seconds e.g
|
|
|
|
|
107 |
"group" => 'General',
|
108 |
),
|
109 |
|
110 |
array(
|
111 |
-
"type" => "
|
112 |
"heading" => __( 'Timer Font size', 'countdown' ),
|
113 |
"param_name" => "size",
|
114 |
-
"description" => __( 'Timer font size in pixel e.g
|
|
|
|
|
115 |
"group" => 'General',
|
116 |
),
|
117 |
|
118 |
array(
|
119 |
-
"type" => "
|
120 |
"heading" => __( 'Period Font size', 'countdown' ),
|
121 |
"param_name" => "periodsize",
|
122 |
-
"description" => __( 'period font size in pixel e.g
|
|
|
|
|
123 |
"group" => 'General',
|
124 |
),
|
125 |
|
126 |
array(
|
127 |
-
"type" => "
|
128 |
"heading" => __( 'Line Height', 'countdown' ),
|
129 |
"param_name" => "lineheight",
|
130 |
"description" => __( 'set line height between e.g 1', 'countdown' ),
|
@@ -132,21 +140,32 @@ vc_map( array(
|
|
132 |
),
|
133 |
|
134 |
array(
|
135 |
-
"type" => "
|
136 |
"heading" => __( 'Padding From Top', 'countdown' ),
|
137 |
"param_name" => "padding",
|
138 |
-
"description" => __( 'padding from top help to move time in center default
|
|
|
139 |
"group" => 'General',
|
140 |
),
|
141 |
|
142 |
array(
|
143 |
-
"type" => "
|
144 |
"heading" => __( 'Margin', 'countdown' ),
|
145 |
"param_name" => "margin",
|
146 |
-
"description" => __( 'set margin for each timer space between them from left and right side e.g
|
|
|
|
|
147 |
"group" => 'General',
|
148 |
),
|
149 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
150 |
array(
|
151 |
"type" => "colorpicker",
|
152 |
"heading" => __( 'Timer Text Color', 'countdown' ),
|
@@ -170,10 +189,12 @@ vc_map( array(
|
|
170 |
),
|
171 |
|
172 |
array(
|
173 |
-
"type" => "
|
174 |
"heading" => __( 'Border Width', 'countdown' ),
|
175 |
"param_name" => "borderwidth",
|
176 |
-
"description" => __( 'set border width in pixel or leave blank e.g
|
|
|
|
|
177 |
"group" => 'Color',
|
178 |
),
|
179 |
|
@@ -229,15 +250,15 @@ vc_map( array(
|
|
229 |
),
|
230 |
|
231 |
array(
|
232 |
-
"type" => "
|
233 |
"heading" => __( 'Year', 'countdown' ),
|
234 |
"param_name" => "year",
|
235 |
-
"description" => __( 'just number start from
|
236 |
"group" => 'Countdown',
|
237 |
),
|
238 |
|
239 |
array(
|
240 |
-
"type" => "
|
241 |
"heading" => __( 'Month', 'countdown' ),
|
242 |
"param_name" => "month",
|
243 |
"description" => __( 'just number between 1 to 12 for specific month [ e.g 3 ]', 'countdown' ),
|
@@ -245,7 +266,7 @@ vc_map( array(
|
|
245 |
),
|
246 |
|
247 |
array(
|
248 |
-
"type" => "
|
249 |
"heading" => __( 'Date', 'countdown' ),
|
250 |
"param_name" => "date",
|
251 |
"description" => __( 'just number between 1 to 30 for specific date', 'countdown' ),
|
16 |
'bgcolor' => '',
|
17 |
'periodsize' => '',
|
18 |
'periodcolor' => '',
|
19 |
+
'width' => '100',
|
20 |
+
'height' => '100',
|
21 |
'padding' => '',
|
22 |
'margin' => '',
|
23 |
+
'borderwidth' => '0',
|
24 |
'radius' => '',
|
25 |
'borderclr' => '',
|
26 |
'borderstyle' => 'solid',
|
47 |
<style>
|
48 |
#defaultCountdown<?php echo $id; ?> .countdown-section {
|
49 |
background-color: <?php echo $bgcolor; ?>;
|
50 |
+
width: <?php echo $width; ?>px;
|
51 |
+
height: <?php echo $height; ?>px;
|
52 |
+
margin: 0 <?php echo $margin; ?>px;
|
53 |
+
border: <?php echo $borderwidth; ?>px <?php echo $borderstyle; ?> <?php echo $borderclr; ?>;
|
54 |
border-radius: <?php echo $radius; ?>;
|
55 |
line-height: <?php echo $lineheight; ?>;
|
56 |
display: inline-block;
|
60 |
text-align: center;
|
61 |
}
|
62 |
#defaultCountdown<?php echo $id; ?> .countdown-section .countdown-amount {
|
63 |
+
font-size: <?php echo $size; ?>px;
|
64 |
color: <?php echo $textcolor; ?>;
|
65 |
+
padding-top: <?php echo $padding; ?>px;
|
66 |
display: block;
|
67 |
}
|
68 |
#defaultCountdown<?php echo $id; ?> .countdown-section .countdown-period {
|
69 |
+
font-size: <?php echo $periodsize; ?>px;
|
70 |
color: <?php echo $periodcolor; ?>;
|
71 |
}
|
72 |
</style>
|
87 |
"type" => "textfield",
|
88 |
"heading" => __( 'Unique ID', 'countdown' ),
|
89 |
"param_name" => "id",
|
90 |
+
"description" => __( 'Required: It should be different from other countdown time. Any Name or numbers <a target="_blank" href="https://addons.topdigitaltrends.net/countdown/">Demo</a>', 'countdown' ),
|
91 |
"group" => 'General',
|
92 |
),
|
93 |
|
94 |
array(
|
95 |
+
"type" => "vc_number",
|
96 |
"heading" => __( 'Width', 'countdown' ),
|
97 |
"param_name" => "width",
|
98 |
+
"description" => __( 'set width in pixel for each week, hours, minutes and seconds e.g 100', 'countdown' ),
|
99 |
+
"value" => '100',
|
100 |
+
"suffix" => 'px',
|
101 |
"group" => 'General',
|
102 |
),
|
103 |
|
104 |
array(
|
105 |
+
"type" => "vc_number",
|
106 |
"heading" => __( 'Height', 'countdown' ),
|
107 |
"param_name" => "height",
|
108 |
+
"description" => __( 'set height in pixel for each week, hours, minutes and seconds e.g 100', 'countdown' ),
|
109 |
+
"value" => '100',
|
110 |
+
"suffix" => 'px',
|
111 |
"group" => 'General',
|
112 |
),
|
113 |
|
114 |
array(
|
115 |
+
"type" => "vc_number",
|
116 |
"heading" => __( 'Timer Font size', 'countdown' ),
|
117 |
"param_name" => "size",
|
118 |
+
"description" => __( 'Timer font size in pixel e.g 18', 'countdown' ),
|
119 |
+
"value" => '18',
|
120 |
+
"suffix" => 'px',
|
121 |
"group" => 'General',
|
122 |
),
|
123 |
|
124 |
array(
|
125 |
+
"type" => "vc_number",
|
126 |
"heading" => __( 'Period Font size', 'countdown' ),
|
127 |
"param_name" => "periodsize",
|
128 |
+
"description" => __( 'period font size in pixel e.g 18', 'countdown' ),
|
129 |
+
"value" => '18',
|
130 |
+
"suffix" => 'px',
|
131 |
"group" => 'General',
|
132 |
),
|
133 |
|
134 |
array(
|
135 |
+
"type" => "vc_number",
|
136 |
"heading" => __( 'Line Height', 'countdown' ),
|
137 |
"param_name" => "lineheight",
|
138 |
"description" => __( 'set line height between e.g 1', 'countdown' ),
|
140 |
),
|
141 |
|
142 |
array(
|
143 |
+
"type" => "vc_number",
|
144 |
"heading" => __( 'Padding From Top', 'countdown' ),
|
145 |
"param_name" => "padding",
|
146 |
+
"description" => __( 'padding from top help to move time in center default 15', 'countdown' ),
|
147 |
+
"suffix" => 'px',
|
148 |
"group" => 'General',
|
149 |
),
|
150 |
|
151 |
array(
|
152 |
+
"type" => "vc_number",
|
153 |
"heading" => __( 'Margin', 'countdown' ),
|
154 |
"param_name" => "margin",
|
155 |
+
"description" => __( 'set margin for each timer space between them from left and right side e.g 10', 'countdown' ),
|
156 |
+
"value" => "10",
|
157 |
+
"suffix" => 'px',
|
158 |
"group" => 'General',
|
159 |
),
|
160 |
|
161 |
+
array(
|
162 |
+
"type" => "vc_links",
|
163 |
+
"param_name" => "caption_url",
|
164 |
+
"class" => "ult_param_heading",
|
165 |
+
"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' ),
|
166 |
+
"group" => 'General',
|
167 |
+
),
|
168 |
+
|
169 |
array(
|
170 |
"type" => "colorpicker",
|
171 |
"heading" => __( 'Timer Text Color', 'countdown' ),
|
189 |
),
|
190 |
|
191 |
array(
|
192 |
+
"type" => "vc_number",
|
193 |
"heading" => __( 'Border Width', 'countdown' ),
|
194 |
"param_name" => "borderwidth",
|
195 |
+
"description" => __( 'set border width in pixel or leave blank e.g 10', 'countdown' ),
|
196 |
+
"value" => "0",
|
197 |
+
"suffix" => 'px',
|
198 |
"group" => 'Color',
|
199 |
),
|
200 |
|
250 |
),
|
251 |
|
252 |
array(
|
253 |
+
"type" => "vc_number",
|
254 |
"heading" => __( 'Year', 'countdown' ),
|
255 |
"param_name" => "year",
|
256 |
+
"description" => __( 'just number start from 0 [ e.g 0 for current year, 1 for next year.. ]', 'countdown' ),
|
257 |
"group" => 'Countdown',
|
258 |
),
|
259 |
|
260 |
array(
|
261 |
+
"type" => "vc_number",
|
262 |
"heading" => __( 'Month', 'countdown' ),
|
263 |
"param_name" => "month",
|
264 |
"description" => __( 'just number between 1 to 12 for specific month [ e.g 3 ]', 'countdown' ),
|
266 |
),
|
267 |
|
268 |
array(
|
269 |
+
"type" => "vc_number",
|
270 |
"heading" => __( 'Date', 'countdown' ),
|
271 |
"param_name" => "date",
|
272 |
"description" => __( 'just number between 1 to 30 for specific date', 'countdown' ),
|
render/creativelink.php
CHANGED
@@ -9,24 +9,24 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'style' => 'cl-effect-1',
|
12 |
-
'size' => '',
|
13 |
'weight' => '',
|
14 |
'align' => 'left',
|
15 |
'text' => '',
|
16 |
'url' => '',
|
17 |
-
'target' => '',
|
18 |
'clr' => '',
|
19 |
'bgclr' => '',
|
20 |
'hoverclr' => '',
|
21 |
'hoverbg' => '',
|
22 |
), $atts ) );
|
23 |
-
$
|
24 |
wp_enqueue_style( 'creative-css', plugins_url( '../css/creativelink.css' , __FILE__ ));
|
25 |
wp_enqueue_script( 'creative-js', plugins_url( '../js/creativelink.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
|
|
|
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 $url; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size;
|
30 |
<?php echo $text; ?>
|
31 |
</a>
|
32 |
</div>
|
@@ -34,7 +34,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size;
|
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; ?>
|
@@ -45,7 +45,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size;
|
49 |
<span class="creativelink">
|
50 |
<span class="creativelink-"><?php echo $text; ?></span>
|
51 |
<?php echo $text; ?>
|
@@ -56,7 +56,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size;
|
60 |
<?php echo $text; ?>
|
61 |
<span class="creativelink" style="background: <?php echo $hoverbg; ?>;"></span>
|
62 |
</a>
|
@@ -65,7 +65,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>"
|
69 |
<span class="creativelink" style="background: <?php echo $bgclr; ?>;"></span>
|
70 |
<?php echo $text; ?>
|
71 |
<span class="creativelink-" style="background: <?php echo $bgclr; ?>;"></span>
|
@@ -75,7 +75,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size;
|
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>
|
@@ -85,7 +85,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>"
|
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>
|
@@ -94,7 +94,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>"
|
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>
|
@@ -103,7 +103,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>"
|
107 |
<span class="creativelink" style="color: <?php echo $clr; ?>;"><?php echo $text; ?></span>
|
108 |
<?php echo $text; ?>
|
109 |
</a>
|
@@ -112,7 +112,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>"
|
116 |
<span class="creativelink" style="color: <?php echo $hoverclr; ?>;"><?php echo $text; ?></span>
|
117 |
<?php echo $text; ?>
|
118 |
</a>
|
@@ -121,7 +121,7 @@ class WPBakeryShortCode_vc_creativelink extends WPBakeryShortCode {
|
|
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 $url; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size;
|
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; ?>
|
@@ -153,7 +153,7 @@ vc_map( array(
|
|
153 |
"type" => "dropdown",
|
154 |
"heading" => __( 'Effect Style', 'creativelink' ),
|
155 |
"param_name" => "style",
|
156 |
-
"description" => __( '
|
157 |
"group" => 'General',
|
158 |
"value" => array(
|
159 |
"Effect 1" => "cl-effect-1",
|
@@ -165,15 +165,6 @@ vc_map( array(
|
|
165 |
"Effect 7" => "cl-effect-7",
|
166 |
"Effect 8" => "cl-effect-8",
|
167 |
"Effect 10" => "cl-effect-10",
|
168 |
-
"Effect 11" => "cl-effect-11",
|
169 |
-
"Effect 13" => "cl-effect-13",
|
170 |
-
"Effect 14" => "cl-effect-14",
|
171 |
-
"Effect 15" => "cl-effect-15",
|
172 |
-
"Effect 16" => "cl-effect-16",
|
173 |
-
"Effect 18" => "cl-effect-18",
|
174 |
-
"Effect 19" => "cl-effect-19",
|
175 |
-
"Effect 20" => "cl-effect-20",
|
176 |
-
"Effect 21" => "cl-effect-21",
|
177 |
)
|
178 |
),
|
179 |
|
@@ -199,10 +190,12 @@ vc_map( array(
|
|
199 |
),
|
200 |
|
201 |
array(
|
202 |
-
"type" => "
|
203 |
"heading" => __( 'Font Size', 'creativelink' ),
|
204 |
"param_name" => "size",
|
205 |
-
"description" => __( 'font size of text in pixel e.g
|
|
|
|
|
206 |
"group" => 'General',
|
207 |
),
|
208 |
|
@@ -215,19 +208,18 @@ vc_map( array(
|
|
215 |
),
|
216 |
|
217 |
array(
|
218 |
-
"type" => "
|
219 |
"heading" => __( 'Button URL', 'creativelink' ),
|
220 |
"param_name" => "url",
|
221 |
"description" => __( 'write url as link', 'creativelink' ),
|
222 |
"group" => 'General',
|
223 |
),
|
224 |
-
|
225 |
array(
|
226 |
-
"type" =>
|
227 |
-
"
|
228 |
-
"
|
229 |
-
"description" =>
|
230 |
-
"group" =>
|
231 |
),
|
232 |
|
233 |
array(
|
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>
|
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; ?>
|
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; ?>
|
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>
|
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>
|
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>
|
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>
|
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>
|
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>
|
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>
|
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; ?>
|
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 |
"Effect 7" => "cl-effect-7",
|
166 |
"Effect 8" => "cl-effect-8",
|
167 |
"Effect 10" => "cl-effect-10",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
168 |
)
|
169 |
),
|
170 |
|
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 |
|
208 |
),
|
209 |
|
210 |
array(
|
211 |
+
"type" => "vc_link",
|
212 |
"heading" => __( 'Button URL', 'creativelink' ),
|
213 |
"param_name" => "url",
|
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(
|
render/flipbox.php
CHANGED
@@ -9,7 +9,7 @@ class WPBakeryShortCode_mvc_flip_box extends WPBakeryShortCode {
|
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'style' => 'horizental',
|
12 |
-
'height' => '
|
13 |
'info_opt' => 'show_image',
|
14 |
'front_bg' => '',
|
15 |
'border_st' => '',
|
@@ -27,136 +27,160 @@ class WPBakeryShortCode_mvc_flip_box extends WPBakeryShortCode {
|
|
27 |
'font_icon' => '',
|
28 |
'icon_size' => '',
|
29 |
'icon_color' => '',
|
30 |
-
'lineheight' => '1',
|
31 |
'title' => '',
|
32 |
-
'size' => '',
|
33 |
'color' => '',
|
34 |
'desc' => '',
|
35 |
-
'descrsize' => '',
|
36 |
'descrcolor' => '',
|
37 |
'bgcolor' => '',
|
|
|
|
|
|
|
|
|
38 |
), $atts ) );
|
39 |
-
|
40 |
-
// $css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
|
41 |
if ($image_id != '') {
|
42 |
$image_url = wp_get_attachment_url( $image_id );
|
43 |
}
|
|
|
|
|
44 |
$content = wpb_js_remove_wpautop($content, true);
|
45 |
ob_start(); ?>
|
46 |
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
-
|
51 |
-
|
52 |
-
|
53 |
-
|
54 |
-
|
55 |
-
|
56 |
-
|
57 |
-
|
58 |
-
|
59 |
-
|
60 |
-
|
61 |
-
|
62 |
-
|
63 |
-
|
|
|
64 |
</div>
|
65 |
-
|
66 |
-
|
67 |
-
|
68 |
-
|
69 |
-
|
70 |
-
|
71 |
-
|
72 |
-
|
73 |
-
|
74 |
-
|
75 |
-
|
76 |
-
|
77 |
-
|
78 |
</div>
|
79 |
-
|
80 |
-
|
81 |
-
|
82 |
-
<?php } ?>
|
83 |
|
84 |
-
|
85 |
-
|
86 |
-
|
87 |
-
|
88 |
-
|
89 |
-
|
90 |
-
|
91 |
-
|
92 |
-
|
93 |
-
|
94 |
-
|
95 |
-
|
96 |
-
|
97 |
-
|
98 |
-
|
99 |
-
|
100 |
-
|
|
|
101 |
</div>
|
102 |
-
</div>
|
103 |
|
104 |
-
|
105 |
-
|
106 |
-
|
107 |
-
|
108 |
-
|
109 |
-
|
110 |
-
|
111 |
-
|
112 |
-
|
113 |
-
|
114 |
-
|
115 |
-
|
|
|
116 |
</div>
|
117 |
-
|
118 |
-
|
119 |
-
|
120 |
-
<?php } ?>
|
121 |
|
122 |
-
|
123 |
-
|
124 |
-
|
125 |
-
|
126 |
-
|
127 |
-
|
128 |
-
|
129 |
-
|
130 |
-
|
131 |
-
|
132 |
-
|
133 |
-
|
134 |
-
|
135 |
-
|
|
|
|
|
|
|
136 |
</div>
|
137 |
-
|
138 |
-
|
139 |
-
|
140 |
-
|
141 |
-
|
142 |
-
|
143 |
-
|
144 |
-
|
145 |
-
|
146 |
-
|
147 |
-
|
148 |
-
|
149 |
-
|
150 |
-
|
151 |
-
|
152 |
-
|
153 |
-
|
154 |
-
|
155 |
-
|
156 |
-
|
157 |
</div>
|
158 |
-
|
159 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
160 |
|
161 |
<?php
|
162 |
return ob_get_clean();
|
@@ -184,11 +208,13 @@ vc_map( array(
|
|
184 |
)
|
185 |
),
|
186 |
array(
|
187 |
-
"type" => "
|
188 |
"heading" => __( 'Flip height', 'flip-box-vc' ),
|
189 |
"param_name" => "height",
|
190 |
-
"description" => __( 'Required. set flip box height e.g
|
191 |
-
'value' => __( "
|
|
|
|
|
192 |
"group" => 'General',
|
193 |
),
|
194 |
array(
|
@@ -217,11 +243,12 @@ vc_map( array(
|
|
217 |
"group" => 'General',
|
218 |
),
|
219 |
array(
|
220 |
-
"type" => "
|
221 |
"heading" => __( 'Border Width', 'flip-box-vc' ),
|
222 |
"param_name" => "border_width",
|
223 |
"description" => __( 'border width for front display', 'flip-box-vc' ),
|
224 |
"dependency" => array('element' => "border_st", 'value' => 'custom_border'),
|
|
|
225 |
"group" => 'General',
|
226 |
),
|
227 |
array(
|
@@ -251,7 +278,7 @@ vc_map( array(
|
|
251 |
)
|
252 |
),
|
253 |
array(
|
254 |
-
"type" => "
|
255 |
"heading" => __( 'Link URL', 'flip-box-vc' ),
|
256 |
"param_name" => "url",
|
257 |
"dependency" => array('element' => "link_st", 'value' => 'custom_link'),
|
@@ -281,6 +308,21 @@ vc_map( array(
|
|
281 |
"description" => __( 'button background color', 'flip-box-vc' ),
|
282 |
"group" => 'General',
|
283 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
284 |
|
285 |
// iCON/iMAGE
|
286 |
|
@@ -289,7 +331,7 @@ vc_map( array(
|
|
289 |
"heading" => __( 'Select Image or Font icon', 'flip-box-vc' ),
|
290 |
"param_name" => "info_opt",
|
291 |
"description" => __( 'Select Image or Font icon', 'flip-box-vc' ),
|
292 |
-
"group" => '
|
293 |
"value" => array(
|
294 |
'Image' => 'show_image',
|
295 |
'Icon' => 'show_icon',
|
@@ -300,24 +342,32 @@ vc_map( array(
|
|
300 |
"heading" => __( 'Image', 'flip-box-vc' ),
|
301 |
"param_name" => "image_id",
|
302 |
"description" => __( 'Select the image', 'flip-box-vc' ),
|
303 |
-
"group" => '
|
304 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
305 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
306 |
array(
|
307 |
"type" => "textfield",
|
308 |
"heading" => __( 'Image Radius', 'flip-box-vc' ),
|
309 |
"param_name" => "radius",
|
310 |
"description" => __( 'Set Image radius in pixel or % e.g 50%', 'flip-box-vc' ),
|
311 |
-
"group" => '
|
312 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
313 |
),
|
314 |
array(
|
315 |
-
"type" => "
|
316 |
"heading" => __( 'Width', 'flip-box-vc' ),
|
317 |
"param_name" => "image_size",
|
318 |
-
"description" => __( 'Image width in pixel e.g
|
319 |
-
"group" => '
|
320 |
-
|
321 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
322 |
),
|
323 |
array(
|
@@ -325,15 +375,16 @@ vc_map( array(
|
|
325 |
"heading" => __( 'Font icon', 'flip-box-vc' ),
|
326 |
"param_name" => "font_icon",
|
327 |
"description" => __( 'Select the font icon', 'flip-box-vc' ),
|
328 |
-
"group" => '
|
329 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
330 |
),
|
331 |
array(
|
332 |
-
"type" => "
|
333 |
"heading" => __( 'Font size', 'flip-box-vc' ),
|
334 |
"param_name" => "icon_size",
|
335 |
-
"description" => __( 'Set icon font size in pixel e.g
|
336 |
-
"group" => '
|
|
|
337 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
338 |
),
|
339 |
array(
|
@@ -341,7 +392,7 @@ vc_map( array(
|
|
341 |
"heading" => __( 'Font Color', 'flip-box-vc' ),
|
342 |
"param_name" => "icon_color",
|
343 |
"description" => __( 'Set icon color', 'flip-box-vc' ),
|
344 |
-
"group" => '
|
345 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
346 |
),
|
347 |
|
@@ -349,55 +400,57 @@ vc_map( array(
|
|
349 |
|
350 |
array(
|
351 |
"type" => "textfield",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
352 |
"heading" => __( 'Line height', 'flip-box-vc' ),
|
353 |
"param_name" => "lineheight",
|
354 |
"description" => __( 'set line height for text e.g 1.5', 'flip-box-vc' ),
|
355 |
'value' => __( "1.5", 'flip-box-vc' ),
|
356 |
-
"group" => 'Front',
|
357 |
),
|
358 |
array(
|
359 |
-
"type" => "
|
360 |
-
"heading" => __( 'Title', 'flip-box-vc' ),
|
361 |
-
"param_name" => "
|
362 |
-
"description" => __( 'set title for front display', 'flip-box-vc' ),
|
363 |
-
|
|
|
|
|
364 |
),
|
365 |
array(
|
366 |
-
"type" => "
|
367 |
-
"heading" => __( 'Font Size', 'flip-box-vc' ),
|
368 |
-
"param_name" => "
|
369 |
-
"description" => __( 'set
|
370 |
-
'value' => __( "
|
371 |
-
"
|
|
|
372 |
),
|
373 |
array(
|
374 |
"type" => "colorpicker",
|
375 |
"heading" => __( 'Title color', 'flip-box-vc' ),
|
376 |
"param_name" => "color",
|
377 |
"description" => __( 'set title color', 'flip-box-vc' ),
|
378 |
-
"group" => 'Front',
|
379 |
-
),
|
380 |
-
array(
|
381 |
-
"type" => "textarea",
|
382 |
-
"heading" => __( 'Description', 'flip-box-vc' ),
|
383 |
-
"param_name" => "desc",
|
384 |
-
"description" => __( 'set description for front display', 'flip-box-vc' ),
|
385 |
-
"group" => 'Front',
|
386 |
-
),
|
387 |
-
array(
|
388 |
-
"type" => "textfield",
|
389 |
-
"heading" => __( 'Font Size', 'flip-box-vc' ),
|
390 |
-
"param_name" => "descrsize",
|
391 |
-
"description" => __( 'set description font size for front display e.g 13px', 'flip-box-vc' ),
|
392 |
-
'value' => __( "13px", 'flip-box-vc' ),
|
393 |
-
"group" => 'Front',
|
394 |
),
|
395 |
array(
|
396 |
"type" => "colorpicker",
|
397 |
-
"heading" => __( '
|
398 |
"param_name" => "descrcolor",
|
399 |
"description" => __( 'set description color', 'flip-box-vc' ),
|
400 |
-
"group" => 'Front',
|
401 |
),
|
402 |
|
403 |
|
@@ -410,7 +463,6 @@ vc_map( array(
|
|
410 |
"description" => __( 'set background color', 'flip-box-vc' ),
|
411 |
"group" => 'Flip Display',
|
412 |
),
|
413 |
-
|
414 |
array(
|
415 |
"type" => "textarea_html",
|
416 |
"heading" => __( 'Description', 'flip-box-vc' ),
|
@@ -419,6 +471,34 @@ vc_map( array(
|
|
419 |
"group" => 'Flip Display',
|
420 |
"value" => '<h3>Caption Text Here</h3><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>',
|
421 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
422 |
),
|
423 |
) );
|
424 |
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'style' => 'horizental',
|
12 |
+
'height' => '200',
|
13 |
'info_opt' => 'show_image',
|
14 |
'front_bg' => '',
|
15 |
'border_st' => '',
|
27 |
'font_icon' => '',
|
28 |
'icon_size' => '',
|
29 |
'icon_color' => '',
|
30 |
+
'lineheight' => '1.5',
|
31 |
'title' => '',
|
32 |
+
'size' => '15',
|
33 |
'color' => '',
|
34 |
'desc' => '',
|
35 |
+
'descrsize' => '13',
|
36 |
'descrcolor' => '',
|
37 |
'bgcolor' => '',
|
38 |
+
'class' => '',
|
39 |
+
'titlesizembl' => '',
|
40 |
+
'descsizmbl' => '',
|
41 |
+
'heightmbl' => '',
|
42 |
), $atts ) );
|
43 |
+
$url = vc_build_link($url);
|
|
|
44 |
if ($image_id != '') {
|
45 |
$image_url = wp_get_attachment_url( $image_id );
|
46 |
}
|
47 |
+
$some_id = rand(5, 500);
|
48 |
+
wp_enqueue_style( 'flip-box-css', plugins_url( '../css/flipbox.css' , __FILE__ ));
|
49 |
$content = wpb_js_remove_wpautop($content, true);
|
50 |
ob_start(); ?>
|
51 |
|
52 |
+
<?php if ($style == 'vertical') { ?>
|
53 |
+
<div class="hover vc-ihe-panel <?php echo $class; ?>" id="vc-flip-box-<?php echo $some_id; ?>" style="height: <?php echo $height; ?>px;">
|
54 |
+
<div class="front" style="background: <?php echo $front_bg; ?>;">
|
55 |
+
<div style="display:table;width:100%;height:100%;">
|
56 |
+
<div class="pad" style="display: table-cell !important;vertical-align: middle !important; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $border_clr; ?>;">
|
57 |
+
<?php if ($info_opt == 'show_image') { ?>
|
58 |
+
<img class="" src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="border-radius: <?php echo $radius; ?>; width: <?php echo $image_size; ?>px;">
|
59 |
+
<?php } ?>
|
60 |
+
<?php if ($info_opt == 'show_icon') { ?>
|
61 |
+
<i class="<?php echo $font_icon; ?>" aria-hidden="true" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_color; ?>;"></i>
|
62 |
+
<?php } ?>
|
63 |
+
<h4 class="flip-box-title" style="color: <?php echo $color; ?>; font-size: <?php echo $size; ?>px; line-height: <?php echo $lineheight; ?>;">
|
64 |
+
<?php echo $title; ?>
|
65 |
+
</h4>
|
66 |
+
<p class="flip-box-desc" style="color: <?php echo $descrcolor; ?>; font-size: <?php echo $descrsize; ?>px;">
|
67 |
+
<?php echo $desc; ?>
|
68 |
+
</p>
|
69 |
+
</div>
|
70 |
</div>
|
71 |
+
</div>
|
72 |
+
<div class="back" style="background: <?php echo $bgcolor; ?>">
|
73 |
+
<div style="display:table;width:100%;height:100%;">
|
74 |
+
<div class="pad" style="display: table-cell !important;vertical-align: middle !important; padding: 10px;">
|
75 |
+
<?php echo $content; ?>
|
76 |
+
<p style="text-align: center;">
|
77 |
+
<?php if (!empty($url_txt)) { ?>
|
78 |
+
<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_hvr_btn" style="color: <?php echo $url_clr; ?>; background: <?php echo $url_bg; ?>;">
|
79 |
+
<?php echo $url_txt; ?>
|
80 |
+
</a>
|
81 |
+
<?php } ?>
|
82 |
+
</p>
|
83 |
+
</div>
|
84 |
</div>
|
85 |
+
</div>
|
86 |
+
</div>
|
87 |
+
<?php } ?>
|
|
|
88 |
|
89 |
+
<?php if ($style == 'horizental') { ?>
|
90 |
+
<div class="hover vc-ihe-panel <?php echo $class; ?>" id="vc-flip-box-<?php echo $some_id; ?>" style="height: <?php echo $height; ?>px;">
|
91 |
+
<div class="front1" style="background: <?php echo $front_bg; ?>;">
|
92 |
+
<div style="display:table;width:100%;height:100%;">
|
93 |
+
<div class="pad" style="display: table-cell !important;vertical-align: middle !important; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $border_clr; ?>;">
|
94 |
+
<?php if ($info_opt == 'show_image') { ?>
|
95 |
+
<img class="" src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="border-radius: <?php echo $radius; ?>; width: <?php echo $image_size; ?>px;">
|
96 |
+
<?php } ?>
|
97 |
+
<?php if ($info_opt == 'show_icon') { ?>
|
98 |
+
<i class="<?php echo $font_icon; ?>" aria-hidden="true" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_color; ?>;"></i>
|
99 |
+
<?php } ?>
|
100 |
+
<h4 class="flip-box-title" style="color: <?php echo $color; ?>; font-size: <?php echo $size; ?>px; line-height: <?php echo $lineheight; ?>;">
|
101 |
+
<?php echo $title; ?>
|
102 |
+
</h4>
|
103 |
+
<p class="flip-box-desc" style="color: <?php echo $descrcolor; ?>; font-size: <?php echo $descrsize; ?>px;">
|
104 |
+
<?php echo $desc; ?>
|
105 |
+
</p>
|
106 |
+
</div>
|
107 |
</div>
|
|
|
108 |
|
109 |
+
</div>
|
110 |
+
<div class="back1" style="background: <?php echo $bgcolor; ?>">
|
111 |
+
<div style="display:table;width:100%;height:100%;">
|
112 |
+
<div class="pad" style="display: table-cell !important;vertical-align: middle !important; padding: 10px;">
|
113 |
+
<?php echo $content; ?>
|
114 |
+
<p style="text-align: center;">
|
115 |
+
<?php if (!empty($url_txt)) { ?>
|
116 |
+
<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_hvr_btn" style="color: <?php echo $url_clr; ?>; background: <?php echo $url_bg; ?>;">
|
117 |
+
<?php echo $url_txt; ?>
|
118 |
+
</a>
|
119 |
+
<?php } ?>
|
120 |
+
</p>
|
121 |
+
</div>
|
122 |
</div>
|
123 |
+
</div>
|
124 |
+
</div>
|
125 |
+
<?php } ?>
|
|
|
126 |
|
127 |
+
<?php if ($style == '3d') { ?>
|
128 |
+
<div id="vc-flip-box-<?php echo $some_id; ?>">
|
129 |
+
<div class="flip-box-3d" style="height: <?php echo $height; ?>px;">
|
130 |
+
<div class="cube <?php echo $class; ?>">
|
131 |
+
<div class="active-state" style="background: <?php echo $bgcolor; ?>; height: <?php echo $height; ?>px;transform-origin: center center -<?php echo $height/2; ?>px;">
|
132 |
+
<div style="display:table;width:100%;height:100%;">
|
133 |
+
<div style="display: table-cell !important;vertical-align: middle !important; padding: 0 10px;">
|
134 |
+
<?php echo $content; ?>
|
135 |
+
<p style="text-align: center; padding-top: 4px;">
|
136 |
+
<?php if (!empty($url_txt)) { ?>
|
137 |
+
<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>" class="mega_hvr_btn" style="color: <?php echo $url_clr; ?>; background: <?php echo $url_bg; ?>;">
|
138 |
+
<?php echo $url_txt; ?>
|
139 |
+
</a>
|
140 |
+
<?php } ?>
|
141 |
+
</p>
|
142 |
+
</div>
|
143 |
+
</div>
|
144 |
</div>
|
145 |
+
<div class="default-state <?php echo $css_class; ?>" style="height: <?php echo $height; ?>px; transform-origin: center center -<?php echo $height/2; ?>px; background: <?php echo $front_bg; ?>;">
|
146 |
+
<div style="display:table;width:100%;height:100%;">
|
147 |
+
<div style="display: table-cell !important;vertical-align: middle !important; border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $border_clr; ?>; padding: 0 10px;">
|
148 |
+
<?php if ($info_opt == 'show_image') { ?>
|
149 |
+
<img class="" src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" width="<?php echo $image_size; ?>px" style="border-radius: <?php echo $radius; ?>;">
|
150 |
+
<?php } ?>
|
151 |
+
<?php if ($info_opt == 'show_icon') { ?>
|
152 |
+
<i class="<?php echo $font_icon; ?>" aria-hidden="true" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_color; ?>;"></i>
|
153 |
+
<?php } ?>
|
154 |
+
<h4 class="flip-box-title" style="color: <?php echo $color; ?>; font-size: <?php echo $size; ?>px; line-height: <?php echo $lineheight; ?>;">
|
155 |
+
<?php echo $title; ?>
|
156 |
+
</h4>
|
157 |
+
<p class="flip-box-desc" style="color: <?php echo $descrcolor; ?>; font-size: <?php echo $descrsize; ?>px;">
|
158 |
+
<?php echo $desc; ?>
|
159 |
+
</p>
|
160 |
+
</div>
|
161 |
+
</div>
|
162 |
+
</div>
|
163 |
+
</div>
|
164 |
+
</div>
|
165 |
</div>
|
166 |
+
<?php } ?>
|
167 |
+
|
168 |
+
<style>
|
169 |
+
@media only screen and (max-width: 480px) {
|
170 |
+
#vc-flip-box-<?php echo $some_id; ?> .flip-box-title {
|
171 |
+
font-size: <?php echo $titlesizembl; ?>px !important;
|
172 |
+
}
|
173 |
+
#vc-flip-box-<?php echo $some_id; ?> .flip-box-desc {
|
174 |
+
font-size: <?php echo $descsizmbl; ?>px !important;
|
175 |
+
}
|
176 |
+
#vc-flip-box-<?php echo $some_id; ?>.vc-ihe-panel, #vc-flip-box-<?php echo $some_id; ?> .flip-box-3d{
|
177 |
+
height: <?php echo $heightmbl; ?>px !important;
|
178 |
+
}
|
179 |
+
#vc-flip-box-<?php echo $some_id; ?> .flip-box-3d .active-state, #vc-flip-box-<?php echo $some_id; ?> .flip-box-3d .default-state{
|
180 |
+
height: <?php echo $heightmbl; ?>px !important;
|
181 |
+
}
|
182 |
+
}
|
183 |
+
</style>
|
184 |
|
185 |
<?php
|
186 |
return ob_get_clean();
|
208 |
)
|
209 |
),
|
210 |
array(
|
211 |
+
"type" => "vc_number",
|
212 |
"heading" => __( 'Flip height', 'flip-box-vc' ),
|
213 |
"param_name" => "height",
|
214 |
+
"description" => __( 'Required. set flip box height e.g 200', 'flip-box-vc' ),
|
215 |
+
'value' => __( "200", 'flip-box-vc' ),
|
216 |
+
"suffix" => 'px',
|
217 |
+
'max' => '',
|
218 |
"group" => 'General',
|
219 |
),
|
220 |
array(
|
243 |
"group" => 'General',
|
244 |
),
|
245 |
array(
|
246 |
+
"type" => "vc_number",
|
247 |
"heading" => __( 'Border Width', 'flip-box-vc' ),
|
248 |
"param_name" => "border_width",
|
249 |
"description" => __( 'border width for front display', 'flip-box-vc' ),
|
250 |
"dependency" => array('element' => "border_st", 'value' => 'custom_border'),
|
251 |
+
"suffix" => 'px',
|
252 |
"group" => 'General',
|
253 |
),
|
254 |
array(
|
278 |
)
|
279 |
),
|
280 |
array(
|
281 |
+
"type" => "vc_link",
|
282 |
"heading" => __( 'Link URL', 'flip-box-vc' ),
|
283 |
"param_name" => "url",
|
284 |
"dependency" => array('element' => "link_st", 'value' => 'custom_link'),
|
308 |
"description" => __( 'button background color', 'flip-box-vc' ),
|
309 |
"group" => 'General',
|
310 |
),
|
311 |
+
array(
|
312 |
+
"type" => "textfield",
|
313 |
+
"heading" => __( 'Extra Class', 'int_banner' ),
|
314 |
+
"param_name" => "class",
|
315 |
+
"description" => __( 'Add extra class name that will be applied to the icon process, and you can use this class for your customizations.', 'int_banner' ),
|
316 |
+
"group" => "General",
|
317 |
+
),
|
318 |
+
|
319 |
+
array(
|
320 |
+
"type" => "vc_links",
|
321 |
+
"param_name" => "caption_url",
|
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;">Get the Pro version for more stunning elements and customization options.</a></span>', 'ihover' ),
|
324 |
+
"group" => 'General',
|
325 |
+
),
|
326 |
|
327 |
// iCON/iMAGE
|
328 |
|
331 |
"heading" => __( 'Select Image or Font icon', 'flip-box-vc' ),
|
332 |
"param_name" => "info_opt",
|
333 |
"description" => __( 'Select Image or Font icon', 'flip-box-vc' ),
|
334 |
+
"group" => 'Front Display',
|
335 |
"value" => array(
|
336 |
'Image' => 'show_image',
|
337 |
'Icon' => 'show_icon',
|
342 |
"heading" => __( 'Image', 'flip-box-vc' ),
|
343 |
"param_name" => "image_id",
|
344 |
"description" => __( 'Select the image', 'flip-box-vc' ),
|
345 |
+
"group" => 'Front Display',
|
346 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
347 |
),
|
348 |
+
array(
|
349 |
+
"type" => "textfield",
|
350 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
351 |
+
"param_name" => "alt",
|
352 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
353 |
+
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
354 |
+
"group" => 'Front Display',
|
355 |
+
),
|
356 |
array(
|
357 |
"type" => "textfield",
|
358 |
"heading" => __( 'Image Radius', 'flip-box-vc' ),
|
359 |
"param_name" => "radius",
|
360 |
"description" => __( 'Set Image radius in pixel or % e.g 50%', 'flip-box-vc' ),
|
361 |
+
"group" => 'Front Display',
|
362 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
363 |
),
|
364 |
array(
|
365 |
+
"type" => "vc_number",
|
366 |
"heading" => __( 'Width', 'flip-box-vc' ),
|
367 |
"param_name" => "image_size",
|
368 |
+
"description" => __( 'Image width in pixel e.g 80', 'flip-box-vc' ),
|
369 |
+
"group" => 'Front Display',
|
370 |
+
"suffix" => 'px',
|
371 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
372 |
),
|
373 |
array(
|
375 |
"heading" => __( 'Font icon', 'flip-box-vc' ),
|
376 |
"param_name" => "font_icon",
|
377 |
"description" => __( 'Select the font icon', 'flip-box-vc' ),
|
378 |
+
"group" => 'Front Display',
|
379 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
380 |
),
|
381 |
array(
|
382 |
+
"type" => "vc_number",
|
383 |
"heading" => __( 'Font size', 'flip-box-vc' ),
|
384 |
"param_name" => "icon_size",
|
385 |
+
"description" => __( 'Set icon font size in pixel e.g 30', 'flip-box-vc' ),
|
386 |
+
"group" => 'Front Display',
|
387 |
+
"suffix" => 'px',
|
388 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
389 |
),
|
390 |
array(
|
392 |
"heading" => __( 'Font Color', 'flip-box-vc' ),
|
393 |
"param_name" => "icon_color",
|
394 |
"description" => __( 'Set icon color', 'flip-box-vc' ),
|
395 |
+
"group" => 'Front Display',
|
396 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
397 |
),
|
398 |
|
400 |
|
401 |
array(
|
402 |
"type" => "textfield",
|
403 |
+
"heading" => __( 'Title', 'flip-box-vc' ),
|
404 |
+
"param_name" => "title",
|
405 |
+
"description" => __( 'set title for front display', 'flip-box-vc' ),
|
406 |
+
"group" => 'Front Display',
|
407 |
+
),
|
408 |
+
array(
|
409 |
+
"type" => "textarea",
|
410 |
+
"heading" => __( 'Description', 'flip-box-vc' ),
|
411 |
+
"param_name" => "desc",
|
412 |
+
"description" => __( 'set description for front display', 'flip-box-vc' ),
|
413 |
+
"group" => 'Front Display',
|
414 |
+
),
|
415 |
+
array(
|
416 |
+
"type" => "vc_number",
|
417 |
"heading" => __( 'Line height', 'flip-box-vc' ),
|
418 |
"param_name" => "lineheight",
|
419 |
"description" => __( 'set line height for text e.g 1.5', 'flip-box-vc' ),
|
420 |
'value' => __( "1.5", 'flip-box-vc' ),
|
421 |
+
"group" => 'Front Display',
|
422 |
),
|
423 |
array(
|
424 |
+
"type" => "vc_number",
|
425 |
+
"heading" => __( 'Title (Font Size)', 'flip-box-vc' ),
|
426 |
+
"param_name" => "size",
|
427 |
+
"description" => __( 'set title font size for front display e.g 15', 'flip-box-vc' ),
|
428 |
+
'value' => __( "15", 'flip-box-vc' ),
|
429 |
+
"suffix" => 'px',
|
430 |
+
"group" => 'Front Display',
|
431 |
),
|
432 |
array(
|
433 |
+
"type" => "vc_number",
|
434 |
+
"heading" => __( 'Description (Font Size)', 'flip-box-vc' ),
|
435 |
+
"param_name" => "descrsize",
|
436 |
+
"description" => __( 'set description font size for front display e.g 13', 'flip-box-vc' ),
|
437 |
+
'value' => __( "13", 'flip-box-vc' ),
|
438 |
+
"suffix" => 'px',
|
439 |
+
"group" => 'Front Display',
|
440 |
),
|
441 |
array(
|
442 |
"type" => "colorpicker",
|
443 |
"heading" => __( 'Title color', 'flip-box-vc' ),
|
444 |
"param_name" => "color",
|
445 |
"description" => __( 'set title color', 'flip-box-vc' ),
|
446 |
+
"group" => 'Front Display',
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
447 |
),
|
448 |
array(
|
449 |
"type" => "colorpicker",
|
450 |
+
"heading" => __( 'Description color', 'flip-box-vc' ),
|
451 |
"param_name" => "descrcolor",
|
452 |
"description" => __( 'set description color', 'flip-box-vc' ),
|
453 |
+
"group" => 'Front Display',
|
454 |
),
|
455 |
|
456 |
|
463 |
"description" => __( 'set background color', 'flip-box-vc' ),
|
464 |
"group" => 'Flip Display',
|
465 |
),
|
|
|
466 |
array(
|
467 |
"type" => "textarea_html",
|
468 |
"heading" => __( 'Description', 'flip-box-vc' ),
|
471 |
"group" => 'Flip Display',
|
472 |
"value" => '<h3>Caption Text Here</h3><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>',
|
473 |
),
|
474 |
+
|
475 |
+
/* Typography
|
476 |
+
================================================ */
|
477 |
+
|
478 |
+
array(
|
479 |
+
"type" => "vc_number",
|
480 |
+
"heading" => __( 'Front Title Font Size (For Mobile)', 'flip-box-vc' ),
|
481 |
+
"param_name" => "titlesizembl",
|
482 |
+
"description" => __( 'set in pixel e.g 16', 'flip-box-vc' ),
|
483 |
+
"suffix" => 'px',
|
484 |
+
"group" => "Typography",
|
485 |
+
),
|
486 |
+
array(
|
487 |
+
"type" => "vc_number",
|
488 |
+
"heading" => __( 'Front Description Font Size (For Mobile)', 'flip-box-vc' ),
|
489 |
+
"param_name" => "descsizmbl",
|
490 |
+
"description" => __( 'set in pixel e.g 15', 'flip-box-vc' ),
|
491 |
+
"suffix" => 'px',
|
492 |
+
"group" => "Typography",
|
493 |
+
),
|
494 |
+
array(
|
495 |
+
"type" => "vc_number",
|
496 |
+
"heading" => __( 'Flip height (For Mobile)', 'flip-box-vc' ),
|
497 |
+
"param_name" => "heightmbl",
|
498 |
+
"description" => __( 'set in pixel e.g 200', 'flip-box-vc' ),
|
499 |
+
"suffix" => 'px',
|
500 |
+
"group" => "Typography",
|
501 |
+
),
|
502 |
),
|
503 |
) );
|
504 |
|
render/get_pro.php
DELETED
@@ -1,36 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
if ( ! defined( 'ABSPATH' ) ) {
|
3 |
-
die( '-1' );
|
4 |
-
}
|
5 |
-
|
6 |
-
class WPBakeryShortCode_vc_get_pro extends WPBakeryShortCode {
|
7 |
-
|
8 |
-
protected function content( $atts, $content = null ) {
|
9 |
-
|
10 |
-
extract( shortcode_atts( array(
|
11 |
-
'image_id' => '',
|
12 |
-
), $atts ) );
|
13 |
-
$content = wpb_js_remove_wpautop($content);
|
14 |
-
ob_start(); ?>
|
15 |
-
|
16 |
-
<?php
|
17 |
-
return ob_get_clean();
|
18 |
-
}
|
19 |
-
}
|
20 |
-
|
21 |
-
|
22 |
-
vc_map( array(
|
23 |
-
"name" => __( 'Buy Premium', 'ihover' ),
|
24 |
-
"base" => "vc_get_pro",
|
25 |
-
"category" => __('Mega Addons'),
|
26 |
-
"description" => __('Buy Mega Addons to explore more features', 'ihover'),
|
27 |
-
"icon" => plugin_dir_url( __FILE__ ).'../icons/pro.png',
|
28 |
-
'params' => array(
|
29 |
-
array(
|
30 |
-
"type" => "textfeld",
|
31 |
-
"heading" => __( '', 'ich-vc' ). ' <a target="_blank" href="http://www.topdigitaltrends.net/mega-addons-visual-composer-wordpress-plugin/">BUY MEGA ADDONS PRO TO EXPLORE PREMIUM FEATURES</a>',
|
32 |
-
"param_name" => "hover_effectsss",
|
33 |
-
"group" => 'Pro Features',
|
34 |
-
),
|
35 |
-
),
|
36 |
-
) );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render/googletrends.php
CHANGED
@@ -39,6 +39,13 @@ vc_map( array(
|
|
39 |
"value" => __('<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/884_RC03/embed_loader.js"></script> <script type="text/javascript"> trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"Basketball","geo":"","time":"all"},{"keyword":"Rugby","geo":"","time":"all"},{"keyword":"Handball","geo":"","time":"all"}],"category":0,"property":""}, {"exploreQuery":"date=all&q=Basketball,Rugby,Handball&hl=en-US"}); </script> '),
|
40 |
"group" => 'Embed Code',
|
41 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
42 |
array(
|
43 |
"type" => "css_editor",
|
44 |
"heading" => __( 'Display Design', 'trends' ),
|
39 |
"value" => __('<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/884_RC03/embed_loader.js"></script> <script type="text/javascript"> trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"Basketball","geo":"","time":"all"},{"keyword":"Rugby","geo":"","time":"all"},{"keyword":"Handball","geo":"","time":"all"}],"category":0,"property":""}, {"exploreQuery":"date=all&q=Basketball,Rugby,Handball&hl=en-US"}); </script> '),
|
40 |
"group" => 'Embed Code',
|
41 |
),
|
42 |
+
array(
|
43 |
+
"type" => "vc_links",
|
44 |
+
"param_name" => "caption_url",
|
45 |
+
"class" => "ult_param_heading",
|
46 |
+
"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' ),
|
47 |
+
"group" => 'Embed Code',
|
48 |
+
),
|
49 |
array(
|
50 |
"type" => "css_editor",
|
51 |
"heading" => __( 'Display Design', 'trends' ),
|
render/headings.php
CHANGED
@@ -10,8 +10,8 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
10 |
extract( shortcode_atts( array(
|
11 |
'style' => 'theme1',
|
12 |
'style2' => 'icon',
|
13 |
-
'linewidth' => '
|
14 |
-
'borderwidth' => '
|
15 |
'borderclr' => '#000',
|
16 |
'lineheight' => '1',
|
17 |
'icon' => '',
|
@@ -20,7 +20,7 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
20 |
'image_id' => '',
|
21 |
'align' => 'center',
|
22 |
'title' => '',
|
23 |
-
'titlesize' => '
|
24 |
'titleclr' => '#000',
|
25 |
), $atts ) );
|
26 |
if ($image_id != '') {
|
@@ -32,8 +32,8 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
32 |
<div id="mega-line-container">
|
33 |
<?php if ($style == 'theme1') { ?>
|
34 |
<div class="mega-line-top" style="text-align: <?php echo $align; ?>;">
|
35 |
-
<span style="width: <?php echo $linewidth;
|
36 |
-
<h2 style="font-size: <?php echo $titlesize;
|
37 |
<?php echo $title; ?>
|
38 |
</h2>
|
39 |
<div>
|
@@ -44,11 +44,11 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
44 |
|
45 |
<?php if ($style == 'theme2') { ?>
|
46 |
<div class="mega-line-center" style="text-align: <?php echo $align; ?>;">
|
47 |
-
<h2 style="font-size: <?php echo $titlesize;
|
48 |
<?php echo $title; ?>
|
49 |
</h2>
|
50 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
51 |
-
<span style="width: <?php echo $linewidth;
|
52 |
</div>
|
53 |
<div>
|
54 |
<?php echo $content ?>
|
@@ -58,13 +58,13 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
58 |
|
59 |
<?php if ($style == 'theme3') { ?>
|
60 |
<div class="mega-line-bottom" style="text-align: <?php echo $align; ?>;">
|
61 |
-
<h2 style="font-size: <?php echo $titlesize;
|
62 |
<?php echo $title; ?>
|
63 |
</h2>
|
64 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
65 |
<?php echo $content ?>
|
66 |
</div>
|
67 |
-
<span style="width: <?php echo $linewidth;
|
68 |
</div>
|
69 |
<?php } ?>
|
70 |
|
@@ -79,7 +79,7 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
79 |
<img src="<?php echo $image_url; ?>">
|
80 |
<?php } ?>
|
81 |
</div>
|
82 |
-
<h2 style="font-size: <?php echo $titlesize;
|
83 |
<?php echo $title; ?>
|
84 |
</h2>
|
85 |
<div>
|
@@ -90,7 +90,7 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
90 |
|
91 |
<?php if ($style == 'theme5') { ?>
|
92 |
<div id="mega-line-icon" style="text-align: <?php echo $align; ?>;">
|
93 |
-
<h2 style="font-size: <?php echo $titlesize;
|
94 |
<?php echo $title; ?>
|
95 |
</h2>
|
96 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
@@ -111,7 +111,7 @@ class WPBakeryShortCode_vc_headings extends WPBakeryShortCode {
|
|
111 |
|
112 |
<?php if ($style == 'theme6') { ?>
|
113 |
<div id="mega-line-icon" style="text-align: <?php echo $align; ?>;">
|
114 |
-
<h2 style="font-size: <?php echo $titlesize;
|
115 |
<?php echo $title; ?>
|
116 |
</h2>
|
117 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
@@ -145,6 +145,7 @@ vc_map( array(
|
|
145 |
"type" => "dropdown",
|
146 |
"heading" => __( 'Select Style', 'heading' ),
|
147 |
"param_name" => "style",
|
|
|
148 |
"group" => "General",
|
149 |
"value" => array(
|
150 |
"Simple Top Line" => "theme1",
|
@@ -157,22 +158,25 @@ vc_map( array(
|
|
157 |
),
|
158 |
|
159 |
array(
|
160 |
-
"type" => "
|
161 |
"heading" => __( 'Line length', 'heading' ),
|
162 |
"param_name" => "linewidth",
|
163 |
-
"description" => __('set in pixel. default:
|
164 |
"dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
|
165 |
-
"
|
166 |
-
"
|
|
|
|
|
167 |
),
|
168 |
|
169 |
array(
|
170 |
-
"type" => "
|
171 |
"heading" => __( 'Border Width', 'heading' ),
|
172 |
"param_name" => "borderwidth",
|
173 |
-
"description" => __('set in pixel. default:
|
174 |
"dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
|
175 |
-
"value" => "
|
|
|
176 |
"group" => "General",
|
177 |
),
|
178 |
|
@@ -236,6 +240,14 @@ vc_map( array(
|
|
236 |
"dependency" => array('element' => "style2", 'value' => 'image'),
|
237 |
"group" => "General",
|
238 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
239 |
|
240 |
// Heading Section
|
241 |
|
@@ -252,7 +264,7 @@ vc_map( array(
|
|
252 |
),
|
253 |
|
254 |
array(
|
255 |
-
"type" => "
|
256 |
"heading" => __( 'Line Height', 'heading' ),
|
257 |
"param_name" => "lineheight",
|
258 |
"description" => __('margin between line and headings', 'heading'),
|
@@ -269,10 +281,11 @@ vc_map( array(
|
|
269 |
),
|
270 |
|
271 |
array(
|
272 |
-
"type" => "
|
273 |
"heading" => __( 'Title Font Size', 'heading' ),
|
274 |
"param_name" => "titlesize",
|
275 |
-
"value" => "
|
|
|
276 |
"group" => "Heading",
|
277 |
),
|
278 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'style' => 'theme1',
|
12 |
'style2' => 'icon',
|
13 |
+
'linewidth' => '230',
|
14 |
+
'borderwidth' => '2',
|
15 |
'borderclr' => '#000',
|
16 |
'lineheight' => '1',
|
17 |
'icon' => '',
|
20 |
'image_id' => '',
|
21 |
'align' => 'center',
|
22 |
'title' => '',
|
23 |
+
'titlesize' => '22',
|
24 |
'titleclr' => '#000',
|
25 |
), $atts ) );
|
26 |
if ($image_id != '') {
|
32 |
<div id="mega-line-container">
|
33 |
<?php if ($style == 'theme1') { ?>
|
34 |
<div class="mega-line-top" style="text-align: <?php echo $align; ?>;">
|
35 |
+
<span style="width: <?php echo $linewidth; ?>px; border: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;"></span>
|
36 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>;">
|
37 |
<?php echo $title; ?>
|
38 |
</h2>
|
39 |
<div>
|
44 |
|
45 |
<?php if ($style == 'theme2') { ?>
|
46 |
<div class="mega-line-center" style="text-align: <?php echo $align; ?>;">
|
47 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>;">
|
48 |
<?php echo $title; ?>
|
49 |
</h2>
|
50 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
51 |
+
<span style="width: <?php echo $linewidth; ?>px; border: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;"></span>
|
52 |
</div>
|
53 |
<div>
|
54 |
<?php echo $content ?>
|
58 |
|
59 |
<?php if ($style == 'theme3') { ?>
|
60 |
<div class="mega-line-bottom" style="text-align: <?php echo $align; ?>;">
|
61 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>;">
|
62 |
<?php echo $title; ?>
|
63 |
</h2>
|
64 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
65 |
<?php echo $content ?>
|
66 |
</div>
|
67 |
+
<span style="width: <?php echo $linewidth; ?>px; border: <?php echo $borderwidth; ?>px solid <?php echo $borderclr; ?>;"></span>
|
68 |
</div>
|
69 |
<?php } ?>
|
70 |
|
79 |
<img src="<?php echo $image_url; ?>">
|
80 |
<?php } ?>
|
81 |
</div>
|
82 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>; margin-bottom: -15px;">
|
83 |
<?php echo $title; ?>
|
84 |
</h2>
|
85 |
<div>
|
90 |
|
91 |
<?php if ($style == 'theme5') { ?>
|
92 |
<div id="mega-line-icon" style="text-align: <?php echo $align; ?>;">
|
93 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>;">
|
94 |
<?php echo $title; ?>
|
95 |
</h2>
|
96 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
111 |
|
112 |
<?php if ($style == 'theme6') { ?>
|
113 |
<div id="mega-line-icon" style="text-align: <?php echo $align; ?>;">
|
114 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>;">
|
115 |
<?php echo $title; ?>
|
116 |
</h2>
|
117 |
<div style="line-height: <?php echo $lineheight; ?>;">
|
145 |
"type" => "dropdown",
|
146 |
"heading" => __( 'Select Style', 'heading' ),
|
147 |
"param_name" => "style",
|
148 |
+
"description" => __('<a href="https://addons.topdigitaltrends.net/headings/" target="_blank">See Demo</a>', 'heading'),
|
149 |
"group" => "General",
|
150 |
"value" => array(
|
151 |
"Simple Top Line" => "theme1",
|
158 |
),
|
159 |
|
160 |
array(
|
161 |
+
"type" => "vc_number",
|
162 |
"heading" => __( 'Line length', 'heading' ),
|
163 |
"param_name" => "linewidth",
|
164 |
+
"description" => __('set in pixel. default: 230', 'heading'),
|
165 |
"dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
|
166 |
+
"suffix" => 'px',
|
167 |
+
"value" => "230",
|
168 |
+
'max' => "",
|
169 |
+
"group" => "General",
|
170 |
),
|
171 |
|
172 |
array(
|
173 |
+
"type" => "vc_number",
|
174 |
"heading" => __( 'Border Width', 'heading' ),
|
175 |
"param_name" => "borderwidth",
|
176 |
+
"description" => __('set in pixel. default: 2', 'heading'),
|
177 |
"dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
|
178 |
+
"value" => "2",
|
179 |
+
"suffix" => 'px',
|
180 |
"group" => "General",
|
181 |
),
|
182 |
|
240 |
"dependency" => array('element' => "style2", 'value' => 'image'),
|
241 |
"group" => "General",
|
242 |
),
|
243 |
+
|
244 |
+
array(
|
245 |
+
"type" => "vc_links",
|
246 |
+
"param_name" => "caption_url",
|
247 |
+
"class" => "ult_param_heading",
|
248 |
+
"description" => __( '<span style="Background: #ddd;padding: 12px; 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' ),
|
249 |
+
"group" => 'General',
|
250 |
+
),
|
251 |
|
252 |
// Heading Section
|
253 |
|
264 |
),
|
265 |
|
266 |
array(
|
267 |
+
"type" => "vc_number",
|
268 |
"heading" => __( 'Line Height', 'heading' ),
|
269 |
"param_name" => "lineheight",
|
270 |
"description" => __('margin between line and headings', 'heading'),
|
281 |
),
|
282 |
|
283 |
array(
|
284 |
+
"type" => "vc_number",
|
285 |
"heading" => __( 'Title Font Size', 'heading' ),
|
286 |
"param_name" => "titlesize",
|
287 |
+
"value" => "22",
|
288 |
+
"suffix" => 'px',
|
289 |
"group" => "Heading",
|
290 |
),
|
291 |
|
render/highlight_box.php
CHANGED
@@ -10,49 +10,51 @@ class WPBakeryShortCode_highlight_box extends WPBakeryShortCode {
|
|
10 |
extract( shortcode_atts( array(
|
11 |
'id' => '',
|
12 |
'style' => 'btn-5a',
|
13 |
-
'height' => '
|
14 |
'lineheight' => '2',
|
15 |
'url' => '#0',
|
16 |
'icon' => '',
|
17 |
-
'iconsize' => '
|
18 |
-
'textsize' => '
|
19 |
'text' => '',
|
20 |
'text2' => '',
|
21 |
'clr' => '#000',
|
22 |
'bgclr' => '#9e54bd',
|
23 |
'hoverbg' => '',
|
24 |
), $atts ) );
|
|
|
|
|
25 |
$content = wpb_js_remove_wpautop($content, true);
|
26 |
wp_enqueue_style( 'highlight-box', plugins_url( '../css/highlight-box.css' , __FILE__ ));
|
27 |
ob_start(); ?>
|
28 |
-
<div id="highlight_box<?php echo $
|
29 |
<?php if ($style != 'fade2') { ?>
|
30 |
-
<a href="<?php echo $url; ?>" class="mega_highlight_box btn-5 <?php echo $style; ?>" style="height: <?php echo $height;
|
31 |
-
<i class="<?php echo $icon; ?> span-before" aria-hidden="true" style="font-size: <?php echo $iconsize;
|
32 |
<div>
|
33 |
-
<span class="text" style="font-size: <?php echo $textsize;
|
34 |
</div>
|
35 |
<span class="span-after"></span>
|
36 |
</a>
|
37 |
<?php } ?>
|
38 |
|
39 |
<?php if ($style == 'fade2') { ?>
|
40 |
-
<a href="<?php echo $url; ?>" class="mega_highlight_box btn-5 <?php echo $style; ?>" style="height: <?php echo $height;
|
41 |
<div>
|
42 |
-
<span class="text" style="font-size: <?php echo $textsize;
|
43 |
<?php echo $text; ?>
|
44 |
</span>
|
45 |
</div>
|
46 |
-
<i class="<?php echo $icon; ?>" aria-hidden="true" style="line-height: <?php echo $lineheight-1; ?>; font-size: <?php echo $iconsize;
|
47 |
</a>
|
48 |
<?php } ?>
|
49 |
</div>
|
50 |
|
51 |
<style>
|
52 |
-
#highlight_box<?php echo $
|
53 |
background: <?php echo $hoverbg; ?> !important;
|
54 |
}
|
55 |
-
#highlight_box<?php echo $
|
56 |
display: none;
|
57 |
}
|
58 |
</style>
|
@@ -69,18 +71,11 @@ vc_map( array(
|
|
69 |
"description" => __('Beautiful designed buttons for highlight', 'highlight'),
|
70 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/creatives.png',
|
71 |
'params' => array(
|
72 |
-
array(
|
73 |
-
"type" => "textfield",
|
74 |
-
"heading" => __( 'Unique ID', 'highlight' ),
|
75 |
-
"param_name" => "id",
|
76 |
-
"description" => __( 'Required: It must be unique for each'),
|
77 |
-
"group" => "General",
|
78 |
-
),
|
79 |
array(
|
80 |
"type" => "dropdown",
|
81 |
"heading" => __( 'Style', 'highlight' ),
|
82 |
"param_name" => "style",
|
83 |
-
"description" => __( 'highlight style'),
|
84 |
"group" => 'General',
|
85 |
"value" => array(
|
86 |
"Slide Top" => "btn-5a",
|
@@ -92,15 +87,16 @@ vc_map( array(
|
|
92 |
)
|
93 |
),
|
94 |
array(
|
95 |
-
"type" => "
|
96 |
"heading" => __( 'Box Height', 'highlight' ),
|
97 |
"param_name" => "height",
|
98 |
-
"description" => __( 'set in pixel eg,
|
99 |
-
"value" => "
|
|
|
100 |
"group" => "General",
|
101 |
),
|
102 |
array(
|
103 |
-
"type" => "
|
104 |
"heading" => __( 'line height', 'highlight' ),
|
105 |
"param_name" => "lineheight",
|
106 |
"description" => __( 'between text and Icon'),
|
@@ -109,12 +105,21 @@ vc_map( array(
|
|
109 |
"group" => "General",
|
110 |
),
|
111 |
array(
|
112 |
-
"type" => "
|
113 |
"heading" => __( 'Box URL', 'highlight' ),
|
114 |
"param_name" => "url",
|
115 |
-
"value" => "#",
|
116 |
"group" => "General",
|
117 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
118 |
array(
|
119 |
"type" => "iconpicker",
|
120 |
"heading" => __( 'Choose Icon', 'highlight' ),
|
@@ -122,11 +127,12 @@ vc_map( array(
|
|
122 |
"group" => "Icon",
|
123 |
),
|
124 |
array(
|
125 |
-
"type" => "
|
126 |
"heading" => __( 'Font Size', 'highlight' ),
|
127 |
"param_name" => "iconsize",
|
128 |
-
"description" => __( 'set in pixel eg,
|
129 |
-
"value" => "
|
|
|
130 |
"group" => "Icon",
|
131 |
),
|
132 |
|
@@ -135,11 +141,12 @@ vc_map( array(
|
|
135 |
|
136 |
|
137 |
array(
|
138 |
-
"type" => "
|
139 |
"heading" => __( 'Text Font Size', 'highlight' ),
|
140 |
"param_name" => "textsize",
|
141 |
-
"description" => __( 'set in pixel eg,
|
142 |
-
"value" => "
|
|
|
143 |
"group" => "Text",
|
144 |
),
|
145 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'id' => '',
|
12 |
'style' => 'btn-5a',
|
13 |
+
'height' => '140',
|
14 |
'lineheight' => '2',
|
15 |
'url' => '#0',
|
16 |
'icon' => '',
|
17 |
+
'iconsize' => '31',
|
18 |
+
'textsize' => '31',
|
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>
|
36 |
</div>
|
37 |
<span class="span-after"></span>
|
38 |
</a>
|
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; ?>
|
46 |
</span>
|
47 |
</div>
|
48 |
+
<i class="<?php echo $icon; ?>" aria-hidden="true" style="line-height: <?php echo $lineheight-1; ?>; font-size: <?php echo $iconsize; ?>px; color: <?php echo $clr; ?>;"></i>
|
49 |
</a>
|
50 |
<?php } ?>
|
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>
|
71 |
"description" => __('Beautiful designed buttons for highlight', 'highlight'),
|
72 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/creatives.png',
|
73 |
'params' => array(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
74 |
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",
|
87 |
)
|
88 |
),
|
89 |
array(
|
90 |
+
"type" => "vc_number",
|
91 |
"heading" => __( 'Box Height', 'highlight' ),
|
92 |
"param_name" => "height",
|
93 |
+
"description" => __( 'set in pixel eg, 140'),
|
94 |
+
"value" => "140",
|
95 |
+
"suffix" => 'px',
|
96 |
"group" => "General",
|
97 |
),
|
98 |
array(
|
99 |
+
"type" => "vc_number",
|
100 |
"heading" => __( 'line height', 'highlight' ),
|
101 |
"param_name" => "lineheight",
|
102 |
"description" => __( 'between text and Icon'),
|
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' ),
|
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 |
|
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 |
|
render/hover.php
CHANGED
@@ -9,33 +9,43 @@ class WPBakeryShortCode_mvc_ihe extends WPBakeryShortCode {
|
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'image_id' => '',
|
12 |
-
'
|
|
|
|
|
|
|
13 |
'caption_bg' => '#FFF',
|
14 |
'caption_url' => '',
|
15 |
'caption_url_target' => '',
|
16 |
-
'border_width' => '
|
|
|
17 |
'border_color' => '#fff',
|
18 |
'hover_effect' => 'NoEffect',
|
19 |
), $atts ) );
|
|
|
20 |
if ($image_id != '') {
|
21 |
$image_url = wp_get_attachment_url( $image_id );
|
22 |
}
|
|
|
23 |
$content = wpb_js_remove_wpautop($content);
|
24 |
ob_start(); ?>
|
25 |
<div class="ih-item <?php echo $hover_effect; ?>"
|
26 |
-
style="border: <?php echo $border_width; ?>
|
27 |
<?php if (isset($caption_url) && $caption_url != '') { ?>
|
28 |
-
<a href="<?php echo $caption_url; ?>" target="<?php echo $
|
29 |
<?php } ?>
|
30 |
<?php if (isset($caption_url) && $caption_url == NULL) { ?>
|
31 |
<a>
|
32 |
<?php } ?>
|
33 |
<div class="img">
|
34 |
-
<span style="box-shadow: inset 0 0 0 <?php echo $border_width; ?> <?php echo $border_color; ?>, 0 1px 2px rgba(0, 0, 0, .3); opacity: 0.6;"></span>
|
35 |
-
<img src="<?php echo $image_url; ?>" alt="<?php echo $
|
36 |
</div>
|
37 |
<div class="info" style="background-color: <?php echo $caption_bg; ?>;">
|
38 |
-
|
|
|
|
|
|
|
|
|
39 |
</div>
|
40 |
</a>
|
41 |
</div>
|
@@ -60,26 +70,60 @@ vc_map( array(
|
|
60 |
"group" => 'Image',
|
61 |
),
|
62 |
|
63 |
-
|
64 |
-
|
65 |
-
"heading" =>
|
66 |
-
"param_name" =>
|
67 |
-
"description" =>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
68 |
"group" => 'Image',
|
69 |
),
|
70 |
|
71 |
array(
|
72 |
-
"type" => "
|
73 |
"heading" => __( 'Link To', 'ihover' ),
|
74 |
"param_name" => "caption_url",
|
75 |
"description" => __( 'Enter URL to link caption', 'ihover' ),
|
76 |
"group" => 'Image',
|
77 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
78 |
array(
|
79 |
-
"type" => "
|
80 |
-
"
|
81 |
-
"
|
82 |
-
"description" => __( '
|
83 |
"group" => 'Image',
|
84 |
),
|
85 |
|
@@ -106,12 +150,31 @@ vc_map( array(
|
|
106 |
/* Border */
|
107 |
|
108 |
array(
|
109 |
-
"type" => "
|
110 |
"heading" => __( 'Border Width', 'ihover' ),
|
111 |
"param_name" => "border_width",
|
112 |
-
"description" => __( 'Width of border, eg:
|
|
|
|
|
113 |
"group" => 'Border',
|
114 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
115 |
array(
|
116 |
"type" => "colorpicker",
|
117 |
"heading" => __( 'Border Color', 'ihover' ),
|
@@ -126,7 +189,7 @@ vc_map( array(
|
|
126 |
"type" => "dropdown",
|
127 |
"heading" => __( 'Hover Effect', 'ihover' ),
|
128 |
"param_name" => "hover_effect",
|
129 |
-
"description" => __( 'Choose hover effect
|
130 |
"group" => 'Hover Effects',
|
131 |
"value" => array(
|
132 |
'NoEffect' => 'NoEffect',
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'image_id' => '',
|
12 |
+
'alt' => '',
|
13 |
+
'height' => '',
|
14 |
+
'width' => '',
|
15 |
+
'popup' => 'disable',
|
16 |
'caption_bg' => '#FFF',
|
17 |
'caption_url' => '',
|
18 |
'caption_url_target' => '',
|
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 != '') {
|
26 |
$image_url = wp_get_attachment_url( $image_id );
|
27 |
}
|
28 |
+
// wp_enqueue_style( 'pretty-photo-css', plugins_url( '../css/ihover.css' , __FILE__ ));
|
29 |
$content = wpb_js_remove_wpautop($content);
|
30 |
ob_start(); ?>
|
31 |
<div class="ih-item <?php echo $hover_effect; ?>"
|
32 |
+
style="border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $border_color; ?>; height: <?php echo $height; ?>px; width: <?php echo $width; ?>px;">
|
33 |
<?php if (isset($caption_url) && $caption_url != '') { ?>
|
34 |
+
<a href="<?php echo esc_url($caption_url['url']); ?>" target="<?php echo $caption_url['target']; ?>" title="<?php echo esc_html($caption_url['title']); ?>" rel="<?php echo $popup ?><?php if ($popup == 'pretty') { echo "Photo[pp_gal]"; } ?>">
|
35 |
<?php } ?>
|
36 |
<?php if (isset($caption_url) && $caption_url == NULL) { ?>
|
37 |
<a>
|
38 |
<?php } ?>
|
39 |
<div class="img">
|
40 |
+
<span style="box-shadow: inset 0 0 0 <?php echo $border_width; ?>px <?php echo $border_color; ?>, 0 1px 2px rgba(0, 0, 0, .3); opacity: 0.6;"></span>
|
41 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="height: <?php echo $height; ?>px; width: <?php echo $width; ?>px; max-width: 100%;">
|
42 |
</div>
|
43 |
<div class="info" style="background-color: <?php echo $caption_bg; ?>;">
|
44 |
+
<div style="display:table;width:100%;height:100%;">
|
45 |
+
<div style="display: table-cell !important;vertical-align: middle !important;">
|
46 |
+
<?php echo $content; ?>
|
47 |
+
</div>
|
48 |
+
</div>
|
49 |
</div>
|
50 |
</a>
|
51 |
</div>
|
70 |
"group" => 'Image',
|
71 |
),
|
72 |
|
73 |
+
array(
|
74 |
+
"type" => "textfield",
|
75 |
+
"heading" => __( 'Image Alt', 'info-banner-vc' ),
|
76 |
+
"param_name" => "alt",
|
77 |
+
"description" => __( 'It will use as image alt attribute', 'info-banner-vc' ),
|
78 |
+
"group" => 'Image',
|
79 |
+
),
|
80 |
+
|
81 |
+
array(
|
82 |
+
"type" => "vc_number",
|
83 |
+
"heading" => __( 'Image Width', 'ich-vc' ),
|
84 |
+
"param_name" => "width",
|
85 |
+
"description" => __( 'set in pixel e.g 250 or leave blank for default', 'ich-vc' ),
|
86 |
+
"max" => "",
|
87 |
+
"suffix" => 'px',
|
88 |
+
"group" => 'Image',
|
89 |
+
),
|
90 |
+
|
91 |
+
array(
|
92 |
+
"type" => "vc_number",
|
93 |
+
"heading" => __( 'Image Height', 'ich-vc' ),
|
94 |
+
"param_name" => "height",
|
95 |
+
"description" => __( 'set in pixel e.g 250 or leave blank for default', 'ich-vc' ),
|
96 |
+
"max" => "",
|
97 |
+
"suffix" => 'px',
|
98 |
"group" => 'Image',
|
99 |
),
|
100 |
|
101 |
array(
|
102 |
+
"type" => "vc_link",
|
103 |
"heading" => __( 'Link To', 'ihover' ),
|
104 |
"param_name" => "caption_url",
|
105 |
"description" => __( 'Enter URL to link caption', 'ihover' ),
|
106 |
"group" => 'Image',
|
107 |
),
|
108 |
+
|
109 |
+
array(
|
110 |
+
"type" => "dropdown",
|
111 |
+
"heading" => __( 'Lightbox (Pro Version)', 'ihover' ),
|
112 |
+
"param_name" => "popup",
|
113 |
+
"description" => __( 'popup on click. paste image or video url in "Link To" field for opening popup on click', 'ihover' ),
|
114 |
+
"group" => 'Image',
|
115 |
+
"value" => array(
|
116 |
+
'Disable' => 'disable',
|
117 |
+
'LightBox' => 'image',
|
118 |
+
'LightBox SlideShow' => 'images',
|
119 |
+
)
|
120 |
+
),
|
121 |
+
|
122 |
array(
|
123 |
+
"type" => "vc_links",
|
124 |
+
"param_name" => "caption_url",
|
125 |
+
"class" => "ult_param_heading",
|
126 |
+
"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' ),
|
127 |
"group" => 'Image',
|
128 |
),
|
129 |
|
150 |
/* Border */
|
151 |
|
152 |
array(
|
153 |
+
"type" => "vc_number",
|
154 |
"heading" => __( 'Border Width', 'ihover' ),
|
155 |
"param_name" => "border_width",
|
156 |
+
"description" => __( 'Width of border, eg: 15. Leaving blank will disable border', 'ihover' ),
|
157 |
+
"value" => "10",
|
158 |
+
"suffix" => 'px',
|
159 |
"group" => 'Border',
|
160 |
),
|
161 |
+
|
162 |
+
array(
|
163 |
+
"type" => "dropdown",
|
164 |
+
"heading" => __( 'Border Style', 'ich-vc' ),
|
165 |
+
"param_name" => "border_style",
|
166 |
+
"group" => 'Border',
|
167 |
+
"value" => array(
|
168 |
+
"Solid" => "solid",
|
169 |
+
"Dotted" => "dotted",
|
170 |
+
"Ridge" => "ridge",
|
171 |
+
"Dashed" => "dashed",
|
172 |
+
"Double" => "double",
|
173 |
+
"Groove" => "groove",
|
174 |
+
"Inset" => "inset",
|
175 |
+
)
|
176 |
+
),
|
177 |
+
|
178 |
array(
|
179 |
"type" => "colorpicker",
|
180 |
"heading" => __( 'Border Color', 'ihover' ),
|
189 |
"type" => "dropdown",
|
190 |
"heading" => __( 'Hover Effect', 'ihover' ),
|
191 |
"param_name" => "hover_effect",
|
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',
|
render/hoverbutton.php
CHANGED
@@ -16,57 +16,58 @@ class WPBakeryShortCode_mvc_button extends WPBakeryShortCode {
|
|
16 |
'brdr_trans' => 'hvr-underline-from-left',
|
17 |
'bubble_trans' => 'hvr-bubble-top',
|
18 |
'align' => 'left',
|
19 |
-
'padding_top' => '
|
20 |
-
'padding_left' => '
|
21 |
'btn_radius' => '',
|
22 |
'btn_next' => '',
|
23 |
'btn_url' => '',
|
24 |
'btn_text' => '',
|
25 |
-
'btn_size' => '
|
26 |
'btn_icon' => '',
|
27 |
'btn_border' => '',
|
28 |
-
'border_width' => '
|
29 |
'btn_clr' => '#000',
|
30 |
'btn_bg' => '#fff',
|
31 |
'btn_shadow' => '',
|
32 |
'btn_hvrclr' => 'asda',
|
33 |
'btn_hvrbg' => 'adsa',
|
34 |
), $atts ) );
|
|
|
35 |
wp_enqueue_style( 'hvr-btn-css', plugins_url( '../css/hoverbtn.css' , __FILE__ ));
|
36 |
$content = wpb_js_remove_wpautop($content, true);
|
37 |
ob_start(); ?>
|
38 |
|
39 |
<div style="text-align: <?php echo $align; ?>;">
|
40 |
<?php if ($btn_style == 'animated' && $anim_style == 'transition') { ?>
|
41 |
-
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onhoverbg="<?php echo $btn_hvrbg; ?>" data-onleavebg="<?php echo $btn_bg; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo $btn_url; ?>" target="<?php echo $
|
42 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
43 |
</a>
|
44 |
<?php } ?>
|
45 |
|
46 |
<!-- Background Transition -->
|
47 |
<?php if ($btn_style == 'animated' && $anim_style == 'bg_transition') { ?>
|
48 |
-
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo $btn_url; ?>" target="<?php echo $
|
49 |
<span style="background: <?php echo $btn_hvrbg; ?>;"></span><i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
50 |
</a>
|
51 |
<?php } ?>
|
52 |
|
53 |
<!-- Border Transition -->
|
54 |
<?php if ($btn_style == 'animated' && $anim_style == 'brdr_transition') { ?>
|
55 |
-
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo $btn_url; ?>" target="<?php echo $
|
56 |
<span style="background: <?php echo $btn_hvrbg; ?>;"></span><i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
57 |
</a>
|
58 |
<?php } ?>
|
59 |
|
60 |
<!-- Shadow Transition -->
|
61 |
<?php if ($btn_style == 'animated' && $anim_style == 'shadow') { ?>
|
62 |
-
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onhoverbg="<?php echo $btn_hvrbg; ?>" data-onleavebg="<?php echo $btn_bg; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo $btn_url; ?>" target="<?php echo $
|
63 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
64 |
</a>
|
65 |
<?php } ?>
|
66 |
|
67 |
<!-- Speech Bubbles -->
|
68 |
<?php if ($btn_style == 'animated' && $anim_style == 'speech_bubbles') { ?>
|
69 |
-
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo $btn_url; ?>" target="<?php echo $
|
70 |
<span style="
|
71 |
<?php echo ($bubble_trans == 'hvr-bubble-bottom' || $bubble_trans == 'hvr-bubble-float-top' || $bubble_trans == 'hvr-bubble-float-bottom') ? 'border-color: '.$btn_bg.' transparent transparent transparent;' : '' ; ?>
|
72 |
<?php echo ($bubble_trans == 'hvr-bubble-float-right' || $bubble_trans == 'hvr-bubble-right') ? 'border-color: transparent transparent transparent '.$btn_bg.' ;' : '' ; ?>
|
@@ -79,7 +80,7 @@ class WPBakeryShortCode_mvc_button extends WPBakeryShortCode {
|
|
79 |
|
80 |
<!-- 3D button -->
|
81 |
<?php if ($btn_style == '3D') { ?>
|
82 |
-
<a href="<?php echo $btn_url; ?>"
|
83 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
84 |
</a>
|
85 |
<?php } ?>
|
@@ -102,7 +103,7 @@ vc_map( array(
|
|
102 |
"type" => "dropdown",
|
103 |
"heading" => __( 'Style', 'button' ),
|
104 |
"param_name" => "btn_style",
|
105 |
-
"description" => __( 'Choose button style', 'button' ),
|
106 |
"group" => 'General',
|
107 |
"value" => array(
|
108 |
'Animated Button' => 'animated',
|
@@ -257,25 +258,37 @@ vc_map( array(
|
|
257 |
)
|
258 |
),
|
259 |
array(
|
260 |
-
"type" => "
|
261 |
"heading" => __( 'Padding [Top Bottom]', 'button' ),
|
262 |
"param_name" => "padding_top",
|
263 |
-
"description" => __( 'It will increase height of button e.g
|
|
|
|
|
264 |
"group" => 'General',
|
265 |
),
|
266 |
array(
|
267 |
-
"type" => "
|
268 |
"heading" => __( 'Padding [Left Right]', 'button' ),
|
269 |
"param_name" => "padding_left",
|
270 |
-
"description" => __( 'It will increase width of button e.g
|
|
|
|
|
271 |
"group" => 'General',
|
272 |
),
|
273 |
array(
|
274 |
-
"type" => "
|
275 |
"heading" => __( 'Radius', 'button' ),
|
276 |
"param_name" => "btn_radius",
|
277 |
-
"description" => __( 'set button radius e.g
|
278 |
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
279 |
"group" => 'General',
|
280 |
),
|
281 |
array(
|
@@ -293,26 +306,21 @@ vc_map( array(
|
|
293 |
"group" => 'Text',
|
294 |
),
|
295 |
array(
|
296 |
-
"type" => "
|
297 |
"heading" => __( 'Text font size', 'button' ),
|
298 |
"param_name" => "btn_size",
|
299 |
-
"description" => __( 'Set font size in pixel e.g
|
|
|
|
|
300 |
"group" => 'Text',
|
301 |
),
|
302 |
array(
|
303 |
-
"type" => "
|
304 |
"heading" => __( 'Button URL', 'button' ),
|
305 |
"param_name" => "btn_url",
|
306 |
"description" => __( 'Write button url as link', 'button' ),
|
307 |
"group" => 'Text',
|
308 |
),
|
309 |
-
array(
|
310 |
-
"type" => "textfield",
|
311 |
-
"heading" => __( 'Open in new windows', 'button' ),
|
312 |
-
"param_name" => "btn_next",
|
313 |
-
"description" => __( 'Write _blank for open link in new windows or leave blank for none', 'button' ),
|
314 |
-
"group" => 'Text',
|
315 |
-
),
|
316 |
|
317 |
/** border **/
|
318 |
|
@@ -325,11 +333,13 @@ vc_map( array(
|
|
325 |
"group" => 'Border',
|
326 |
),
|
327 |
array(
|
328 |
-
"type" => "
|
329 |
"heading" => __( 'Border width', 'button' ),
|
330 |
"param_name" => "border_width",
|
331 |
-
"description" => __( 'Set width of border in pixel e.g
|
332 |
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
|
|
|
|
333 |
"group" => 'Border',
|
334 |
),
|
335 |
|
16 |
'brdr_trans' => 'hvr-underline-from-left',
|
17 |
'bubble_trans' => 'hvr-bubble-top',
|
18 |
'align' => 'left',
|
19 |
+
'padding_top' => '5',
|
20 |
+
'padding_left' => '10',
|
21 |
'btn_radius' => '',
|
22 |
'btn_next' => '',
|
23 |
'btn_url' => '',
|
24 |
'btn_text' => '',
|
25 |
+
'btn_size' => '18',
|
26 |
'btn_icon' => '',
|
27 |
'btn_border' => '',
|
28 |
+
'border_width' => '1',
|
29 |
'btn_clr' => '#000',
|
30 |
'btn_bg' => '#fff',
|
31 |
'btn_shadow' => '',
|
32 |
'btn_hvrclr' => 'asda',
|
33 |
'btn_hvrbg' => 'adsa',
|
34 |
), $atts ) );
|
35 |
+
$btn_url = vc_build_link($btn_url);
|
36 |
wp_enqueue_style( 'hvr-btn-css', plugins_url( '../css/hoverbtn.css' , __FILE__ ));
|
37 |
$content = wpb_js_remove_wpautop($content, true);
|
38 |
ob_start(); ?>
|
39 |
|
40 |
<div style="text-align: <?php echo $align; ?>;">
|
41 |
<?php if ($btn_style == 'animated' && $anim_style == 'transition') { ?>
|
42 |
+
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onhoverbg="<?php echo $btn_hvrbg; ?>" data-onleavebg="<?php echo $btn_bg; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="mega_hvr_btn <?php echo $anim_trans; ?>" style="padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; border:<?php echo $border_width; ?>px solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>px">
|
43 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
44 |
</a>
|
45 |
<?php } ?>
|
46 |
|
47 |
<!-- Background Transition -->
|
48 |
<?php if ($btn_style == 'animated' && $anim_style == 'bg_transition') { ?>
|
49 |
+
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" style="padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; border:<?php echo $border_width; ?>px solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>px" class="mega_hvr_btn <?php echo $bg_trans; ?>">
|
50 |
<span style="background: <?php echo $btn_hvrbg; ?>;"></span><i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
51 |
</a>
|
52 |
<?php } ?>
|
53 |
|
54 |
<!-- Border Transition -->
|
55 |
<?php if ($btn_style == 'animated' && $anim_style == 'brdr_transition') { ?>
|
56 |
+
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" style="padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; border:<?php echo $border_width; ?>px solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>px" class="mega_hvr_btn <?php echo $brdr_trans; ?>">
|
57 |
<span style="background: <?php echo $btn_hvrbg; ?>;"></span><i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
58 |
</a>
|
59 |
<?php } ?>
|
60 |
|
61 |
<!-- Shadow Transition -->
|
62 |
<?php if ($btn_style == 'animated' && $anim_style == 'shadow') { ?>
|
63 |
+
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onhoverbg="<?php echo $btn_hvrbg; ?>" data-onleavebg="<?php echo $btn_bg; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="mega_hvr_btn <?php echo $shadow_trans; ?>" style="padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; border:<?php echo $border_width; ?>px solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>px">
|
64 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
65 |
</a>
|
66 |
<?php } ?>
|
67 |
|
68 |
<!-- Speech Bubbles -->
|
69 |
<?php if ($btn_style == 'animated' && $anim_style == 'speech_bubbles') { ?>
|
70 |
+
<a data-onhovercolor="<?php echo $btn_hvrclr; ?>" data-onleavecolor="<?php echo $btn_clr; ?>" href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="mega_hvr_btn <?php echo $bubble_trans; ?>" style="padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; border:<?php echo $border_width; ?>px solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>px; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>px">
|
71 |
<span style="
|
72 |
<?php echo ($bubble_trans == 'hvr-bubble-bottom' || $bubble_trans == 'hvr-bubble-float-top' || $bubble_trans == 'hvr-bubble-float-bottom') ? 'border-color: '.$btn_bg.' transparent transparent transparent;' : '' ; ?>
|
73 |
<?php echo ($bubble_trans == 'hvr-bubble-float-right' || $bubble_trans == 'hvr-bubble-right') ? 'border-color: transparent transparent transparent '.$btn_bg.' ;' : '' ; ?>
|
80 |
|
81 |
<!-- 3D button -->
|
82 |
<?php if ($btn_style == '3D') { ?>
|
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="push_button" style="font-size: <?php echo $btn_size; ?>px; padding: <?php echo $padding_top; ?>px <?php echo $padding_left; ?>px; background: <?php echo $btn_bg; ?>; color: <?php echo $btn_clr; ?>; box-shadow: 0 0 0 1px <?php echo $btn_shadow; ?> inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 4px 0 0 <?php echo $btn_shadow; ?>, 0 8px 8px 1px rgba(0,0,0,0.5);">
|
84 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
85 |
</a>
|
86 |
<?php } ?>
|
103 |
"type" => "dropdown",
|
104 |
"heading" => __( 'Style', 'button' ),
|
105 |
"param_name" => "btn_style",
|
106 |
+
"description" => __( 'Choose button style <a href="http://addons.topdigitaltrends.net/advanced-button/">See Demo</a>', 'button' ),
|
107 |
"group" => 'General',
|
108 |
"value" => array(
|
109 |
'Animated Button' => 'animated',
|
258 |
)
|
259 |
),
|
260 |
array(
|
261 |
+
"type" => "vc_number",
|
262 |
"heading" => __( 'Padding [Top Bottom]', 'button' ),
|
263 |
"param_name" => "padding_top",
|
264 |
+
"description" => __( 'It will increase height of button e.g 10', 'button' ),
|
265 |
+
"value" => "5",
|
266 |
+
"suffix" => 'px',
|
267 |
"group" => 'General',
|
268 |
),
|
269 |
array(
|
270 |
+
"type" => "vc_number",
|
271 |
"heading" => __( 'Padding [Left Right]', 'button' ),
|
272 |
"param_name" => "padding_left",
|
273 |
+
"description" => __( 'It will increase width of button e.g 20', 'button' ),
|
274 |
+
"value" => "10",
|
275 |
+
"suffix" => 'px',
|
276 |
"group" => 'General',
|
277 |
),
|
278 |
array(
|
279 |
+
"type" => "vc_number",
|
280 |
"heading" => __( 'Radius', 'button' ),
|
281 |
"param_name" => "btn_radius",
|
282 |
+
"description" => __( 'set button radius e.g 5', 'button' ),
|
283 |
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
284 |
+
"suffix" => 'px',
|
285 |
+
"group" => 'General',
|
286 |
+
),
|
287 |
+
array(
|
288 |
+
"type" => "vc_links",
|
289 |
+
"param_name" => "caption_url",
|
290 |
+
"class" => "ult_param_heading",
|
291 |
+
"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' ),
|
292 |
"group" => 'General',
|
293 |
),
|
294 |
array(
|
306 |
"group" => 'Text',
|
307 |
),
|
308 |
array(
|
309 |
+
"type" => "vc_number",
|
310 |
"heading" => __( 'Text font size', 'button' ),
|
311 |
"param_name" => "btn_size",
|
312 |
+
"description" => __( 'Set font size in pixel e.g 18', 'button' ),
|
313 |
+
"value" => "18",
|
314 |
+
"suffix" => 'px',
|
315 |
"group" => 'Text',
|
316 |
),
|
317 |
array(
|
318 |
+
"type" => "vc_link",
|
319 |
"heading" => __( 'Button URL', 'button' ),
|
320 |
"param_name" => "btn_url",
|
321 |
"description" => __( 'Write button url as link', 'button' ),
|
322 |
"group" => 'Text',
|
323 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
324 |
|
325 |
/** border **/
|
326 |
|
333 |
"group" => 'Border',
|
334 |
),
|
335 |
array(
|
336 |
+
"type" => "vc_number",
|
337 |
"heading" => __( 'Border width', 'button' ),
|
338 |
"param_name" => "border_width",
|
339 |
+
"description" => __( 'Set width of border in pixel e.g 1', 'button' ),
|
340 |
"dependency" => array('element' => "btn_style", 'value' => 'animated'),
|
341 |
+
"value" => "1",
|
342 |
+
"suffix" => 'px',
|
343 |
"group" => 'Border',
|
344 |
),
|
345 |
|
render/image_swap.php
CHANGED
@@ -9,13 +9,17 @@ class WPBakeryShortCode_image_swap extends WPBakeryShortCode {
|
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'image_id' => '',
|
|
|
|
|
12 |
'image_id2' => '',
|
13 |
'caption_url' => '',
|
14 |
'caption_url_target' => '',
|
15 |
'border_width' => '10px',
|
|
|
16 |
'border_color' => '#fff',
|
17 |
'hover_effect' => 'square effect2',
|
18 |
), $atts ) );
|
|
|
19 |
if ($image_id != '') {
|
20 |
$image_url = wp_get_attachment_url( $image_id );
|
21 |
}
|
@@ -25,18 +29,18 @@ class WPBakeryShortCode_image_swap extends WPBakeryShortCode {
|
|
25 |
$content = wpb_js_remove_wpautop($content, true);
|
26 |
ob_start(); ?>
|
27 |
<div class="ih-item <?php echo $hover_effect; ?>"
|
28 |
-
style="border: <?php echo $border_width; ?>
|
29 |
<?php if (isset($caption_url) && $caption_url != '') { ?>
|
30 |
-
<a href="<?php echo $caption_url; ?>" target="<?php echo $
|
31 |
<?php } ?>
|
32 |
<?php if (isset($caption_url) && $caption_url == NULL) { ?>
|
33 |
<a>
|
34 |
<?php } ?>
|
35 |
<div class="img">
|
36 |
-
<img src="<?php echo $image_url; ?>">
|
37 |
</div>
|
38 |
<div class="info" style="opacity: 1 !important;">
|
39 |
-
<img src="<?php echo $image_url2; ?>">
|
40 |
</div>
|
41 |
</a>
|
42 |
</div>
|
@@ -57,22 +61,31 @@ vc_map( array(
|
|
57 |
"type" => "attach_image",
|
58 |
"heading" => __( 'Image', 'swap' ),
|
59 |
"param_name" => "image_id",
|
60 |
-
"description" => __( 'Select the image', 'swap' ),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61 |
"group" => 'Image',
|
62 |
),
|
63 |
|
64 |
array(
|
65 |
-
"type" => "
|
66 |
"heading" => __( 'Link To', 'swap' ),
|
67 |
"param_name" => "caption_url",
|
68 |
"description" => __( 'Enter URL to link caption', 'swap' ),
|
69 |
"group" => 'Image',
|
70 |
),
|
|
|
71 |
array(
|
72 |
-
"type" => "
|
73 |
-
"
|
74 |
-
"
|
75 |
-
"description" => __( '
|
76 |
"group" => 'Image',
|
77 |
),
|
78 |
|
@@ -80,12 +93,29 @@ vc_map( array(
|
|
80 |
/* Border */
|
81 |
|
82 |
array(
|
83 |
-
"type" => "
|
84 |
"heading" => __( 'Border Width', 'swap' ),
|
85 |
"param_name" => "border_width",
|
86 |
-
"description" => __( 'Width of border, eg:
|
87 |
"group" => 'Border',
|
88 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
89 |
array(
|
90 |
"type" => "colorpicker",
|
91 |
"heading" => __( 'Border Color', 'swap' ),
|
@@ -104,6 +134,14 @@ vc_map( array(
|
|
104 |
"group" => 'Hover Effects',
|
105 |
),
|
106 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
107 |
array(
|
108 |
"type" => "dropdown",
|
109 |
"heading" => __( 'Hover Effect', 'swap' ),
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'image_id' => '',
|
12 |
+
'alt' => '',
|
13 |
+
'alt2' => '',
|
14 |
'image_id2' => '',
|
15 |
'caption_url' => '',
|
16 |
'caption_url_target' => '',
|
17 |
'border_width' => '10px',
|
18 |
+
'border_style' => 'solid',
|
19 |
'border_color' => '#fff',
|
20 |
'hover_effect' => 'square effect2',
|
21 |
), $atts ) );
|
22 |
+
$caption_url = vc_build_link($caption_url);
|
23 |
if ($image_id != '') {
|
24 |
$image_url = wp_get_attachment_url( $image_id );
|
25 |
}
|
29 |
$content = wpb_js_remove_wpautop($content, true);
|
30 |
ob_start(); ?>
|
31 |
<div class="ih-item <?php echo $hover_effect; ?>"
|
32 |
+
style="border: <?php echo $border_width; ?>px <?php echo $border_style; ?> <?php echo $border_color; ?>;">
|
33 |
<?php if (isset($caption_url) && $caption_url != '') { ?>
|
34 |
+
<a href="<?php echo esc_url($caption_url['url']); ?>" target="<?php echo $caption_url['target']; ?>" title="<?php echo esc_html($caption_url['title']); ?>">
|
35 |
<?php } ?>
|
36 |
<?php if (isset($caption_url) && $caption_url == NULL) { ?>
|
37 |
<a>
|
38 |
<?php } ?>
|
39 |
<div class="img">
|
40 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>">
|
41 |
</div>
|
42 |
<div class="info" style="opacity: 1 !important;">
|
43 |
+
<img src="<?php echo $image_url2; ?>" alt="<?php echo $alt2; ?>">
|
44 |
</div>
|
45 |
</a>
|
46 |
</div>
|
61 |
"type" => "attach_image",
|
62 |
"heading" => __( 'Image', 'swap' ),
|
63 |
"param_name" => "image_id",
|
64 |
+
"description" => __( 'Select the image <a href="https://addons.topdigitaltrends.net/image-swap/" target="_blank">See Demo</a>', 'swap' ),
|
65 |
+
"group" => 'Image',
|
66 |
+
),
|
67 |
+
|
68 |
+
array(
|
69 |
+
"type" => "textfield",
|
70 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
71 |
+
"param_name" => "alt",
|
72 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
73 |
"group" => 'Image',
|
74 |
),
|
75 |
|
76 |
array(
|
77 |
+
"type" => "vc_link",
|
78 |
"heading" => __( 'Link To', 'swap' ),
|
79 |
"param_name" => "caption_url",
|
80 |
"description" => __( 'Enter URL to link caption', 'swap' ),
|
81 |
"group" => 'Image',
|
82 |
),
|
83 |
+
|
84 |
array(
|
85 |
+
"type" => "vc_links",
|
86 |
+
"param_name" => "caption_url",
|
87 |
+
"class" => "ult_param_heading",
|
88 |
+
"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' ),
|
89 |
"group" => 'Image',
|
90 |
),
|
91 |
|
93 |
/* Border */
|
94 |
|
95 |
array(
|
96 |
+
"type" => "vc_number",
|
97 |
"heading" => __( 'Border Width', 'swap' ),
|
98 |
"param_name" => "border_width",
|
99 |
+
"description" => __( 'Width of border, eg: 15. Leaving blank will disable border', 'swap' ),
|
100 |
"group" => 'Border',
|
101 |
),
|
102 |
+
|
103 |
+
array(
|
104 |
+
"type" => "dropdown",
|
105 |
+
"heading" => __( 'Border Style', 'swap' ),
|
106 |
+
"param_name" => "border_style",
|
107 |
+
"group" => 'Border',
|
108 |
+
"value" => array(
|
109 |
+
"Solid" => "solid",
|
110 |
+
"Dotted" => "dotted",
|
111 |
+
"Ridge" => "ridge",
|
112 |
+
"Dashed" => "dashed",
|
113 |
+
"Double" => "double",
|
114 |
+
"Groove" => "groove",
|
115 |
+
"Inset" => "inset",
|
116 |
+
)
|
117 |
+
),
|
118 |
+
|
119 |
array(
|
120 |
"type" => "colorpicker",
|
121 |
"heading" => __( 'Border Color', 'swap' ),
|
134 |
"group" => 'Hover Effects',
|
135 |
),
|
136 |
|
137 |
+
array(
|
138 |
+
"type" => "textfield",
|
139 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
140 |
+
"param_name" => "alt2",
|
141 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
142 |
+
"group" => 'Hover Effects',
|
143 |
+
),
|
144 |
+
|
145 |
array(
|
146 |
"type" => "dropdown",
|
147 |
"heading" => __( 'Hover Effect', 'swap' ),
|
render/info_circle.php
CHANGED
@@ -8,14 +8,14 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
-
'width' => '60
|
12 |
'hide_icon' => '',
|
13 |
-
'heading_size' => '
|
14 |
-
'desc_size' => '
|
15 |
'captionclr' => '',
|
16 |
'bgclr' => '',
|
17 |
'outer_border' => '2px solid #E1E1E1',
|
18 |
-
'icon_size' => '
|
19 |
'icon_clr' => '',
|
20 |
'icon_bg' => '',
|
21 |
'border_clr' => '0px solid #fff',
|
@@ -52,7 +52,7 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
52 |
ob_start(); ?>
|
53 |
<div id="mega-info-circle" class="mega-info-circle" style="margin-top: 40px;">
|
54 |
<div class="mega-outer-section" style="border: <?php echo $outer_border; ?>;">
|
55 |
-
<div class="mega-inner-section" style="background: <?php echo $bgclr; ?>; width: <?php echo $width;
|
56 |
<div style="display: table; width: 100%; height: 100%;">
|
57 |
<div style="display: table-cell !important; vertical-align: middle !important;" class="mega-inner-section-div <?php echo $hide_icon; ?>">
|
58 |
|
@@ -64,17 +64,17 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
64 |
<div class="info-circle-icon icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
65 |
<div>
|
66 |
<?php if ($style == 'icon') { ?>
|
67 |
-
<i class="<?php echo $icon; ?>" style="font-size: <?php echo $icon_size;
|
68 |
<?php } ?>
|
69 |
<?php if ($style == 'image') { ?>
|
70 |
<img src="<?php echo $image_url; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
71 |
<?php } ?>
|
72 |
|
73 |
<span class="info-circle-detail">
|
74 |
-
<h3 style="font-size: <?php echo $heading_size;
|
75 |
<?php echo $heading; ?>
|
76 |
</h3>
|
77 |
-
<p style="font-size: <?php echo $desc_size;
|
78 |
<?php echo $desc; ?>
|
79 |
</p>
|
80 |
</span>
|
@@ -84,17 +84,17 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
84 |
<div class="info-circle-icon2 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
85 |
<div>
|
86 |
<?php if ($style == 'icon') { ?>
|
87 |
-
<i class="<?php echo $icon2; ?>" style="font-size: <?php echo $icon_size;
|
88 |
<?php } ?>
|
89 |
<?php if ($style == 'image') { ?>
|
90 |
<img src="<?php echo $image_url2; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
91 |
<?php } ?>
|
92 |
|
93 |
<span class="info-circle-detail">
|
94 |
-
<h3 style="font-size: <?php echo $heading_size;
|
95 |
<?php echo $heading2; ?>
|
96 |
</h3>
|
97 |
-
<p style="font-size: <?php echo $desc_size;
|
98 |
<?php echo $desc2; ?>
|
99 |
</p>
|
100 |
</span>
|
@@ -104,17 +104,17 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
104 |
<div class="info-circle-icon3 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
105 |
<div>
|
106 |
<?php if ($style == 'icon') { ?>
|
107 |
-
<i class="<?php echo $icon3; ?>" style="font-size: <?php echo $icon_size;
|
108 |
<?php } ?>
|
109 |
<?php if ($style == 'image') { ?>
|
110 |
<img src="<?php echo $image_url3; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
111 |
<?php } ?>
|
112 |
|
113 |
<span class="info-circle-detail">
|
114 |
-
<h3 style="font-size: <?php echo $heading_size;
|
115 |
<?php echo $heading3; ?>
|
116 |
</h3>
|
117 |
-
<p style="font-size: <?php echo $desc_size;
|
118 |
<?php echo $desc3; ?>
|
119 |
</p>
|
120 |
</span>
|
@@ -124,17 +124,17 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
124 |
<div class="info-circle-icon4 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
125 |
<div>
|
126 |
<?php if ($style == 'icon') { ?>
|
127 |
-
<i class="<?php echo $icon4; ?>" style="font-size: <?php echo $icon_size;
|
128 |
<?php } ?>
|
129 |
<?php if ($style == 'image') { ?>
|
130 |
<img src="<?php echo $image_url4; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
131 |
<?php } ?>
|
132 |
|
133 |
<span class="info-circle-detail">
|
134 |
-
<h3 style="font-size: <?php echo $heading_size;
|
135 |
<?php echo $heading4; ?>
|
136 |
</h3>
|
137 |
-
<p style="font-size: <?php echo $desc_size;
|
138 |
<?php echo $desc4; ?>
|
139 |
</p>
|
140 |
</span>
|
@@ -144,17 +144,17 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
144 |
<div class="info-circle-icon5 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
145 |
<div>
|
146 |
<?php if ($style == 'icon') { ?>
|
147 |
-
<i class="<?php echo $icon5; ?>" style="font-size: <?php echo $icon_size;
|
148 |
<?php } ?>
|
149 |
<?php if ($style == 'image') { ?>
|
150 |
<img src="<?php echo $image_url5; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
151 |
<?php } ?>
|
152 |
|
153 |
<span class="info-circle-detail">
|
154 |
-
<h3 style="font-size: <?php echo $heading_size;
|
155 |
<?php echo $heading5; ?>
|
156 |
</h3>
|
157 |
-
<p style="font-size: <?php echo $desc_size;
|
158 |
<?php echo $desc5; ?>
|
159 |
</p>
|
160 |
</span>
|
@@ -166,7 +166,7 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
166 |
<ul class="info-circle-mobile" style="border-left: <?php echo $outer_border; ?>;">
|
167 |
<li class="info-circle-icon">
|
168 |
<?php if ($style == 'icon') { ?>
|
169 |
-
<i class="<?php echo $icon; ?>" style="font-size: <?php echo $icon_size;
|
170 |
<?php } ?>
|
171 |
<?php if ($style == 'image') { ?>
|
172 |
<img src="<?php echo $image_url; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
@@ -184,7 +184,7 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
184 |
|
185 |
<li class="info-circle-icon">
|
186 |
<?php if ($style == 'icon') { ?>
|
187 |
-
<i class="<?php echo $icon2; ?>" style="font-size: <?php echo $icon_size;
|
188 |
<?php } ?>
|
189 |
<?php if ($style == 'image') { ?>
|
190 |
<img src="<?php echo $image_url2; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
@@ -201,7 +201,7 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
201 |
|
202 |
<li class="info-circle-icon">
|
203 |
<?php if ($style == 'icon') { ?>
|
204 |
-
<i class="<?php echo $icon3; ?>" style="font-size: <?php echo $icon_size;
|
205 |
<?php } ?>
|
206 |
<?php if ($style == 'image') { ?>
|
207 |
<img src="<?php echo $image_url3; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
@@ -218,7 +218,7 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
218 |
|
219 |
<li class="info-circle-icon">
|
220 |
<?php if ($style == 'icon') { ?>
|
221 |
-
<i class="<?php echo $icon4; ?>" style="font-size: <?php echo $icon_size;
|
222 |
<?php } ?>
|
223 |
<?php if ($style == 'image') { ?>
|
224 |
<img src="<?php echo $image_url4; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
@@ -235,7 +235,7 @@ class WPBakeryShortCode_vc_info_circle extends WPBakeryShortCode {
|
|
235 |
|
236 |
<li class="info-circle-icon" style="padding-bottom: 0;">
|
237 |
<?php if ($style == 'icon') { ?>
|
238 |
-
<i class="<?php echo $icon5; ?>" style="font-size: <?php echo $icon_size;
|
239 |
<?php } ?>
|
240 |
<?php if ($style == 'image') { ?>
|
241 |
<img src="<?php echo $image_url5; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
@@ -265,11 +265,12 @@ vc_map( array(
|
|
265 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/infocircle.png',
|
266 |
'params' => array(
|
267 |
array(
|
268 |
-
"type" => "
|
269 |
-
"heading" => __( 'Caption Width', 'circle' ),
|
270 |
"param_name" => "width",
|
271 |
-
"description" => __( 'width of inner container in % eg, 60
|
272 |
-
"
|
|
|
273 |
"group" => 'General',
|
274 |
),
|
275 |
array(
|
@@ -280,19 +281,21 @@ vc_map( array(
|
|
280 |
"group" => 'General',
|
281 |
),
|
282 |
array(
|
283 |
-
"type" => "
|
284 |
"heading" => __( 'Heading Font size', 'circle' ),
|
285 |
"param_name" => "heading_size",
|
286 |
-
"description" => __( 'set in pixel eg,
|
287 |
-
"
|
|
|
288 |
"group" => 'General',
|
289 |
),
|
290 |
array(
|
291 |
-
"type" => "
|
292 |
"heading" => __( 'Description Font size', 'circle' ),
|
293 |
"param_name" => "desc_size",
|
294 |
-
"description" => __( 'set in pixel eg,
|
295 |
-
"value" => "
|
|
|
296 |
"group" => 'General',
|
297 |
),
|
298 |
array(
|
@@ -316,6 +319,13 @@ vc_map( array(
|
|
316 |
"value" => "2px solid #E1E1E1",
|
317 |
"group" => 'General',
|
318 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
319 |
|
320 |
|
321 |
/* Font Icon Setting
|
@@ -333,12 +343,13 @@ vc_map( array(
|
|
333 |
)
|
334 |
),
|
335 |
array(
|
336 |
-
"type" => "
|
337 |
"heading" => __( 'Font Icon size', 'circle' ),
|
338 |
"param_name" => "icon_size",
|
339 |
-
"description" => __( 'set in pixel eg,
|
340 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
341 |
-
"value" => "
|
|
|
342 |
"group" => 'Icon',
|
343 |
),
|
344 |
array(
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
+
'width' => '60',
|
12 |
'hide_icon' => '',
|
13 |
+
'heading_size' => '18',
|
14 |
+
'desc_size' => '15',
|
15 |
'captionclr' => '',
|
16 |
'bgclr' => '',
|
17 |
'outer_border' => '2px solid #E1E1E1',
|
18 |
+
'icon_size' => '25',
|
19 |
'icon_clr' => '',
|
20 |
'icon_bg' => '',
|
21 |
'border_clr' => '0px solid #fff',
|
52 |
ob_start(); ?>
|
53 |
<div id="mega-info-circle" class="mega-info-circle" style="margin-top: 40px;">
|
54 |
<div class="mega-outer-section" style="border: <?php echo $outer_border; ?>;">
|
55 |
+
<div class="mega-inner-section" style="background: <?php echo $bgclr; ?>; width: <?php echo $width; ?>%; height: <?php echo $width; ?>%;">
|
56 |
<div style="display: table; width: 100%; height: 100%;">
|
57 |
<div style="display: table-cell !important; vertical-align: middle !important;" class="mega-inner-section-div <?php echo $hide_icon; ?>">
|
58 |
|
64 |
<div class="info-circle-icon icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
65 |
<div>
|
66 |
<?php if ($style == 'icon') { ?>
|
67 |
+
<i class="<?php echo $icon; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
68 |
<?php } ?>
|
69 |
<?php if ($style == 'image') { ?>
|
70 |
<img src="<?php echo $image_url; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
71 |
<?php } ?>
|
72 |
|
73 |
<span class="info-circle-detail">
|
74 |
+
<h3 style="font-size: <?php echo $heading_size; ?>px; color: <?php echo $captionclr; ?>;">
|
75 |
<?php echo $heading; ?>
|
76 |
</h3>
|
77 |
+
<p style="font-size: <?php echo $desc_size; ?>px; color: <?php echo $captionclr; ?>;">
|
78 |
<?php echo $desc; ?>
|
79 |
</p>
|
80 |
</span>
|
84 |
<div class="info-circle-icon2 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
85 |
<div>
|
86 |
<?php if ($style == 'icon') { ?>
|
87 |
+
<i class="<?php echo $icon2; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
88 |
<?php } ?>
|
89 |
<?php if ($style == 'image') { ?>
|
90 |
<img src="<?php echo $image_url2; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
91 |
<?php } ?>
|
92 |
|
93 |
<span class="info-circle-detail">
|
94 |
+
<h3 style="font-size: <?php echo $heading_size; ?>px; color: <?php echo $captionclr; ?>;">
|
95 |
<?php echo $heading2; ?>
|
96 |
</h3>
|
97 |
+
<p style="font-size: <?php echo $desc_size; ?>px; color: <?php echo $captionclr; ?>;">
|
98 |
<?php echo $desc2; ?>
|
99 |
</p>
|
100 |
</span>
|
104 |
<div class="info-circle-icon3 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
105 |
<div>
|
106 |
<?php if ($style == 'icon') { ?>
|
107 |
+
<i class="<?php echo $icon3; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
108 |
<?php } ?>
|
109 |
<?php if ($style == 'image') { ?>
|
110 |
<img src="<?php echo $image_url3; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
111 |
<?php } ?>
|
112 |
|
113 |
<span class="info-circle-detail">
|
114 |
+
<h3 style="font-size: <?php echo $heading_size; ?>px; color: <?php echo $captionclr; ?>;">
|
115 |
<?php echo $heading3; ?>
|
116 |
</h3>
|
117 |
+
<p style="font-size: <?php echo $desc_size; ?>px; color: <?php echo $captionclr; ?>;">
|
118 |
<?php echo $desc3; ?>
|
119 |
</p>
|
120 |
</span>
|
124 |
<div class="info-circle-icon4 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
125 |
<div>
|
126 |
<?php if ($style == 'icon') { ?>
|
127 |
+
<i class="<?php echo $icon4; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
128 |
<?php } ?>
|
129 |
<?php if ($style == 'image') { ?>
|
130 |
<img src="<?php echo $image_url4; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
131 |
<?php } ?>
|
132 |
|
133 |
<span class="info-circle-detail">
|
134 |
+
<h3 style="font-size: <?php echo $heading_size; ?>px; color: <?php echo $captionclr; ?>;">
|
135 |
<?php echo $heading4; ?>
|
136 |
</h3>
|
137 |
+
<p style="font-size: <?php echo $desc_size; ?>px; color: <?php echo $captionclr; ?>;">
|
138 |
<?php echo $desc4; ?>
|
139 |
</p>
|
140 |
</span>
|
144 |
<div class="info-circle-icon5 icon-wrapper" style="background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;">
|
145 |
<div>
|
146 |
<?php if ($style == 'icon') { ?>
|
147 |
+
<i class="<?php echo $icon5; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
148 |
<?php } ?>
|
149 |
<?php if ($style == 'image') { ?>
|
150 |
<img src="<?php echo $image_url5; ?>" style="width: 56px; height: 56px; border-radius: 50%;" />
|
151 |
<?php } ?>
|
152 |
|
153 |
<span class="info-circle-detail">
|
154 |
+
<h3 style="font-size: <?php echo $heading_size; ?>px; color: <?php echo $captionclr; ?>;">
|
155 |
<?php echo $heading5; ?>
|
156 |
</h3>
|
157 |
+
<p style="font-size: <?php echo $desc_size; ?>px; color: <?php echo $captionclr; ?>;">
|
158 |
<?php echo $desc5; ?>
|
159 |
</p>
|
160 |
</span>
|
166 |
<ul class="info-circle-mobile" style="border-left: <?php echo $outer_border; ?>;">
|
167 |
<li class="info-circle-icon">
|
168 |
<?php if ($style == 'icon') { ?>
|
169 |
+
<i class="<?php echo $icon; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>; background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;"></i>
|
170 |
<?php } ?>
|
171 |
<?php if ($style == 'image') { ?>
|
172 |
<img src="<?php echo $image_url; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
184 |
|
185 |
<li class="info-circle-icon">
|
186 |
<?php if ($style == 'icon') { ?>
|
187 |
+
<i class="<?php echo $icon2; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>; background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;"></i>
|
188 |
<?php } ?>
|
189 |
<?php if ($style == 'image') { ?>
|
190 |
<img src="<?php echo $image_url2; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
201 |
|
202 |
<li class="info-circle-icon">
|
203 |
<?php if ($style == 'icon') { ?>
|
204 |
+
<i class="<?php echo $icon3; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>; background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;"></i>
|
205 |
<?php } ?>
|
206 |
<?php if ($style == 'image') { ?>
|
207 |
<img src="<?php echo $image_url3; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
218 |
|
219 |
<li class="info-circle-icon">
|
220 |
<?php if ($style == 'icon') { ?>
|
221 |
+
<i class="<?php echo $icon4; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>; background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;"></i>
|
222 |
<?php } ?>
|
223 |
<?php if ($style == 'image') { ?>
|
224 |
<img src="<?php echo $image_url4; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
235 |
|
236 |
<li class="info-circle-icon" style="padding-bottom: 0;">
|
237 |
<?php if ($style == 'icon') { ?>
|
238 |
+
<i class="<?php echo $icon5; ?>" style="font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>; background: <?php echo $icon_bg; ?>; border: <?php echo $border_clr; ?>;"></i>
|
239 |
<?php } ?>
|
240 |
<?php if ($style == 'image') { ?>
|
241 |
<img src="<?php echo $image_url5; ?>" style="width: 65px; height: 65px; border-radius: 50%; float: left;" />
|
265 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/infocircle.png',
|
266 |
'params' => array(
|
267 |
array(
|
268 |
+
"type" => "vc_number",
|
269 |
+
"heading" => __( 'Caption Width <a href="https://addons.topdigitaltrends.net/info-circle/" target="_blank">See Demo</a>', 'circle' ),
|
270 |
"param_name" => "width",
|
271 |
+
"description" => __( 'width of inner container in % eg, 60. '),
|
272 |
+
"suffix" => '%',
|
273 |
+
"value" => "60",
|
274 |
"group" => 'General',
|
275 |
),
|
276 |
array(
|
281 |
"group" => 'General',
|
282 |
),
|
283 |
array(
|
284 |
+
"type" => "vc_number",
|
285 |
"heading" => __( 'Heading Font size', 'circle' ),
|
286 |
"param_name" => "heading_size",
|
287 |
+
"description" => __( 'set in pixel eg, 18'),
|
288 |
+
"suffix" => 'px',
|
289 |
+
"value" => "18",
|
290 |
"group" => 'General',
|
291 |
),
|
292 |
array(
|
293 |
+
"type" => "vc_number",
|
294 |
"heading" => __( 'Description Font size', 'circle' ),
|
295 |
"param_name" => "desc_size",
|
296 |
+
"description" => __( 'set in pixel eg, 15'),
|
297 |
+
"value" => "15",
|
298 |
+
"suffix" => 'px',
|
299 |
"group" => 'General',
|
300 |
),
|
301 |
array(
|
319 |
"value" => "2px solid #E1E1E1",
|
320 |
"group" => 'General',
|
321 |
),
|
322 |
+
array(
|
323 |
+
"type" => "vc_links",
|
324 |
+
"param_name" => "caption_url",
|
325 |
+
"class" => "ult_param_heading",
|
326 |
+
"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' ),
|
327 |
+
"group" => 'General',
|
328 |
+
),
|
329 |
|
330 |
|
331 |
/* Font Icon Setting
|
343 |
)
|
344 |
),
|
345 |
array(
|
346 |
+
"type" => "vc_number",
|
347 |
"heading" => __( 'Font Icon size', 'circle' ),
|
348 |
"param_name" => "icon_size",
|
349 |
+
"description" => __( 'set in pixel eg, 25'),
|
350 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
351 |
+
"value" => "25",
|
352 |
+
"suffix" => 'px',
|
353 |
"group" => 'Icon',
|
354 |
),
|
355 |
array(
|
render/info_list_son.php
CHANGED
@@ -11,10 +11,11 @@ class WPBakeryShortCode_info_list_son extends WPBakeryShortCode {
|
|
11 |
'theme' => 'left',
|
12 |
'style' => 'image',
|
13 |
'image_id' => '',
|
|
|
14 |
'icon' => '',
|
15 |
-
'size' => '
|
16 |
-
'width' => '
|
17 |
-
'height' => '
|
18 |
'imgstyle' => 'img-rounded',
|
19 |
'iconclr' => '#000',
|
20 |
'iconbg' => '#fff',
|
@@ -23,14 +24,14 @@ class WPBakeryShortCode_info_list_son extends WPBakeryShortCode {
|
|
23 |
'radius' => '50%',
|
24 |
'borderclr' => '',
|
25 |
'title' => '',
|
26 |
-
'titlesize' => '
|
27 |
'titleclr' => '#000',
|
28 |
'title_weight' => 'default',
|
29 |
'desc' => '',
|
30 |
-
'descsize' => '
|
31 |
-
'connector_h' => '
|
32 |
'descclr' => '#000',
|
33 |
-
'listwidth' => '
|
34 |
'liststyle' => 'solid',
|
35 |
'listclr' => '#000',
|
36 |
), $atts ) );
|
@@ -41,18 +42,18 @@ class WPBakeryShortCode_info_list_son extends WPBakeryShortCode {
|
|
41 |
ob_start(); ?>
|
42 |
<div class="vc_info_list_outer">
|
43 |
<?php if ($theme == 'left') { ?>
|
44 |
-
<li class="vc_info_list" style="padding-bottom: <?php echo $connector_h;
|
45 |
<div class="media">
|
46 |
<div class="media-left info-list-img" style="margin-left: -<?php echo $width/2+$borderwidth; ?>px; padding-right: 20px; float: left;">
|
47 |
<?php if ($style == 'image') { ?>
|
48 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
49 |
<?php } ?>
|
50 |
<?php if ($style == 'icon') { ?>
|
51 |
-
<div style="border: <?php echo $borderwidth; ?> <?php echo $borderstyle; ?> <?php echo $borderclr; ?>; border-radius: <?php echo $radius; ?>; background: <?php echo $iconbg; ?>;">
|
52 |
-
<span style="display:table; width: <?php echo $width;
|
53 |
<span style="display: table-cell !important;vertical-align: middle !important;">
|
54 |
|
55 |
-
<i class="<?php echo $icon; ?>" aria-hidden="true" style="font-size: <?php echo $size;
|
56 |
|
57 |
</span>
|
58 |
</span>
|
@@ -60,10 +61,10 @@ class WPBakeryShortCode_info_list_son extends WPBakeryShortCode {
|
|
60 |
<?php } ?>
|
61 |
</div>
|
62 |
<div class="media-body">
|
63 |
-
<h2 style="font-size: <?php echo $titlesize;
|
64 |
<?php echo $title; ?>
|
65 |
</h2>
|
66 |
-
<p style="font-size: <?php echo $descsize;
|
67 |
<?php echo $desc; ?>
|
68 |
</p>
|
69 |
</div>
|
@@ -72,26 +73,26 @@ class WPBakeryShortCode_info_list_son extends WPBakeryShortCode {
|
|
72 |
<?php } ?>
|
73 |
|
74 |
<?php if ($theme == 'right') { ?>
|
75 |
-
<li class="vc_info_list" style="padding-bottom: <?php echo $connector_h;
|
76 |
<div class="media" style="margin-right: -<?php echo $width/2+$borderwidth; ?>px;">
|
77 |
<div class="media-body text-right">
|
78 |
-
<h2 style="font-size: <?php echo $titlesize;
|
79 |
<?php echo $title; ?>
|
80 |
</h2>
|
81 |
-
<p style="font-size: <?php echo $descsize;
|
82 |
<?php echo $desc; ?>
|
83 |
</p>
|
84 |
</div>
|
85 |
<div class="media-right" style="padding-left: 20px;">
|
86 |
<?php if ($style == 'image') { ?>
|
87 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
88 |
<?php } ?>
|
89 |
<?php if ($style == 'icon') { ?>
|
90 |
-
<div style="background: <?php echo $iconbg; ?>; border: <?php echo $borderwidth; ?> <?php echo $borderstyle; ?> <?php echo $borderclr; ?>; border-radius: <?php echo $radius; ?>;">
|
91 |
-
<span style="display:table; width: <?php echo $width;
|
92 |
<span style="display: table-cell !important;vertical-align: middle !important;">
|
93 |
|
94 |
-
<i class="<?php echo $icon; ?>" aria-hidden="true" style="font-size: <?php echo $size;
|
95 |
|
96 |
</span>
|
97 |
</span>
|
@@ -121,7 +122,7 @@ vc_map( array(
|
|
121 |
"type" => "dropdown",
|
122 |
"heading" => __( 'Style', 'infolist' ),
|
123 |
"param_name" => "theme",
|
124 |
-
"description" => __( 'choose style', 'infolist' ),
|
125 |
"group" => 'Icon/Image',
|
126 |
"value" => array(
|
127 |
"Left Align" => "left",
|
@@ -147,6 +148,13 @@ vc_map( array(
|
|
147 |
"dependency" => array('element' => "style", 'value' => 'image'),
|
148 |
"group" => 'Icon/Image',
|
149 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
150 |
array(
|
151 |
"type" => "iconpicker",
|
152 |
"heading" => __( 'Icon', 'infolist' ),
|
@@ -156,28 +164,31 @@ vc_map( array(
|
|
156 |
"group" => 'Icon/Image',
|
157 |
),
|
158 |
array(
|
159 |
-
"type" => "
|
160 |
"heading" => __( 'Font Size', 'infolist' ),
|
161 |
"param_name" => "size",
|
162 |
-
"description" => __( 'icon font size in pixel eg,
|
163 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
164 |
-
"value" => "
|
|
|
165 |
"group" => 'Icon/Image',
|
166 |
),
|
167 |
array(
|
168 |
-
"type" => "
|
169 |
"heading" => __( 'Width', 'infolist' ),
|
170 |
"param_name" => "width",
|
171 |
-
"description" => __( 'set width in pixel eg,
|
172 |
-
"
|
|
|
173 |
"group" => 'Icon/Image',
|
174 |
),
|
175 |
array(
|
176 |
-
"type" => "
|
177 |
"heading" => __( 'Height', 'infolist' ),
|
178 |
"param_name" => "height",
|
179 |
-
"description" => __( 'set height in pixel eg,
|
180 |
-
"value" => "
|
|
|
181 |
"group" => 'Icon/Image',
|
182 |
),
|
183 |
array(
|
@@ -209,6 +220,13 @@ vc_map( array(
|
|
209 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
210 |
"group" => 'Icon/Image',
|
211 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
212 |
|
213 |
|
214 |
// Border
|
@@ -217,9 +235,10 @@ vc_map( array(
|
|
217 |
"type" => "textfield",
|
218 |
"heading" => __( 'Border width', 'infolist' ),
|
219 |
"param_name" => "borderwidth",
|
220 |
-
"description" => __( 'set border width eg,
|
221 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
222 |
-
"value" => "
|
|
|
223 |
"group" => 'Icon/Image',
|
224 |
),
|
225 |
|
@@ -267,11 +286,12 @@ vc_map( array(
|
|
267 |
"group" => 'Content',
|
268 |
),
|
269 |
array(
|
270 |
-
"type" => "
|
271 |
"heading" => __( 'Title Font Size', 'infolist' ),
|
272 |
"param_name" => "titlesize",
|
273 |
-
"description" => __('set in pixel, default
|
274 |
-
"value" => "
|
|
|
275 |
"group" => 'Content',
|
276 |
),
|
277 |
array(
|
@@ -301,11 +321,12 @@ vc_map( array(
|
|
301 |
"group" => 'Content',
|
302 |
),
|
303 |
array(
|
304 |
-
"type" => "
|
305 |
"heading" => __( 'Description Font Size', 'infolist' ),
|
306 |
"param_name" => "descsize",
|
307 |
-
"description" => __('set in pixel, default
|
308 |
-
"value" => "
|
|
|
309 |
"group" => 'Content',
|
310 |
),
|
311 |
array(
|
@@ -319,19 +340,21 @@ vc_map( array(
|
|
319 |
// Settings
|
320 |
|
321 |
array(
|
322 |
-
"type" => "
|
323 |
"heading" => __( 'Connector Line Height', 'infolist' ),
|
324 |
"param_name" => "connector_h",
|
325 |
-
"description" => __( 'line between to info list. set in pixel default
|
326 |
-
"value" => "
|
|
|
327 |
"group" => 'Settings',
|
328 |
),
|
329 |
array(
|
330 |
-
"type" => "
|
331 |
"heading" => __( 'Connector Width', 'infolist' ),
|
332 |
"param_name" => "listwidth",
|
333 |
-
"description" => __( 'set connector line width for info list in pixel eg,
|
334 |
-
"value" => "
|
|
|
335 |
"group" => 'Settings',
|
336 |
),
|
337 |
array(
|
11 |
'theme' => 'left',
|
12 |
'style' => 'image',
|
13 |
'image_id' => '',
|
14 |
+
'alt' => '',
|
15 |
'icon' => '',
|
16 |
+
'size' => '30',
|
17 |
+
'width' => '80',
|
18 |
+
'height' => '80',
|
19 |
'imgstyle' => 'img-rounded',
|
20 |
'iconclr' => '#000',
|
21 |
'iconbg' => '#fff',
|
24 |
'radius' => '50%',
|
25 |
'borderclr' => '',
|
26 |
'title' => '',
|
27 |
+
'titlesize' => '18',
|
28 |
'titleclr' => '#000',
|
29 |
'title_weight' => 'default',
|
30 |
'desc' => '',
|
31 |
+
'descsize' => '15',
|
32 |
+
'connector_h' => '30',
|
33 |
'descclr' => '#000',
|
34 |
+
'listwidth' => '1',
|
35 |
'liststyle' => 'solid',
|
36 |
'listclr' => '#000',
|
37 |
), $atts ) );
|
42 |
ob_start(); ?>
|
43 |
<div class="vc_info_list_outer">
|
44 |
<?php if ($theme == 'left') { ?>
|
45 |
+
<li class="vc_info_list" style="padding-bottom: <?php echo $connector_h; ?>px; border-left: <?php echo $listwidth; ?>px <?php echo $liststyle; ?> <?php echo $listclr; ?>; display: table;margin-left: <?php echo $width/2+$borderwidth; ?>px; float: none; margin-bottom: 2px;">
|
46 |
<div class="media">
|
47 |
<div class="media-left info-list-img" style="margin-left: -<?php echo $width/2+$borderwidth; ?>px; padding-right: 20px; float: left;">
|
48 |
<?php if ($style == 'image') { ?>
|
49 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;" class="<?php echo $imgstyle; ?>">
|
50 |
<?php } ?>
|
51 |
<?php if ($style == 'icon') { ?>
|
52 |
+
<div style="border: <?php echo $borderwidth; ?>px <?php echo $borderstyle; ?> <?php echo $borderclr; ?>; border-radius: <?php echo $radius; ?>; background: <?php echo $iconbg; ?>;">
|
53 |
+
<span style="display:table; width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; border-radius: <?php echo $radius; ?>; text-align: center;">
|
54 |
<span style="display: table-cell !important;vertical-align: middle !important;">
|
55 |
|
56 |
+
<i class="<?php echo $icon; ?>" aria-hidden="true" style="font-size: <?php echo $size; ?>px; color: <?php echo $iconclr; ?>;"></i>
|
57 |
|
58 |
</span>
|
59 |
</span>
|
61 |
<?php } ?>
|
62 |
</div>
|
63 |
<div class="media-body">
|
64 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; font-style: <?php echo $title_weight; ?>;">
|
65 |
<?php echo $title; ?>
|
66 |
</h2>
|
67 |
+
<p style="font-size: <?php echo $descsize; ?>px; color: <?php echo $descclr; ?>;">
|
68 |
<?php echo $desc; ?>
|
69 |
</p>
|
70 |
</div>
|
73 |
<?php } ?>
|
74 |
|
75 |
<?php if ($theme == 'right') { ?>
|
76 |
+
<li class="vc_info_list" style="padding-bottom: <?php echo $connector_h; ?>px; border-right: <?php echo $listwidth; ?>px <?php echo $liststyle; ?> <?php echo $listclr; ?>; display: table;margin-right: <?php echo $width/2+$borderwidth; ?>px; float: none; margin-bottom: 2px;">
|
77 |
<div class="media" style="margin-right: -<?php echo $width/2+$borderwidth; ?>px;">
|
78 |
<div class="media-body text-right">
|
79 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; font-style: <?php echo $title_weight; ?>;">
|
80 |
<?php echo $title; ?>
|
81 |
</h2>
|
82 |
+
<p style="font-size: <?php echo $descsize; ?>px; color: <?php echo $descclr; ?>; text-align: right;">
|
83 |
<?php echo $desc; ?>
|
84 |
</p>
|
85 |
</div>
|
86 |
<div class="media-right" style="padding-left: 20px;">
|
87 |
<?php if ($style == 'image') { ?>
|
88 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;" class="<?php echo $imgstyle; ?>">
|
89 |
<?php } ?>
|
90 |
<?php if ($style == 'icon') { ?>
|
91 |
+
<div style="background: <?php echo $iconbg; ?>; border: <?php echo $borderwidth; ?>px <?php echo $borderstyle; ?> <?php echo $borderclr; ?>; border-radius: <?php echo $radius; ?>;">
|
92 |
+
<span style="display:table; width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; border-radius: <?php echo $radius; ?>;text-align: center;">
|
93 |
<span style="display: table-cell !important;vertical-align: middle !important;">
|
94 |
|
95 |
+
<i class="<?php echo $icon; ?>" aria-hidden="true" style="font-size: <?php echo $size; ?>px; color: <?php echo $iconclr; ?>;"></i>
|
96 |
|
97 |
</span>
|
98 |
</span>
|
122 |
"type" => "dropdown",
|
123 |
"heading" => __( 'Style', 'infolist' ),
|
124 |
"param_name" => "theme",
|
125 |
+
"description" => __( 'choose style <a href="http://addons.topdigitaltrends.net/info-list/">See demo</a>', 'infolist' ),
|
126 |
"group" => 'Icon/Image',
|
127 |
"value" => array(
|
128 |
"Left Align" => "left",
|
148 |
"dependency" => array('element' => "style", 'value' => 'image'),
|
149 |
"group" => 'Icon/Image',
|
150 |
),
|
151 |
+
array(
|
152 |
+
"type" => "textfield",
|
153 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
154 |
+
"param_name" => "alt",
|
155 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
156 |
+
"group" => 'Icon/Image',
|
157 |
+
),
|
158 |
array(
|
159 |
"type" => "iconpicker",
|
160 |
"heading" => __( 'Icon', 'infolist' ),
|
164 |
"group" => 'Icon/Image',
|
165 |
),
|
166 |
array(
|
167 |
+
"type" => "vc_number",
|
168 |
"heading" => __( 'Font Size', 'infolist' ),
|
169 |
"param_name" => "size",
|
170 |
+
"description" => __( 'icon font size in pixel eg, 30', 'infolist' ),
|
171 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
172 |
+
"value" => "30",
|
173 |
+
"suffix" => 'px',
|
174 |
"group" => 'Icon/Image',
|
175 |
),
|
176 |
array(
|
177 |
+
"type" => "vc_number",
|
178 |
"heading" => __( 'Width', 'infolist' ),
|
179 |
"param_name" => "width",
|
180 |
+
"description" => __( 'set width in pixel eg, 80', 'infolist' ),
|
181 |
+
"suffix" => 'px',
|
182 |
+
"value" => "80",
|
183 |
"group" => 'Icon/Image',
|
184 |
),
|
185 |
array(
|
186 |
+
"type" => "vc_number",
|
187 |
"heading" => __( 'Height', 'infolist' ),
|
188 |
"param_name" => "height",
|
189 |
+
"description" => __( 'set height in pixel eg, 80', 'infolist' ),
|
190 |
+
"value" => "80",
|
191 |
+
"suffix" => 'px',
|
192 |
"group" => 'Icon/Image',
|
193 |
),
|
194 |
array(
|
220 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
221 |
"group" => 'Icon/Image',
|
222 |
),
|
223 |
+
array(
|
224 |
+
"type" => "vc_links",
|
225 |
+
"param_name" => "caption_url",
|
226 |
+
"class" => "ult_param_heading",
|
227 |
+
"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' ),
|
228 |
+
"group" => 'Icon/Image',
|
229 |
+
),
|
230 |
|
231 |
|
232 |
// Border
|
235 |
"type" => "textfield",
|
236 |
"heading" => __( 'Border width', 'infolist' ),
|
237 |
"param_name" => "borderwidth",
|
238 |
+
"description" => __( 'set border width eg, 5', 'infolist' ),
|
239 |
"dependency" => array('element' => "style", 'value' => 'icon'),
|
240 |
+
"value" => "5",
|
241 |
+
"suffix" => 'px',
|
242 |
"group" => 'Icon/Image',
|
243 |
),
|
244 |
|
286 |
"group" => 'Content',
|
287 |
),
|
288 |
array(
|
289 |
+
"type" => "vc_number",
|
290 |
"heading" => __( 'Title Font Size', 'infolist' ),
|
291 |
"param_name" => "titlesize",
|
292 |
+
"description" => __('set in pixel, default 18', 'infolist'),
|
293 |
+
"value" => "18",
|
294 |
+
"suffix" => 'px',
|
295 |
"group" => 'Content',
|
296 |
),
|
297 |
array(
|
321 |
"group" => 'Content',
|
322 |
),
|
323 |
array(
|
324 |
+
"type" => "vc_number",
|
325 |
"heading" => __( 'Description Font Size', 'infolist' ),
|
326 |
"param_name" => "descsize",
|
327 |
+
"description" => __('set in pixel, default 15', 'infolist'),
|
328 |
+
"value" => "15",
|
329 |
+
"suffix" => 'px',
|
330 |
"group" => 'Content',
|
331 |
),
|
332 |
array(
|
340 |
// Settings
|
341 |
|
342 |
array(
|
343 |
+
"type" => "vc_number",
|
344 |
"heading" => __( 'Connector Line Height', 'infolist' ),
|
345 |
"param_name" => "connector_h",
|
346 |
+
"description" => __( 'line between to info list. set in pixel default 30', 'infolist' ),
|
347 |
+
"value" => "30",
|
348 |
+
"suffix" => 'px',
|
349 |
"group" => 'Settings',
|
350 |
),
|
351 |
array(
|
352 |
+
"type" => "vc_number",
|
353 |
"heading" => __( 'Connector Width', 'infolist' ),
|
354 |
"param_name" => "listwidth",
|
355 |
+
"description" => __( 'set connector line width for info list in pixel eg, 1', 'infolist' ),
|
356 |
+
"value" => "1",
|
357 |
+
"suffix" => 'px',
|
358 |
"group" => 'Settings',
|
359 |
),
|
360 |
array(
|
render/infobanners.php
CHANGED
@@ -8,10 +8,12 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
|
|
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 |
'image_id' => '',
|
|
|
15 |
'pic_size' => '',
|
16 |
'pic_height' => '',
|
17 |
'img_padding' => '',
|
@@ -21,12 +23,12 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
|
|
21 |
'ribbon_bg' => '',
|
22 |
'btn_icon' => '',
|
23 |
'btn_text' => '',
|
24 |
-
'btn_ptop' => '
|
25 |
-
'btn_pleft' => '
|
26 |
-
'btn_size' => '
|
27 |
-
'
|
28 |
'border_style' => '',
|
29 |
-
'btn_radius' => '
|
30 |
'btn_clr' => '',
|
31 |
'btn_bg' => '',
|
32 |
'btn_hvrclr' => 'none',
|
@@ -34,6 +36,7 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
|
|
34 |
'css' => '',
|
35 |
'descsize' => '',
|
36 |
), $atts ) );
|
|
|
37 |
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
|
38 |
if ($image_id != '') {
|
39 |
$image_url = wp_get_attachment_url( $image_id );
|
@@ -50,14 +53,14 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
|
|
50 |
<?php echo $ribbon_text; ?>
|
51 |
</span>
|
52 |
</div>
|
53 |
-
<div class="mega_wrap" style="width: <?php echo $pic_width-
|
54 |
-
<img src="<?php echo $image_url; ?>" style="display: block; max-width: 100%; width: <?php echo $pic_size; ?>; height: <?php echo $pic_height;
|
55 |
</div>
|
56 |
|
57 |
-
<div class="mega_content" style="width: <?php echo $content_width-
|
58 |
<?php echo $content; ?><br>
|
59 |
|
60 |
-
<a
|
61 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
62 |
</a>
|
63 |
</div>
|
@@ -76,13 +79,13 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
|
|
76 |
</div>
|
77 |
<div class="mega_wrap" style="padding: <?php echo $img_padding; ?>;">
|
78 |
<?php if (!empty($image_url)) { ?>
|
79 |
-
<img src="<?php echo $image_url; ?>" style="display: block; max-width: 100%; width: <?php echo $pic_size; ?>; height: <?php echo $pic_height;
|
80 |
<?php } ?>
|
81 |
</div>
|
82 |
|
83 |
<div class="mega_content" style="padding: <?php echo $text_padding; ?>;">
|
84 |
<?php echo $content; ?><br>
|
85 |
-
<a
|
86 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
87 |
</a>
|
88 |
<br>
|
@@ -94,7 +97,7 @@ class WPBakeryShortCode_info_banner_vc extends WPBakeryShortCode {
|
|
94 |
<style>
|
95 |
@media only screen and (max-width: 480px) {
|
96 |
.mega-info-bar-<?php echo $some_id; ?> .mega_content *{
|
97 |
-
font-size: <?php echo $descsize; ?> !important;
|
98 |
}
|
99 |
}
|
100 |
</style>
|
@@ -125,25 +128,35 @@ vc_map( array(
|
|
125 |
),
|
126 |
|
127 |
array(
|
128 |
-
"type" => "
|
129 |
"heading" => __( 'Picture box width', 'info-banner-vc' ),
|
130 |
"param_name" => "pic_width",
|
131 |
-
"description" => __( 'Set the width of picture box in percentage e.g 50
|
132 |
"dependency" => array('element' => "style_visibility", 'value' => array('left', 'right',)),
|
133 |
-
"value" => "50
|
|
|
134 |
"group" => 'General',
|
135 |
),
|
136 |
|
137 |
array(
|
138 |
-
"type" => "
|
139 |
"heading" => __( 'Content box width', 'info-banner-vc' ),
|
140 |
"param_name" => "content_width",
|
141 |
-
"description" => __( 'Set the width of content box in percentage e.g 50
|
142 |
"dependency" => array('element' => "style_visibility", 'value' => array('left', 'right',)),
|
143 |
-
"value" => "50
|
|
|
144 |
"group" => 'General',
|
145 |
),
|
146 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
147 |
// Image Section
|
148 |
|
149 |
array(
|
@@ -163,6 +176,14 @@ vc_map( array(
|
|
163 |
"group" => 'Image',
|
164 |
),
|
165 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
166 |
array(
|
167 |
"type" => "textfield",
|
168 |
"heading" => __( 'Image width', 'info-banner-vc' ),
|
@@ -171,10 +192,11 @@ vc_map( array(
|
|
171 |
"group" => 'Image',
|
172 |
),
|
173 |
array(
|
174 |
-
"type" => "
|
175 |
"heading" => __( 'Image height', 'info-banner-vc' ),
|
176 |
"param_name" => "pic_height",
|
177 |
-
"description" => __( 'set image height e.g
|
|
|
178 |
"group" => 'Image',
|
179 |
),
|
180 |
|
@@ -189,10 +211,11 @@ vc_map( array(
|
|
189 |
"group" => 'Content',
|
190 |
),
|
191 |
array(
|
192 |
-
"type" => "
|
193 |
"heading" => __( 'Discription Font Size (For Mobile)', 'info-banner-vc' ),
|
194 |
"param_name" => "descsize",
|
195 |
-
"description" => __( 'set in pixel eg,
|
|
|
196 |
"group" => 'Content',
|
197 |
),
|
198 |
array(
|
@@ -249,38 +272,40 @@ vc_map( array(
|
|
249 |
"group" => 'Button',
|
250 |
),
|
251 |
array(
|
252 |
-
"type" => "
|
253 |
"heading" => __( 'Button Height', 'info-banner-vc' ),
|
254 |
"param_name" => "btn_ptop",
|
255 |
-
"description" => __( 'button height. set in pixel e.g
|
256 |
-
"value" => "
|
|
|
257 |
"group" => 'Button',
|
258 |
),
|
259 |
|
260 |
array(
|
261 |
-
"type" => "
|
262 |
"heading" => __( 'Button Width', 'info-banner-vc' ),
|
263 |
"param_name" => "btn_pleft",
|
264 |
-
"description" => __( 'button width. set in pixel e.g
|
265 |
-
"value" => "
|
|
|
266 |
"group" => 'Button',
|
267 |
),
|
268 |
array(
|
269 |
-
"type" => "
|
270 |
"heading" => __( 'Text font size', 'info-banner-vc' ),
|
271 |
"param_name" => "btn_size",
|
272 |
-
"description" => __( 'Set font size in pixel e.g
|
273 |
-
"value" => "
|
|
|
274 |
"group" => 'Button',
|
275 |
),
|
276 |
array(
|
277 |
-
"type" => "
|
278 |
"heading" => __( 'Button URL', 'info-banner-vc' ),
|
279 |
-
"param_name" => "
|
280 |
"description" => __( 'Write button url as link', 'info-banner-vc' ),
|
281 |
"group" => 'Button',
|
282 |
),
|
283 |
-
|
284 |
array(
|
285 |
"type" => "textfield",
|
286 |
"heading" => __( 'Border Style', 'info-banner-vc' ),
|
@@ -290,11 +315,12 @@ vc_map( array(
|
|
290 |
"group" => 'Button',
|
291 |
),
|
292 |
array(
|
293 |
-
"type" => "
|
294 |
"heading" => __( 'Border Radius', 'info-banner-vc' ),
|
295 |
"param_name" => "btn_radius",
|
296 |
-
"description" => __( 'set in pixel eg
|
297 |
-
"value" => "
|
|
|
298 |
"group" => 'Button',
|
299 |
),
|
300 |
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
+
'per_line' => '4',
|
12 |
'style_visibility' => 'top_to_bottom',
|
13 |
+
'pic_width' => '50',
|
14 |
+
'content_width' => '50',
|
15 |
'image_id' => '',
|
16 |
+
'alt' => '',
|
17 |
'pic_size' => '',
|
18 |
'pic_height' => '',
|
19 |
'img_padding' => '',
|
23 |
'ribbon_bg' => '',
|
24 |
'btn_icon' => '',
|
25 |
'btn_text' => '',
|
26 |
+
'btn_ptop' => '20',
|
27 |
+
'btn_pleft' => '60',
|
28 |
+
'btn_size' => '18',
|
29 |
+
'url' => '',
|
30 |
'border_style' => '',
|
31 |
+
'btn_radius' => '5',
|
32 |
'btn_clr' => '',
|
33 |
'btn_bg' => '',
|
34 |
'btn_hvrclr' => 'none',
|
36 |
'css' => '',
|
37 |
'descsize' => '',
|
38 |
), $atts ) );
|
39 |
+
$url = vc_build_link($url);
|
40 |
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
|
41 |
if ($image_id != '') {
|
42 |
$image_url = wp_get_attachment_url( $image_id );
|
53 |
<?php echo $ribbon_text; ?>
|
54 |
</span>
|
55 |
</div>
|
56 |
+
<div class="mega_wrap" style="width: <?php echo $pic_width-2; ?>%; float: <?php echo $style_visibility; ?>; padding: <?php echo $img_padding; ?>;">
|
57 |
+
<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;">
|
58 |
</div>
|
59 |
|
60 |
+
<div class="mega_content" style="width: <?php echo $content_width-3; ?>%; padding: <?php echo $text_padding; ?>;">
|
61 |
<?php echo $content; ?><br>
|
62 |
|
63 |
+
<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 <?php echo $anim_style; ?>" 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;">
|
64 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
65 |
</a>
|
66 |
</div>
|
79 |
</div>
|
80 |
<div class="mega_wrap" style="padding: <?php echo $img_padding; ?>;">
|
81 |
<?php if (!empty($image_url)) { ?>
|
82 |
+
<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;">
|
83 |
<?php } ?>
|
84 |
</div>
|
85 |
|
86 |
<div class="mega_content" style="padding: <?php echo $text_padding; ?>;">
|
87 |
<?php echo $content; ?><br>
|
88 |
+
<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 <?php echo $anim_style; ?>" 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;">
|
89 |
<i class="<?php echo $btn_icon; ?>"></i> <?php echo $btn_text; ?>
|
90 |
</a>
|
91 |
<br>
|
97 |
<style>
|
98 |
@media only screen and (max-width: 480px) {
|
99 |
.mega-info-bar-<?php echo $some_id; ?> .mega_content *{
|
100 |
+
font-size: <?php echo $descsize; ?>px !important;
|
101 |
}
|
102 |
}
|
103 |
</style>
|
128 |
),
|
129 |
|
130 |
array(
|
131 |
+
"type" => "vc_number",
|
132 |
"heading" => __( 'Picture box width', 'info-banner-vc' ),
|
133 |
"param_name" => "pic_width",
|
134 |
+
"description" => __( 'Set the width of picture box in percentage e.g 50', 'info-banner-vc' ),
|
135 |
"dependency" => array('element' => "style_visibility", 'value' => array('left', 'right',)),
|
136 |
+
"value" => "50",
|
137 |
+
"suffix" => '%',
|
138 |
"group" => 'General',
|
139 |
),
|
140 |
|
141 |
array(
|
142 |
+
"type" => "vc_number",
|
143 |
"heading" => __( 'Content box width', 'info-banner-vc' ),
|
144 |
"param_name" => "content_width",
|
145 |
+
"description" => __( 'Set the width of content box in percentage e.g 50', 'info-banner-vc' ),
|
146 |
"dependency" => array('element' => "style_visibility", 'value' => array('left', 'right',)),
|
147 |
+
"value" => "50",
|
148 |
+
"suffix" => '%',
|
149 |
"group" => 'General',
|
150 |
),
|
151 |
|
152 |
+
array(
|
153 |
+
"type" => "vc_links",
|
154 |
+
"param_name" => "caption_url",
|
155 |
+
"class" => "ult_param_heading",
|
156 |
+
"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' ),
|
157 |
+
"group" => 'General',
|
158 |
+
),
|
159 |
+
|
160 |
// Image Section
|
161 |
|
162 |
array(
|
176 |
"group" => 'Image',
|
177 |
),
|
178 |
|
179 |
+
array(
|
180 |
+
"type" => "textfield",
|
181 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
182 |
+
"param_name" => "alt",
|
183 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
184 |
+
"group" => 'Image',
|
185 |
+
),
|
186 |
+
|
187 |
array(
|
188 |
"type" => "textfield",
|
189 |
"heading" => __( 'Image width', 'info-banner-vc' ),
|
192 |
"group" => 'Image',
|
193 |
),
|
194 |
array(
|
195 |
+
"type" => "vc_number",
|
196 |
"heading" => __( 'Image height', 'info-banner-vc' ),
|
197 |
"param_name" => "pic_height",
|
198 |
+
"description" => __( 'set image height in pixel e.g 100 or leave blank for default', 'info-banner-vc' ),
|
199 |
+
"suffix" => 'px',
|
200 |
"group" => 'Image',
|
201 |
),
|
202 |
|
211 |
"group" => 'Content',
|
212 |
),
|
213 |
array(
|
214 |
+
"type" => "vc_number",
|
215 |
"heading" => __( 'Discription Font Size (For Mobile)', 'info-banner-vc' ),
|
216 |
"param_name" => "descsize",
|
217 |
+
"description" => __( 'set in pixel eg, 15 or leave blank', 'info-banner-vc' ),
|
218 |
+
"suffix" => 'px',
|
219 |
"group" => 'Content',
|
220 |
),
|
221 |
array(
|
272 |
"group" => 'Button',
|
273 |
),
|
274 |
array(
|
275 |
+
"type" => "vc_number",
|
276 |
"heading" => __( 'Button Height', 'info-banner-vc' ),
|
277 |
"param_name" => "btn_ptop",
|
278 |
+
"description" => __( 'button height. set in pixel e.g 20', 'info-banner-vc' ),
|
279 |
+
"value" => "20",
|
280 |
+
"suffix" => 'px',
|
281 |
"group" => 'Button',
|
282 |
),
|
283 |
|
284 |
array(
|
285 |
+
"type" => "vc_number",
|
286 |
"heading" => __( 'Button Width', 'info-banner-vc' ),
|
287 |
"param_name" => "btn_pleft",
|
288 |
+
"description" => __( 'button width. set in pixel e.g 60', 'info-banner-vc' ),
|
289 |
+
"value" => "60",
|
290 |
+
"suffix" => 'px',
|
291 |
"group" => 'Button',
|
292 |
),
|
293 |
array(
|
294 |
+
"type" => "vc_number",
|
295 |
"heading" => __( 'Text font size', 'info-banner-vc' ),
|
296 |
"param_name" => "btn_size",
|
297 |
+
"description" => __( 'Set font size in pixel e.g 18', 'info-banner-vc' ),
|
298 |
+
"value" => "18",
|
299 |
+
"suffix" => 'px',
|
300 |
"group" => 'Button',
|
301 |
),
|
302 |
array(
|
303 |
+
"type" => "vc_link",
|
304 |
"heading" => __( 'Button URL', 'info-banner-vc' ),
|
305 |
+
"param_name" => "url",
|
306 |
"description" => __( 'Write button url as link', 'info-banner-vc' ),
|
307 |
"group" => 'Button',
|
308 |
),
|
|
|
309 |
array(
|
310 |
"type" => "textfield",
|
311 |
"heading" => __( 'Border Style', 'info-banner-vc' ),
|
315 |
"group" => 'Button',
|
316 |
),
|
317 |
array(
|
318 |
+
"type" => "vc_number",
|
319 |
"heading" => __( 'Border Radius', 'info-banner-vc' ),
|
320 |
"param_name" => "btn_radius",
|
321 |
+
"description" => __( 'set in pixel eg 5', 'info-banner-vc' ),
|
322 |
+
"value" => "5",
|
323 |
+
"suffix" => 'px',
|
324 |
"group" => 'Button',
|
325 |
),
|
326 |
|
render/infobox.php
CHANGED
@@ -11,28 +11,33 @@ class WPBakeryShortCode_mvc_infobox extends WPBakeryShortCode {
|
|
11 |
'info_style' => 'mega_info_box',
|
12 |
'info_opt' => 'show_image',
|
13 |
'image_id' => '',
|
|
|
14 |
'image_size' => '',
|
15 |
'image_radius' => '0px',
|
16 |
'font_icon' => '',
|
17 |
-
'icon_size' => '
|
18 |
'icon_color' => '',
|
19 |
-
'icon_height' => '
|
20 |
'icon_bg' => '',
|
21 |
'icon_radius' => '0px',
|
22 |
'border_width' => '0px',
|
23 |
'border_style' => 'solid',
|
24 |
'border_clr' => '',
|
|
|
25 |
'css' => '',
|
26 |
'info_title' => '',
|
27 |
'title_size' => '',
|
28 |
'info_desc' => '',
|
29 |
-
'line_height' => '',
|
30 |
'info_size' => '',
|
|
|
31 |
'btn_visibility' => 'none',
|
32 |
'btn_text' => '',
|
|
|
33 |
'btn_url' => '',
|
34 |
-
'
|
35 |
), $atts ) );
|
|
|
36 |
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
|
37 |
if ($image_id != '') {
|
38 |
$image_url = wp_get_attachment_url( $image_id );
|
@@ -41,26 +46,36 @@ class WPBakeryShortCode_mvc_infobox extends WPBakeryShortCode {
|
|
41 |
$content = wpb_js_remove_wpautop($content, true);
|
42 |
ob_start(); ?>
|
43 |
|
44 |
-
<div class="<?php echo $info_style; ?>">
|
45 |
-
|
46 |
-
<?php
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
-
|
51 |
-
|
52 |
-
|
53 |
-
|
54 |
-
|
55 |
-
<?php
|
56 |
-
|
57 |
-
|
58 |
-
|
59 |
-
|
60 |
-
|
61 |
-
|
62 |
-
|
63 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
64 |
</div>
|
65 |
|
66 |
<?php
|
@@ -80,7 +95,7 @@ vc_map( array(
|
|
80 |
"type" => "dropdown",
|
81 |
"heading" => __( 'Select Style', 'infobox' ),
|
82 |
"param_name" => "info_style",
|
83 |
-
"description" => __( 'Choose info style', 'infobox' ),
|
84 |
"group" => 'General',
|
85 |
"value" => array(
|
86 |
'Vertical' => 'mega_info_box',
|
@@ -105,13 +120,22 @@ vc_map( array(
|
|
105 |
"description" => __( 'Select the image', 'infobox' ),
|
106 |
"group" => 'General',
|
107 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
108 |
),
|
109 |
array(
|
110 |
-
"type" => "
|
111 |
"heading" => __( 'Width', 'infobox' ),
|
112 |
"param_name" => "image_size",
|
113 |
-
"description" => __( 'Set the width in pixel e.g
|
114 |
"group" => 'General',
|
|
|
115 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
116 |
),
|
117 |
array(
|
@@ -140,21 +164,23 @@ vc_map( array(
|
|
140 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
141 |
),
|
142 |
array(
|
143 |
-
"type" => "
|
144 |
"heading" => __( 'Font size', 'infobox' ),
|
145 |
"param_name" => "icon_size",
|
146 |
-
"description" => __( 'Set icon font size in pixel e.g
|
147 |
"group" => 'General',
|
148 |
-
"value" => "
|
|
|
149 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
150 |
),
|
151 |
array(
|
152 |
-
"type" => "
|
153 |
"heading" => __( 'Font Height/Width', 'infobox' ),
|
154 |
"param_name" => "icon_height",
|
155 |
"description" => __( 'height & width for icon, set in pixel', 'infobox' ),
|
156 |
"group" => 'General',
|
157 |
-
"value" => "
|
|
|
158 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
159 |
),
|
160 |
array(
|
@@ -172,6 +198,52 @@ vc_map( array(
|
|
172 |
"group" => 'General',
|
173 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
174 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
175 |
array(
|
176 |
"type" => "dropdown",
|
177 |
"heading" => __( 'Border Radius', 'infobox' ),
|
@@ -232,14 +304,25 @@ vc_map( array(
|
|
232 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
233 |
),
|
234 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
235 |
/* Detail */
|
236 |
|
237 |
array(
|
238 |
-
"type" => "
|
239 |
"heading" => __( 'Line Height', 'infobox' ),
|
240 |
"param_name" => "line_height",
|
241 |
"description" => __( 'Set line height for text', 'infobox' ),
|
242 |
-
"value" => "
|
243 |
"group" => 'Detail',
|
244 |
),
|
245 |
array(
|
@@ -250,67 +333,22 @@ vc_map( array(
|
|
250 |
"group" => 'Detail',
|
251 |
),
|
252 |
array(
|
253 |
-
"type" => "
|
254 |
"heading" => __( 'Title font size', 'infobox' ),
|
255 |
"param_name" => "title_size",
|
256 |
-
"description" => __( 'Set font size for title e.g
|
|
|
257 |
"group" => 'Detail',
|
258 |
),
|
259 |
array(
|
260 |
-
"type" =>
|
261 |
-
"heading" =>
|
262 |
-
|
263 |
-
"
|
264 |
-
"
|
265 |
-
|
266 |
-
array(
|
267 |
-
"type" => "textfield",
|
268 |
-
"heading" => __( 'Description font size', 'infobox' ),
|
269 |
-
"param_name" => "desc_size",
|
270 |
-
"description" => __( 'Set font size for description e.g 14px', 'infobox' ),
|
271 |
-
"group" => 'Detail',
|
272 |
),
|
273 |
|
274 |
-
/* Button */
|
275 |
-
|
276 |
-
array(
|
277 |
-
"type" => "dropdown",
|
278 |
-
"heading" => __( 'Show/Hide button', 'infobox' ),
|
279 |
-
"param_name" => "btn_visibility",
|
280 |
-
"description" => __( 'Select Show or Hide Button ', 'infobox' ),
|
281 |
-
"group" => 'Button',
|
282 |
-
"value" => array(
|
283 |
-
'Hide' => 'none',
|
284 |
-
'Show' => 'initial',
|
285 |
-
)
|
286 |
-
),
|
287 |
-
|
288 |
-
array(
|
289 |
-
"type" => "textfield",
|
290 |
-
"heading" => __( 'Button Text', 'infobox' ),
|
291 |
-
"param_name" => "btn_text",
|
292 |
-
"description" => __( 'Button text name', 'infobox' ),
|
293 |
-
"dependency" => array('element' => "btn_visibility", 'value' => 'initial'),
|
294 |
-
"group" => 'Button',
|
295 |
-
),
|
296 |
-
|
297 |
-
array(
|
298 |
-
"type" => "textfield",
|
299 |
-
"heading" => __( 'Button Url', 'infobox' ),
|
300 |
-
"param_name" => "btn_url",
|
301 |
-
"description" => __( 'Write Button URL for link', 'infobox' ),
|
302 |
-
"dependency" => array('element' => "btn_visibility", 'value' => 'initial'),
|
303 |
-
"group" => 'Button',
|
304 |
-
),
|
305 |
-
|
306 |
-
array(
|
307 |
-
"type" => "colorpicker",
|
308 |
-
"heading" => __( 'Background color', 'infobox' ),
|
309 |
-
"param_name" => "btn_bg",
|
310 |
-
"description" => __( 'Set Button background color', 'infobox' ),
|
311 |
-
"dependency" => array('element' => "btn_visibility", 'value' => 'initial'),
|
312 |
-
"group" => 'Button',
|
313 |
-
),
|
314 |
),
|
315 |
) );
|
316 |
|
11 |
'info_style' => 'mega_info_box',
|
12 |
'info_opt' => 'show_image',
|
13 |
'image_id' => '',
|
14 |
+
'alt' => '',
|
15 |
'image_size' => '',
|
16 |
'image_radius' => '0px',
|
17 |
'font_icon' => '',
|
18 |
+
'icon_size' => '25',
|
19 |
'icon_color' => '',
|
20 |
+
'icon_height' => '',
|
21 |
'icon_bg' => '',
|
22 |
'icon_radius' => '0px',
|
23 |
'border_width' => '0px',
|
24 |
'border_style' => 'solid',
|
25 |
'border_clr' => '',
|
26 |
+
'shadow' => 'nones',
|
27 |
'css' => '',
|
28 |
'info_title' => '',
|
29 |
'title_size' => '',
|
30 |
'info_desc' => '',
|
31 |
+
'line_height' => '1',
|
32 |
'info_size' => '',
|
33 |
+
'desc_size' => '15',
|
34 |
'btn_visibility' => 'none',
|
35 |
'btn_text' => '',
|
36 |
+
'link' => 'none',
|
37 |
'btn_url' => '',
|
38 |
+
'btn_clr' => '',
|
39 |
), $atts ) );
|
40 |
+
$btn_url = vc_build_link($btn_url);
|
41 |
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
|
42 |
if ($image_id != '') {
|
43 |
$image_url = wp_get_attachment_url( $image_id );
|
46 |
$content = wpb_js_remove_wpautop($content, true);
|
47 |
ob_start(); ?>
|
48 |
|
49 |
+
<div class="<?php echo $info_style; ?> <?php echo $shadow; ?>">
|
50 |
+
<?php if ($link == 'link_box') { ?>
|
51 |
+
<a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" style="text-decoration: none;color: #000;">
|
52 |
+
<?php } ?>
|
53 |
+
<?php if ($link != 'link_box') { ?>
|
54 |
+
<a style="text-decoration: none;color: #000;">
|
55 |
+
<?php } ?>
|
56 |
+
<div class="mega-info-header">
|
57 |
+
<?php if ($info_opt == 'show_image') { ?>
|
58 |
+
<img class="mega-info-img" src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $image_size; ?>px; border-radius: <?php echo $image_radius; ?>;">
|
59 |
+
<?php } ?>
|
60 |
+
<?php if ($info_opt == 'show_icon') { ?>
|
61 |
+
<i class="<?php echo $font_icon; ?>" aria-hidden="true" style="border: <?php echo $border_width; ?> <?php echo $border_style; ?> <?php echo $border_clr; ?>; border-radius: <?php echo $icon_radius; ?>; background: <?php echo $icon_bg; ?>; width: <?php echo $icon_height; ?>px; height: <?php echo $icon_height; ?>px; line-height: <?php echo $icon_height-$border_width; ?>px; font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_color; ?>;"></i>
|
62 |
+
<?php } ?>
|
63 |
+
</div>
|
64 |
+
<div class="mega-info-footer">
|
65 |
+
<h3 class="mega-info-title" style="font-size: <?php echo $title_size; ?>px; line-height: <?php echo $line_height; ?>;">
|
66 |
+
<?php echo $info_title; ?>
|
67 |
+
</h3>
|
68 |
+
<div class="mega-info-desc" style="">
|
69 |
+
<?php echo $content; ?>
|
70 |
+
</div>
|
71 |
+
<?php if ($link == 'link_btn') { ?>
|
72 |
+
<a class="mega-info-btn" href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" style="color: <?php echo $btn_clr; ?>">
|
73 |
+
<?php echo $btn_text; ?>
|
74 |
+
</a>
|
75 |
+
<?php } ?>
|
76 |
+
</div>
|
77 |
+
<div class="clearfix"></div>
|
78 |
+
</a>
|
79 |
</div>
|
80 |
|
81 |
<?php
|
95 |
"type" => "dropdown",
|
96 |
"heading" => __( 'Select Style', 'infobox' ),
|
97 |
"param_name" => "info_style",
|
98 |
+
"description" => __( 'Choose info style <a href="http://addons.topdigitaltrends.net/info-box/">See Demo</a>', 'infobox' ),
|
99 |
"group" => 'General',
|
100 |
"value" => array(
|
101 |
'Vertical' => 'mega_info_box',
|
120 |
"description" => __( 'Select the image', 'infobox' ),
|
121 |
"group" => 'General',
|
122 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
123 |
+
),
|
124 |
+
array(
|
125 |
+
"type" => "textfield",
|
126 |
+
"heading" => __( 'Image Alt', 'info-banner-vc' ),
|
127 |
+
"param_name" => "alt",
|
128 |
+
"description" => __( 'It will use as image alt attribute', 'info-banner-vc' ),
|
129 |
+
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
130 |
+
"group" => 'General',
|
131 |
),
|
132 |
array(
|
133 |
+
"type" => "vc_number",
|
134 |
"heading" => __( 'Width', 'infobox' ),
|
135 |
"param_name" => "image_size",
|
136 |
+
"description" => __( 'Set the width in pixel e.g 80', 'infobox' ),
|
137 |
"group" => 'General',
|
138 |
+
"suffix" => 'px',
|
139 |
"dependency" => array('element' => "info_opt", 'value' => 'show_image'),
|
140 |
),
|
141 |
array(
|
164 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
165 |
),
|
166 |
array(
|
167 |
+
"type" => "vc_number",
|
168 |
"heading" => __( 'Font size', 'infobox' ),
|
169 |
"param_name" => "icon_size",
|
170 |
+
"description" => __( 'Set icon font size in pixel e.g 30', 'infobox' ),
|
171 |
"group" => 'General',
|
172 |
+
"value" => "25",
|
173 |
+
"suffix" => 'px',
|
174 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
175 |
),
|
176 |
array(
|
177 |
+
"type" => "vc_number",
|
178 |
"heading" => __( 'Font Height/Width', 'infobox' ),
|
179 |
"param_name" => "icon_height",
|
180 |
"description" => __( 'height & width for icon, set in pixel', 'infobox' ),
|
181 |
"group" => 'General',
|
182 |
+
"value" => "",
|
183 |
+
"suffix" => 'px',
|
184 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
185 |
),
|
186 |
array(
|
198 |
"group" => 'General',
|
199 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
200 |
),
|
201 |
+
|
202 |
+
array(
|
203 |
+
"type" => "dropdown",
|
204 |
+
"heading" => __( 'Link To', 'infobox' ),
|
205 |
+
"param_name" => "link",
|
206 |
+
"group" => 'General',
|
207 |
+
"value" => array(
|
208 |
+
"None" => "none",
|
209 |
+
"Complete Box" => "link_box",
|
210 |
+
"Read More" => "link_btn",
|
211 |
+
)
|
212 |
+
),
|
213 |
+
|
214 |
+
array(
|
215 |
+
"type" => "vc_link",
|
216 |
+
"heading" => __( 'Url Link', 'infobox' ),
|
217 |
+
"param_name" => "btn_url",
|
218 |
+
"dependency" => array('element' => "link", 'value' => array('link_box', 'link_btn')),
|
219 |
+
"group" => 'General',
|
220 |
+
),
|
221 |
+
|
222 |
+
array(
|
223 |
+
"type" => "textfield",
|
224 |
+
"heading" => __( 'Button Text', 'infobox' ),
|
225 |
+
"param_name" => "btn_text",
|
226 |
+
"description" => __( 'Button text name', 'infobox' ),
|
227 |
+
"dependency" => array('element' => "link", 'value' => 'link_btn'),
|
228 |
+
"group" => 'General',
|
229 |
+
),
|
230 |
+
|
231 |
+
array(
|
232 |
+
"type" => "colorpicker",
|
233 |
+
"heading" => __( 'Button Text color', 'infobox' ),
|
234 |
+
"param_name" => "btn_clr",
|
235 |
+
"description" => __( 'Set Button background color', 'infobox' ),
|
236 |
+
"dependency" => array('element' => "link", 'value' => 'link_btn'),
|
237 |
+
"group" => 'General',
|
238 |
+
),
|
239 |
+
|
240 |
+
array(
|
241 |
+
"type" => "vc_links",
|
242 |
+
"param_name" => "caption_url",
|
243 |
+
"class" => "ult_param_heading",
|
244 |
+
"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' ),
|
245 |
+
"group" => 'General',
|
246 |
+
),
|
247 |
array(
|
248 |
"type" => "dropdown",
|
249 |
"heading" => __( 'Border Radius', 'infobox' ),
|
304 |
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
305 |
),
|
306 |
|
307 |
+
array(
|
308 |
+
"type" => "dropdown",
|
309 |
+
"heading" => __( 'Box Shadow', 'infobox' ),
|
310 |
+
"param_name" => "shadow",
|
311 |
+
"group" => 'Border',
|
312 |
+
"dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
|
313 |
+
"value" => array(
|
314 |
+
"None" => "nones",
|
315 |
+
"Box Shadow" => "vc_info_box_shadow", )
|
316 |
+
),
|
317 |
+
|
318 |
/* Detail */
|
319 |
|
320 |
array(
|
321 |
+
"type" => "vc_number",
|
322 |
"heading" => __( 'Line Height', 'infobox' ),
|
323 |
"param_name" => "line_height",
|
324 |
"description" => __( 'Set line height for text', 'infobox' ),
|
325 |
+
"value" => "1",
|
326 |
"group" => 'Detail',
|
327 |
),
|
328 |
array(
|
333 |
"group" => 'Detail',
|
334 |
),
|
335 |
array(
|
336 |
+
"type" => "vc_number",
|
337 |
"heading" => __( 'Title font size', 'infobox' ),
|
338 |
"param_name" => "title_size",
|
339 |
+
"description" => __( 'Set font size for title e.g 16', 'infobox' ),
|
340 |
+
"suffix" => 'px',
|
341 |
"group" => 'Detail',
|
342 |
),
|
343 |
array(
|
344 |
+
"type" => "textarea_html",
|
345 |
+
"heading" => __( 'Description', 'infobox' ),
|
346 |
+
'holder' => 'div',
|
347 |
+
"param_name" => "content",
|
348 |
+
"value" => "<p>write description of Info box.</p>",
|
349 |
+
"group" => 'Detail',
|
|
|
|
|
|
|
|
|
|
|
|
|
350 |
),
|
351 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
352 |
),
|
353 |
) );
|
354 |
|
render/interectivebanner.php
CHANGED
@@ -10,45 +10,78 @@ class WPBakeryShortCode_interective_banner extends WPBakeryShortCode {
|
|
10 |
extract( shortcode_atts( array(
|
11 |
'effects' => 'effect-lily',
|
12 |
'image_id' => '',
|
|
|
13 |
'height' => '',
|
14 |
'url' => '',
|
15 |
-
'
|
16 |
-
'
|
17 |
-
'titlesize' => '18px',
|
18 |
'desc' => '',
|
19 |
-
'descsize' => '
|
20 |
'clr' => '#fff',
|
21 |
'bgclr' => '',
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
22 |
), $atts ) );
|
|
|
23 |
if ($image_id != '') {
|
24 |
$image_url = wp_get_attachment_url( $image_id );
|
25 |
}
|
26 |
-
$
|
27 |
wp_enqueue_style( 'int-banner-css', plugins_url( '../css/int_banner.css' , __FILE__ ));
|
|
|
28 |
ob_start(); ?>
|
29 |
<!-- HTML DESIGN HERE -->
|
30 |
-
<div class="grid vc-interactive-banner">
|
31 |
<figure class="<?php echo $effects; ?>" style="background: <?php echo $bgclr; ?>; width: 100%;">
|
32 |
-
<img src="<?php echo $image_url; ?>" style="height: <?php echo $height;
|
33 |
<figcaption>
|
34 |
<div>
|
35 |
-
<h2 style="font-size: <?php echo $titlesize;
|
36 |
<?php echo $title; ?>
|
37 |
</h2>
|
38 |
-
<p style="font-size: <?php echo $descsize;
|
39 |
<?php echo $desc; ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
40 |
</p>
|
41 |
</div>
|
42 |
<?php if (isset($url) && $url != '') { ?>
|
43 |
-
<a href="<?php echo $url; ?>" target="<?php echo $
|
44 |
<?php } ?>
|
45 |
-
<?php if (isset($url) && $url == NULL) { ?>
|
46 |
-
<a>
|
47 |
-
<?php } ?>
|
48 |
-
</a>
|
49 |
</figcaption>
|
50 |
</figure>
|
51 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
52 |
<!-- HTML END DESIGN HERE -->
|
53 |
<?php
|
54 |
return ob_get_clean();
|
@@ -67,7 +100,7 @@ vc_map( array(
|
|
67 |
"type" => "dropdown",
|
68 |
"heading" => __( 'Effects', 'int_banner' ),
|
69 |
"param_name" => "effects",
|
70 |
-
"description" =>
|
71 |
"group" => 'Image',
|
72 |
"value" => array(
|
73 |
'LILY' => 'effect-lily',
|
@@ -100,41 +133,55 @@ vc_map( array(
|
|
100 |
),
|
101 |
array(
|
102 |
"type" => "textfield",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
103 |
"heading" => __( 'Image Height', 'int_banner' ),
|
104 |
"param_name" => "height",
|
105 |
-
"description" => __( 'set custom height in pixel eg,
|
|
|
106 |
"group" => "Image",
|
107 |
),
|
108 |
array(
|
109 |
-
"type" => "
|
110 |
"heading" => __( 'Url', 'int_banner' ),
|
111 |
"param_name" => "url",
|
112 |
"description" => __( 'write url for moving to specific link', 'int_banner' ),
|
113 |
-
"value" => "
|
114 |
"group" => "Image",
|
115 |
),
|
116 |
array(
|
117 |
"type" => "textfield",
|
118 |
-
"heading" => __( '
|
119 |
-
"param_name" => "
|
120 |
-
"description" => __( '
|
121 |
-
"value" => "",
|
122 |
"group" => "Image",
|
123 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
124 |
array(
|
125 |
"type" => "textfield",
|
126 |
"heading" => __( 'Heading', 'int_banner' ),
|
127 |
"param_name" => "title",
|
128 |
"description" => __( 'write title', 'int_banner' ),
|
129 |
-
"value" => "Heading",
|
130 |
"group" => "Title",
|
131 |
),
|
132 |
array(
|
133 |
-
"type" => "
|
134 |
"heading" => __( 'Heading Font Size', 'int_banner' ),
|
135 |
"param_name" => "titlesize",
|
136 |
-
"description" => __( 'set in pixel e.g
|
137 |
-
"value" => "
|
|
|
138 |
"group" => "Title",
|
139 |
),
|
140 |
array(
|
@@ -142,15 +189,16 @@ vc_map( array(
|
|
142 |
"heading" => __( 'Description', 'int_banner' ),
|
143 |
"param_name" => "desc",
|
144 |
"description" => __( 'write description', 'int_banner' ),
|
145 |
-
"
|
146 |
"group" => "Title",
|
147 |
),
|
148 |
array(
|
149 |
-
"type" => "
|
150 |
-
"heading" => __( 'Description Font Size', 'int_banner' ),
|
151 |
"param_name" => "descsize",
|
152 |
-
"description" => __( 'set in pixel e.g
|
153 |
-
"value" => "
|
|
|
154 |
"group" => "Title",
|
155 |
),
|
156 |
array(
|
@@ -159,13 +207,97 @@ vc_map( array(
|
|
159 |
"param_name" => "clr",
|
160 |
"description" => __( 'text color', 'int_banner' ),
|
161 |
"value" => "#fff",
|
162 |
-
"group" => "
|
163 |
),
|
164 |
array(
|
165 |
"type" => "colorpicker",
|
166 |
"heading" => __( 'Background Color', 'int_banner' ),
|
167 |
"param_name" => "bgclr",
|
168 |
-
"group" => "
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
169 |
),
|
170 |
),
|
171 |
) );
|
10 |
extract( shortcode_atts( array(
|
11 |
'effects' => 'effect-lily',
|
12 |
'image_id' => '',
|
13 |
+
'alt' => '',
|
14 |
'height' => '',
|
15 |
'url' => '',
|
16 |
+
'title' => '',
|
17 |
+
'titlesize' => '18',
|
|
|
18 |
'desc' => '',
|
19 |
+
'descsize' => '15',
|
20 |
'clr' => '#fff',
|
21 |
'bgclr' => '',
|
22 |
+
'icon_bg' => '#fff',
|
23 |
+
'icon' => '',
|
24 |
+
'icon_url' => '',
|
25 |
+
'icon2' => '',
|
26 |
+
'icon_url2' => '',
|
27 |
+
'icon3' => '',
|
28 |
+
'icon_url3' => '',
|
29 |
+
'titlesizembl' => '',
|
30 |
+
'descsizmbl' => '',
|
31 |
+
'imgsizmbl' => '',
|
32 |
+
'class' => '',
|
33 |
), $atts ) );
|
34 |
+
$url = vc_build_link($url);
|
35 |
if ($image_id != '') {
|
36 |
$image_url = wp_get_attachment_url( $image_id );
|
37 |
}
|
38 |
+
$some_id = rand(5, 500);
|
39 |
wp_enqueue_style( 'int-banner-css', plugins_url( '../css/int_banner.css' , __FILE__ ));
|
40 |
+
$content = wpb_js_remove_wpautop($content, true);
|
41 |
ob_start(); ?>
|
42 |
<!-- HTML DESIGN HERE -->
|
43 |
+
<div class="grid vc-interactive-banner <?php echo $class; ?>" id="vc-interactive-banner-<?php echo $some_id; ?>">
|
44 |
<figure class="<?php echo $effects; ?>" style="background: <?php echo $bgclr; ?>; width: 100%;">
|
45 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="height: <?php echo $height; ?>px; width: 100%;" />
|
46 |
<figcaption>
|
47 |
<div>
|
48 |
+
<h2 style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $clr; ?>; font-weight: 500;">
|
49 |
<?php echo $title; ?>
|
50 |
</h2>
|
51 |
+
<p style="font-size: <?php echo $descsize; ?>px; color: <?php echo $clr; ?>;">
|
52 |
<?php echo $desc; ?>
|
53 |
+
|
54 |
+
<?php if (!empty($icon)) { ?>
|
55 |
+
<a href="<?php echo $icon_url; ?>" style="font-size: <?php echo $descsize; ?>px; color: <?php echo $clr; ?>;"><i class="fa <?php echo $icon; ?>"></i></a>
|
56 |
+
<?php } ?>
|
57 |
+
<?php if (!empty($icon2)) { ?>
|
58 |
+
<a href="<?php echo $icon_url2; ?>" style="font-size: <?php echo $descsize; ?>px; color: <?php echo $clr; ?>;"><i class="fa <?php echo $icon2; ?>"></i></a>
|
59 |
+
<?php } ?>
|
60 |
+
<?php if (!empty($icon3)) { ?>
|
61 |
+
<a href="<?php echo $icon_url3; ?>" style="font-size: <?php echo $descsize; ?>px; color: <?php echo $clr; ?>;"><i class="fa <?php echo $icon3; ?>"></i></a>
|
62 |
+
<?php } ?>
|
63 |
+
|
64 |
</p>
|
65 |
</div>
|
66 |
<?php if (isset($url) && $url != '') { ?>
|
67 |
+
<a href="<?php echo esc_url($url['url']); ?>" target="<?php echo $url['target']; ?>" title="<?php echo esc_html($url['title']); ?>"></a>
|
68 |
<?php } ?>
|
|
|
|
|
|
|
|
|
69 |
</figcaption>
|
70 |
</figure>
|
71 |
</div>
|
72 |
+
<style>
|
73 |
+
@media only screen and (max-width: 480px) {
|
74 |
+
#vc-interactive-banner-<?php echo $some_id; ?> h2 {
|
75 |
+
font-size: <?php echo $titlesizembl; ?>px !important;
|
76 |
+
}
|
77 |
+
#vc-interactive-banner-<?php echo $some_id; ?> p {
|
78 |
+
font-size: <?php echo $descsizmbl; ?>px !important;
|
79 |
+
}
|
80 |
+
#vc-interactive-banner-<?php echo $some_id; ?> img {
|
81 |
+
height: <?php echo $imgsizmbl; ?>px !important;
|
82 |
+
}
|
83 |
+
}
|
84 |
+
</style>
|
85 |
<!-- HTML END DESIGN HERE -->
|
86 |
<?php
|
87 |
return ob_get_clean();
|
100 |
"type" => "dropdown",
|
101 |
"heading" => __( 'Effects', 'int_banner' ),
|
102 |
"param_name" => "effects",
|
103 |
+
"description" => __( '<a href="http://addons.topdigitaltrends.net/interactive-banner/" target="_blank">See Demo</a> 10 More Effects in <a href="https://codecanyon.net/item/mega-addons-for-wpbakery-page-builder-formerly-visual-composer/21480176?ref=nasir179125" target="_blank">Pro Version</a>', 'int_banner' ),
|
104 |
"group" => 'Image',
|
105 |
"value" => array(
|
106 |
'LILY' => 'effect-lily',
|
133 |
),
|
134 |
array(
|
135 |
"type" => "textfield",
|
136 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
137 |
+
"param_name" => "alt",
|
138 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
139 |
+
"group" => 'Image',
|
140 |
+
),
|
141 |
+
array(
|
142 |
+
"type" => "vc_number",
|
143 |
"heading" => __( 'Image Height', 'int_banner' ),
|
144 |
"param_name" => "height",
|
145 |
+
"description" => __( 'set custom height in pixel eg, 230 or leave blank', 'int_banner' ),
|
146 |
+
"suffix" => 'px',
|
147 |
"group" => "Image",
|
148 |
),
|
149 |
array(
|
150 |
+
"type" => "vc_link",
|
151 |
"heading" => __( 'Url', 'int_banner' ),
|
152 |
"param_name" => "url",
|
153 |
"description" => __( 'write url for moving to specific link', 'int_banner' ),
|
154 |
+
"value" => "#0",
|
155 |
"group" => "Image",
|
156 |
),
|
157 |
array(
|
158 |
"type" => "textfield",
|
159 |
+
"heading" => __( 'Extra Class', 'int_banner' ),
|
160 |
+
"param_name" => "class",
|
161 |
+
"description" => __( 'Add extra class name that will be applied to the icon process, and you can use this class for your customizations.', 'int_banner' ),
|
|
|
162 |
"group" => "Image",
|
163 |
),
|
164 |
+
array(
|
165 |
+
"type" => "vc_links",
|
166 |
+
"param_name" => "caption_url",
|
167 |
+
"class" => "ult_param_heading",
|
168 |
+
"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' ),
|
169 |
+
"group" => 'Image',
|
170 |
+
),
|
171 |
array(
|
172 |
"type" => "textfield",
|
173 |
"heading" => __( 'Heading', 'int_banner' ),
|
174 |
"param_name" => "title",
|
175 |
"description" => __( 'write title', 'int_banner' ),
|
|
|
176 |
"group" => "Title",
|
177 |
),
|
178 |
array(
|
179 |
+
"type" => "vc_number",
|
180 |
"heading" => __( 'Heading Font Size', 'int_banner' ),
|
181 |
"param_name" => "titlesize",
|
182 |
+
"description" => __( 'set in pixel e.g 18', 'int_banner' ),
|
183 |
+
"value" => "18",
|
184 |
+
"suffix" => 'px',
|
185 |
"group" => "Title",
|
186 |
),
|
187 |
array(
|
189 |
"heading" => __( 'Description', 'int_banner' ),
|
190 |
"param_name" => "desc",
|
191 |
"description" => __( 'write description', 'int_banner' ),
|
192 |
+
"dependency" => array('element' => "effects", 'value' => array('effect-steve', 'effect-selena', 'effect-lily', 'effect-sadie', 'effect-honey', 'effect-layla', 'effect-zoe', 'effect-oscar', 'effect-marley', 'effect-ruby', 'effect-roxy', 'effect-bubba', 'effect-romeo', 'effect-dexter', 'effect-sarah', 'effect-chico', 'effect-milo', 'effect-goliath', 'effect-apollo', 'effect-moses', 'effect-jazz', 'effect-ming', 'effect-lexi', 'effect-duke', 'effect-julia',)),
|
193 |
"group" => "Title",
|
194 |
),
|
195 |
array(
|
196 |
+
"type" => "vc_number",
|
197 |
+
"heading" => __( 'Description/Icon Font Size', 'int_banner' ),
|
198 |
"param_name" => "descsize",
|
199 |
+
"description" => __( 'set in pixel e.g 15', 'int_banner' ),
|
200 |
+
"value" => "15",
|
201 |
+
"suffix" => 'px',
|
202 |
"group" => "Title",
|
203 |
),
|
204 |
array(
|
207 |
"param_name" => "clr",
|
208 |
"description" => __( 'text color', 'int_banner' ),
|
209 |
"value" => "#fff",
|
210 |
+
"group" => "Title",
|
211 |
),
|
212 |
array(
|
213 |
"type" => "colorpicker",
|
214 |
"heading" => __( 'Background Color', 'int_banner' ),
|
215 |
"param_name" => "bgclr",
|
216 |
+
"group" => "Title",
|
217 |
+
),
|
218 |
+
|
219 |
+
/* Icon Category
|
220 |
+
============================= */
|
221 |
+
|
222 |
+
array(
|
223 |
+
"type" => "iconpicker",
|
224 |
+
"heading" => __( 'First Icon', 'int_banner' ),
|
225 |
+
"param_name" => "icon",
|
226 |
+
"dependency" => array('element' => "effects", 'value' => array('effect-hera', 'effect-winston', 'effect-terry', 'effect-phoebe', 'effect-kira',)),
|
227 |
+
"description" => __( 'choose Icon or leave blank', 'int_banner' ),
|
228 |
+
"group" => "Icons",
|
229 |
+
),
|
230 |
+
array(
|
231 |
+
"type" => "textfield",
|
232 |
+
"heading" => __( 'First Icon URL', 'int_banner' ),
|
233 |
+
"param_name" => "icon_url",
|
234 |
+
"dependency" => array('element' => "effects", 'value' => array('effect-hera', 'effect-winston', 'effect-terry', 'effect-phoebe', 'effect-kira',)),
|
235 |
+
"description" => __( 'write first Icon URL eg, www.google.com', 'int_banner' ),
|
236 |
+
"group" => "Icons",
|
237 |
+
),
|
238 |
+
|
239 |
+
array(
|
240 |
+
"type" => "iconpicker",
|
241 |
+
"heading" => __( 'Second Icon', 'int_banner' ),
|
242 |
+
"param_name" => "icon2",
|
243 |
+
"dependency" => array('element' => "effects", 'value' => array('effect-hera', 'effect-winston', 'effect-terry', 'effect-phoebe', 'effect-kira',)),
|
244 |
+
"description" => __( 'choose Icon or leave blank', 'int_banner' ),
|
245 |
+
"group" => "Icons",
|
246 |
+
),
|
247 |
+
array(
|
248 |
+
"type" => "textfield",
|
249 |
+
"heading" => __( 'Second Icon URL', 'int_banner' ),
|
250 |
+
"param_name" => "icon_url2",
|
251 |
+
"dependency" => array('element' => "effects", 'value' => array('effect-hera', 'effect-winston', 'effect-terry', 'effect-phoebe', 'effect-kira',)),
|
252 |
+
"description" => __( 'write second Icon URL eg, www.google.com', 'int_banner' ),
|
253 |
+
"group" => "Icons",
|
254 |
+
),
|
255 |
+
|
256 |
+
array(
|
257 |
+
"type" => "iconpicker",
|
258 |
+
"heading" => __( 'Third Icon', 'int_banner' ),
|
259 |
+
"param_name" => "icon3",
|
260 |
+
"dependency" => array('element' => "effects", 'value' => array('effect-hera', 'effect-winston', 'effect-terry', 'effect-phoebe', 'effect-kira',)),
|
261 |
+
"description" => __( 'choose Icon or leave blank', 'int_banner' ),
|
262 |
+
"group" => "Icons",
|
263 |
+
),
|
264 |
+
array(
|
265 |
+
"type" => "textfield",
|
266 |
+
"heading" => __( 'Third Icon URL', 'int_banner' ),
|
267 |
+
"param_name" => "icon_url3",
|
268 |
+
"dependency" => array('element' => "effects", 'value' => array('effect-hera', 'effect-winston', 'effect-terry', 'effect-phoebe', 'effect-kira',)),
|
269 |
+
"description" => __( 'write third Icon URL eg, www.google.com', 'int_banner' ),
|
270 |
+
"group" => "Icons",
|
271 |
+
),
|
272 |
+
|
273 |
+
/* Typography
|
274 |
+
================================================ */
|
275 |
+
|
276 |
+
array(
|
277 |
+
"type" => "vc_number",
|
278 |
+
"heading" => __( 'Heading Font Size (For Mobile)', 'int_banner' ),
|
279 |
+
"param_name" => "titlesizembl",
|
280 |
+
"description" => __( 'set in pixel e.g 16', 'int_banner' ),
|
281 |
+
"value" => "16",
|
282 |
+
"suffix" => 'px',
|
283 |
+
"group" => "Typography",
|
284 |
+
),
|
285 |
+
array(
|
286 |
+
"type" => "vc_number",
|
287 |
+
"heading" => __( 'Description/Icon Font Size (For Mobile)', 'int_banner' ),
|
288 |
+
"param_name" => "descsizmbl",
|
289 |
+
"description" => __( 'set in pixel e.g 15', 'int_banner' ),
|
290 |
+
"value" => "15",
|
291 |
+
"suffix" => 'px',
|
292 |
+
"group" => "Typography",
|
293 |
+
),
|
294 |
+
array(
|
295 |
+
"type" => "vc_number",
|
296 |
+
"heading" => __( 'Image Height (For Mobile)', 'int_banner' ),
|
297 |
+
"param_name" => "imgsizmbl",
|
298 |
+
"description" => __( 'set custom height in pixel eg, 200 or leave blank', 'int_banner' ),
|
299 |
+
"suffix" => 'px',
|
300 |
+
"group" => "Typography",
|
301 |
),
|
302 |
),
|
303 |
) );
|
render/memberprofile.php
DELETED
@@ -1,331 +0,0 @@
|
|
1 |
-
<?php if ($member_visibility == 'grow') { ?>
|
2 |
-
<div class="mega_team_case">
|
3 |
-
<div class="mega_team_wrap">
|
4 |
-
<div class="member-image">
|
5 |
-
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
6 |
-
</div>
|
7 |
-
<div class="member-name">
|
8 |
-
<?php echo $memb_name; ?>
|
9 |
-
<span style="background-color: <?php echo $member_clr; ?>;"><?php echo $memb_prof; ?></span>
|
10 |
-
</div>
|
11 |
-
</div>
|
12 |
-
<div class="member-desc">
|
13 |
-
<?php echo $memb_about; ?>
|
14 |
-
</div>
|
15 |
-
<div class="member-info" style="font-size: <?php echo $info_size; ?>; color: <?php echo $info_clr; ?>">
|
16 |
-
<?php if (!empty($memb_email)) { ?>
|
17 |
-
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
18 |
-
<?php } ?>
|
19 |
-
<?php if (!empty($memb_url)) { ?>
|
20 |
-
<p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
|
21 |
-
<?php } ?>
|
22 |
-
<?php if (!empty($memb_addr)) { ?>
|
23 |
-
<p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
|
24 |
-
<?php } ?>
|
25 |
-
<?php if (!empty($memb_numb)) { ?>
|
26 |
-
<p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
|
27 |
-
<?php } ?>
|
28 |
-
</div>
|
29 |
-
<div class="member-skills">
|
30 |
-
<?php if (!empty($memb_skill)) { ?>
|
31 |
-
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
32 |
-
<div class="skill-prog">
|
33 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>; background-color: <?php echo $member_clr; ?>;">
|
34 |
-
</div>
|
35 |
-
</div>
|
36 |
-
<?php } ?>
|
37 |
-
|
38 |
-
<?php if (!empty($memb_skill2)) { ?>
|
39 |
-
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
40 |
-
<div class="skill-prog">
|
41 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>; background-color: <?php echo $member_clr; ?>;">
|
42 |
-
</div>
|
43 |
-
</div>
|
44 |
-
<?php } ?>
|
45 |
-
|
46 |
-
<?php if (!empty($memb_skill3)) { ?>
|
47 |
-
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
48 |
-
<div class="skill-prog">
|
49 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>; background-color: <?php echo $member_clr; ?>;">
|
50 |
-
</div>
|
51 |
-
</div>
|
52 |
-
<?php } ?>
|
53 |
-
|
54 |
-
<?php if (!empty($memb_skill4)) { ?>
|
55 |
-
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
56 |
-
<div class="skill-prog">
|
57 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>; background-color: <?php echo $member_clr; ?>;">
|
58 |
-
</div>
|
59 |
-
</div>
|
60 |
-
<?php } ?>
|
61 |
-
|
62 |
-
<?php if (!empty($memb_skill5)) { ?>
|
63 |
-
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
64 |
-
<div class="skill-prog">
|
65 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>; background-color: <?php echo $member_clr; ?>;">
|
66 |
-
</div>
|
67 |
-
</div>
|
68 |
-
<?php } ?>
|
69 |
-
</div>
|
70 |
-
<div class="member-social">
|
71 |
-
<a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
|
72 |
-
<i class="<?php echo $social_icon; ?>"></i>
|
73 |
-
</a>
|
74 |
-
<a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
|
75 |
-
<i class="<?php echo $social_icon2; ?>"></i>
|
76 |
-
</a>
|
77 |
-
<a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
|
78 |
-
<i class="<?php echo $social_icon3; ?>"></i>
|
79 |
-
</a>
|
80 |
-
<a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
|
81 |
-
<i class="<?php echo $social_icon4; ?>"></i>
|
82 |
-
</a>
|
83 |
-
<a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
|
84 |
-
<i class="<?php echo $social_icon5; ?>"></i>
|
85 |
-
</a>
|
86 |
-
<?php if (!empty($social_icon6)) { ?>
|
87 |
-
<a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
|
88 |
-
<i class="<?php echo $social_icon6; ?>"></i>
|
89 |
-
</a>
|
90 |
-
<?php } ?>
|
91 |
-
</div>
|
92 |
-
</div>
|
93 |
-
<?php } ?>
|
94 |
-
|
95 |
-
<!-- /**** Float Style****/ -->
|
96 |
-
|
97 |
-
<?php if ($member_visibility == 'float') { ?>
|
98 |
-
<div class="mega_team_case_2">
|
99 |
-
<div class="mega_team_head">
|
100 |
-
<div class="mega_team_wrap">
|
101 |
-
<div class="member-image">
|
102 |
-
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
103 |
-
</div>
|
104 |
-
<div class="member-name">
|
105 |
-
<?php echo $memb_name; ?>
|
106 |
-
<span style="background-color: <?php echo $member_clr; ?>;"><?php echo $memb_prof; ?></span>
|
107 |
-
</div>
|
108 |
-
</div>
|
109 |
-
</div>
|
110 |
-
<div class="mega_team_footer">
|
111 |
-
<div class="member-skills">
|
112 |
-
<?php if (!empty($memb_skill)) { ?>
|
113 |
-
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
114 |
-
<div class="skill-prog">
|
115 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>; background-color: <?php echo $member_clr; ?>;">
|
116 |
-
</div>
|
117 |
-
</div>
|
118 |
-
<?php } ?>
|
119 |
-
|
120 |
-
<?php if (!empty($memb_skill2)) { ?>
|
121 |
-
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
122 |
-
<div class="skill-prog">
|
123 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>; background-color: <?php echo $member_clr; ?>;">
|
124 |
-
</div>
|
125 |
-
</div>
|
126 |
-
<?php } ?>
|
127 |
-
|
128 |
-
<?php if (!empty($memb_skill3)) { ?>
|
129 |
-
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
130 |
-
<div class="skill-prog">
|
131 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>; background-color: <?php echo $member_clr; ?>;">
|
132 |
-
</div>
|
133 |
-
</div>
|
134 |
-
<?php } ?>
|
135 |
-
|
136 |
-
<?php if (!empty($memb_skill4)) { ?>
|
137 |
-
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
138 |
-
<div class="skill-prog">
|
139 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>; background-color: <?php echo $member_clr; ?>;">
|
140 |
-
</div>
|
141 |
-
</div>
|
142 |
-
<?php } ?>
|
143 |
-
|
144 |
-
<?php if (!empty($memb_skill5)) { ?>
|
145 |
-
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
146 |
-
<div class="skill-prog">
|
147 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>; background-color: <?php echo $member_clr; ?>;">
|
148 |
-
</div>
|
149 |
-
</div>
|
150 |
-
<?php } ?>
|
151 |
-
</div>
|
152 |
-
<div class="member-info" style="font-size: <?php echo $info_size; ?>; color: <?php echo $info_clr; ?>">
|
153 |
-
<?php if (!empty($memb_email)) { ?>
|
154 |
-
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
155 |
-
<?php } ?>
|
156 |
-
<?php if (!empty($memb_url)) { ?>
|
157 |
-
<p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
|
158 |
-
<?php } ?>
|
159 |
-
<?php if (!empty($memb_addr)) { ?>
|
160 |
-
<p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
|
161 |
-
<?php } ?>
|
162 |
-
<?php if (!empty($memb_numb)) { ?>
|
163 |
-
<p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
|
164 |
-
<?php } ?>
|
165 |
-
</div>
|
166 |
-
<div class="member-social">
|
167 |
-
<a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
|
168 |
-
<i class="<?php echo $social_icon; ?>"></i>
|
169 |
-
</a>
|
170 |
-
<a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
|
171 |
-
<i class="<?php echo $social_icon2; ?>"></i>
|
172 |
-
</a>
|
173 |
-
<a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
|
174 |
-
<i class="<?php echo $social_icon3; ?>"></i>
|
175 |
-
</a>
|
176 |
-
<a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
|
177 |
-
<i class="<?php echo $social_icon4; ?>"></i>
|
178 |
-
</a>
|
179 |
-
<a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
|
180 |
-
<i class="<?php echo $social_icon5; ?>"></i>
|
181 |
-
</a>
|
182 |
-
<?php if (!empty($social_icon6)) { ?>
|
183 |
-
<a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
|
184 |
-
<i class="<?php echo $social_icon6; ?>"></i>
|
185 |
-
</a>
|
186 |
-
<?php } ?>
|
187 |
-
</div>
|
188 |
-
</div>
|
189 |
-
<div class="clearfix"></div>
|
190 |
-
<div class="member-desc">
|
191 |
-
<?php echo $memb_about; ?>
|
192 |
-
</div>
|
193 |
-
</div>
|
194 |
-
<?php } ?>
|
195 |
-
|
196 |
-
<!-- Outset Style -->
|
197 |
-
|
198 |
-
<?php if ($member_visibility == 'outset') { ?>
|
199 |
-
<div class="mega_team_case_3">
|
200 |
-
<div class="mega_team_wrap">
|
201 |
-
<div class="member-image">
|
202 |
-
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
203 |
-
</div>
|
204 |
-
<div class="member-name">
|
205 |
-
<?php echo $memb_name; ?>
|
206 |
-
<span><?php echo $memb_prof; ?></span>
|
207 |
-
</div>
|
208 |
-
</div>
|
209 |
-
<div class="member-desc">
|
210 |
-
<?php echo $memb_about; ?>
|
211 |
-
</div>
|
212 |
-
<div class="member-info" style="font-size: <?php echo $info_size; ?>; color: <?php echo $info_clr; ?>">
|
213 |
-
<?php if (!empty($memb_email)) { ?>
|
214 |
-
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
215 |
-
<?php } ?>
|
216 |
-
<?php if (!empty($memb_url)) { ?>
|
217 |
-
<p><i class="fa fa-globe" aria-hidden="true"></i> <?php echo $memb_url; ?></p>
|
218 |
-
<?php } ?>
|
219 |
-
<?php if (!empty($memb_addr)) { ?>
|
220 |
-
<p><i class="fa fa-map-marker" aria-hidden="true"></i> <?php echo $memb_addr; ?></p>
|
221 |
-
<?php } ?>
|
222 |
-
<?php if (!empty($memb_numb)) { ?>
|
223 |
-
<p><i class="fa fa-phone-square" aria-hidden="true"></i> <?php echo $memb_numb; ?></p>
|
224 |
-
<?php } ?>
|
225 |
-
</div>
|
226 |
-
<div class="member-skills">
|
227 |
-
<?php if (!empty($memb_skill)) { ?>
|
228 |
-
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
229 |
-
<div class="skill-prog">
|
230 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>; background-color: <?php echo $member_clr; ?>;">
|
231 |
-
</div>
|
232 |
-
</div>
|
233 |
-
<?php } ?>
|
234 |
-
|
235 |
-
<?php if (!empty($memb_skill2)) { ?>
|
236 |
-
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
237 |
-
<div class="skill-prog">
|
238 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>; background-color: <?php echo $member_clr; ?>;">
|
239 |
-
</div>
|
240 |
-
</div>
|
241 |
-
<?php } ?>
|
242 |
-
|
243 |
-
<?php if (!empty($memb_skill3)) { ?>
|
244 |
-
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
245 |
-
<div class="skill-prog">
|
246 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>; background-color: <?php echo $member_clr; ?>;">
|
247 |
-
</div>
|
248 |
-
</div>
|
249 |
-
<?php } ?>
|
250 |
-
|
251 |
-
<?php if (!empty($memb_skill4)) { ?>
|
252 |
-
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
253 |
-
<div class="skill-prog">
|
254 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>; background-color: <?php echo $member_clr; ?>;">
|
255 |
-
</div>
|
256 |
-
</div>
|
257 |
-
<?php } ?>
|
258 |
-
|
259 |
-
<?php if (!empty($memb_skill5)) { ?>
|
260 |
-
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
261 |
-
<div class="skill-prog">
|
262 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>; background-color: <?php echo $member_clr; ?>;">
|
263 |
-
</div>
|
264 |
-
</div>
|
265 |
-
<?php } ?>
|
266 |
-
</div>
|
267 |
-
<div class="member-social">
|
268 |
-
<a href="<?php echo $social_url; ?>" style="background-color: <?php echo $social_clr; ?>" target="_blank">
|
269 |
-
<i class="<?php echo $social_icon; ?>"></i>
|
270 |
-
</a>
|
271 |
-
<a href="<?php echo $social_url2; ?>" style="background-color: <?php echo $social_clr2; ?>" target="_blank">
|
272 |
-
<i class="<?php echo $social_icon2; ?>"></i>
|
273 |
-
</a>
|
274 |
-
<a href="<?php echo $social_url3; ?>" style="background-color: <?php echo $social_clr3; ?>" target="_blank">
|
275 |
-
<i class="<?php echo $social_icon3; ?>"></i>
|
276 |
-
</a>
|
277 |
-
<a href="<?php echo $social_url4; ?>" style="background-color: <?php echo $social_clr4; ?>" target="_blank">
|
278 |
-
<i class="<?php echo $social_icon4; ?>"></i>
|
279 |
-
</a>
|
280 |
-
<a href="<?php echo $social_url5; ?>" style="background-color: <?php echo $social_clr5; ?>" target="_blank">
|
281 |
-
<i class="<?php echo $social_icon5; ?>"></i>
|
282 |
-
</a>
|
283 |
-
<?php if (!empty($social_icon6)) { ?>
|
284 |
-
<a href="<?php echo $social_url6; ?>" style="background-color: <?php echo $social_clr6; ?>" target="_blank">
|
285 |
-
<i class="<?php echo $social_icon6; ?>"></i>
|
286 |
-
</a>
|
287 |
-
<?php } ?>
|
288 |
-
</div>
|
289 |
-
</div>
|
290 |
-
<?php } ?>
|
291 |
-
|
292 |
-
<!-- Smart Style -->
|
293 |
-
|
294 |
-
<?php if ($member_visibility == 'smart') { ?>
|
295 |
-
<div class="mega_team_case_4">
|
296 |
-
<div class="member-image">
|
297 |
-
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
298 |
-
</div>
|
299 |
-
<div class="mega_wrap">
|
300 |
-
<div class="member-name">
|
301 |
-
<?php echo $memb_name; ?>
|
302 |
-
<span><?php echo $memb_prof; ?></span>
|
303 |
-
</div>
|
304 |
-
<div class="member-desc">
|
305 |
-
<?php echo $memb_about; ?>
|
306 |
-
</div>
|
307 |
-
<div class="member-social">
|
308 |
-
<a href="<?php echo $social_url; ?>" target="_blank">
|
309 |
-
<i class="<?php echo $social_icon; ?>"></i>
|
310 |
-
</a>
|
311 |
-
<a href="<?php echo $social_url2; ?>" target="_blank">
|
312 |
-
<i class="<?php echo $social_icon2; ?>"></i>
|
313 |
-
</a>
|
314 |
-
<a href="<?php echo $social_url3; ?>" target="_blank">
|
315 |
-
<i class="<?php echo $social_icon3; ?>"></i>
|
316 |
-
</a>
|
317 |
-
<a href="<?php echo $social_url4; ?>" target="_blank">
|
318 |
-
<i class="<?php echo $social_icon4; ?>"></i>
|
319 |
-
</a>
|
320 |
-
<a href="<?php echo $social_url5; ?>" target="_blank">
|
321 |
-
<i class="<?php echo $social_icon5; ?>"></i>
|
322 |
-
</a>
|
323 |
-
<?php if (!empty($social_icon6)) { ?>
|
324 |
-
<a href="<?php echo $social_url6; ?>" target="_blank">
|
325 |
-
<i class="<?php echo $social_icon6; ?>"></i>
|
326 |
-
</a>
|
327 |
-
<?php } ?>
|
328 |
-
</div>
|
329 |
-
</div>
|
330 |
-
</div>
|
331 |
-
<?php } ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render/modalPopup.php
CHANGED
@@ -9,21 +9,23 @@ class WPBakeryShortCode_modal_popup_box extends WPBakeryShortCode {
|
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'animation' => 'Default',
|
12 |
-
'top' => '
|
13 |
-
'width' => '
|
14 |
'bodybg' => '#1a94ad',
|
15 |
'bgclr' => '#ececec',
|
16 |
'btntext' => '',
|
17 |
-
'btnsize' => '
|
18 |
-
'leftpadding' => '
|
19 |
-
'toppadding' => '
|
20 |
'border' => '0px solid transparent',
|
21 |
-
'btnradius' => '
|
22 |
'btnclr' => '',
|
|
|
23 |
'btnbg' => '',
|
|
|
24 |
'titlealign' => 'left',
|
25 |
'titletext' => 'Image Gallery',
|
26 |
-
'titlesize' => '
|
27 |
'titleline' => '2',
|
28 |
'titleclr' => '',
|
29 |
'titlebg' => '',
|
@@ -36,14 +38,14 @@ class WPBakeryShortCode_modal_popup_box extends WPBakeryShortCode {
|
|
36 |
ob_start(); ?>
|
37 |
<!-- HTML DESIGN HERE -->
|
38 |
<div class="modal-popup-box" data-bodybg="<?php echo $bodybg; ?>">
|
39 |
-
<button class="model-popup-btn" data-id="popup-<?php echo $some_id; ?>" style="color: <?php echo $btnclr; ?>;background: <?php echo $btnbg; ?> ; border: <?php echo $border; ?>; border-radius: <?php echo $btnradius;
|
40 |
<?php echo $btntext; ?>
|
41 |
</button>
|
42 |
|
43 |
-
<div class="mega-model-popup <?php echo $animation; ?> animated" id="popup-<?php echo $some_id; ?>" style="position:fixed;display: none; margin-top: <?php echo $top;
|
44 |
<span class="b-close"><span><img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/cross.png"></span></span>
|
45 |
<div class="model-popup-container">
|
46 |
-
<h2 style="border-bottom: 1px solid <?php echo $titleborder; ?>; text-align: <?php echo $titlealign; ?>; font-size: <?php echo $titlesize;
|
47 |
<?php echo $titletext; ?>
|
48 |
</h2>
|
49 |
<span style="padding: 15px 20px; display: block;">
|
@@ -52,6 +54,12 @@ class WPBakeryShortCode_modal_popup_box extends WPBakeryShortCode {
|
|
52 |
</div>
|
53 |
</div>
|
54 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
55 |
<!-- HTML END DESIGN HERE -->
|
56 |
<?php
|
57 |
return ob_get_clean();
|
@@ -66,19 +74,11 @@ vc_map( array(
|
|
66 |
"description" => __('Add modal box in your content', ''),
|
67 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/popup.png',
|
68 |
'params' => array(
|
69 |
-
array(
|
70 |
-
"type" => "textfield",
|
71 |
-
"heading" => __( 'Unique ID', 'modal_popup' ),
|
72 |
-
"param_name" => "id",
|
73 |
-
"description" => __( 'Id must be unique eg, 123', 'modal_popup' ),
|
74 |
-
"value" => __( "123", "modal_popup" ),
|
75 |
-
"group" => 'General',
|
76 |
-
),
|
77 |
array(
|
78 |
"type" => "dropdown",
|
79 |
"heading" => __( 'Animation Effect', 'modal_popup' ),
|
80 |
"param_name" => "animation",
|
81 |
-
"description" => __( 'animation style on visible', 'modal_popup' ),
|
82 |
"group" => 'General',
|
83 |
"value" => array(
|
84 |
"Default" => "Default",
|
@@ -119,19 +119,21 @@ vc_map( array(
|
|
119 |
)
|
120 |
),
|
121 |
array(
|
122 |
-
"type" => "
|
123 |
"heading" => __( 'Top', 'modal_popup' ),
|
124 |
"param_name" => "top",
|
125 |
"description" => __( 'set position from top in pixel', 'modal_popup' ),
|
126 |
-
"value" => __( "
|
|
|
127 |
"group" => 'General',
|
128 |
),
|
129 |
array(
|
130 |
-
"type" => "
|
131 |
"heading" => __( 'Popup Width', 'modal_popup' ),
|
132 |
"param_name" => "width",
|
133 |
"description" => __( 'set in pixel', 'modal_popup' ),
|
134 |
-
"
|
|
|
135 |
"group" => 'General',
|
136 |
),
|
137 |
array(
|
@@ -141,6 +143,13 @@ vc_map( array(
|
|
141 |
"description" => __( 'Popup body background color', 'modal_popup' ),
|
142 |
"group" => 'General',
|
143 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
144 |
array(
|
145 |
"type" => "textfield",
|
146 |
"heading" => __( 'Button Text', 'modal_popup' ),
|
@@ -149,27 +158,30 @@ vc_map( array(
|
|
149 |
"group" => 'Button Setting',
|
150 |
),
|
151 |
array(
|
152 |
-
"type" => "
|
153 |
"heading" => __( 'Font Size', 'modal_popup' ),
|
154 |
"param_name" => "btnsize",
|
155 |
"description" => __( 'font size for button in pixel', 'modal_popup' ),
|
156 |
-
"
|
|
|
157 |
"group" => 'Button Setting',
|
158 |
),
|
159 |
array(
|
160 |
-
"type" => "
|
161 |
"heading" => __( 'Padding [Left,Right]', 'modal_popup' ),
|
162 |
"param_name" => "leftpadding",
|
163 |
"description" => __( 'write in pixel for button width', 'modal_popup' ),
|
164 |
-
"
|
|
|
165 |
"group" => 'Button Setting',
|
166 |
),
|
167 |
array(
|
168 |
-
"type" => "
|
169 |
"heading" => __( 'Padding [Top,Bottom]', 'modal_popup' ),
|
170 |
"param_name" => "toppadding",
|
171 |
"description" => __( 'write in pixel for button height', 'modal_popup' ),
|
172 |
-
"
|
|
|
173 |
"group" => 'Button Setting',
|
174 |
),
|
175 |
array(
|
@@ -181,11 +193,12 @@ vc_map( array(
|
|
181 |
"group" => 'Button Setting',
|
182 |
),
|
183 |
array(
|
184 |
-
"type" => "
|
185 |
"heading" => __( 'Radius', 'modal_popup' ),
|
186 |
"param_name" => "btnradius",
|
187 |
"description" => __( 'button radius in pixel', 'modal_popup' ),
|
188 |
-
"
|
|
|
189 |
"group" => 'Button Setting',
|
190 |
),
|
191 |
array(
|
@@ -195,6 +208,13 @@ vc_map( array(
|
|
195 |
"description" => __( 'Button text color', 'modal_popup' ),
|
196 |
"group" => 'Button Setting',
|
197 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
198 |
array(
|
199 |
"type" => "colorpicker",
|
200 |
"heading" => __( 'Background Color', 'modal_popup' ),
|
@@ -202,6 +222,13 @@ vc_map( array(
|
|
202 |
"description" => __( 'Button background color', 'modal_popup' ),
|
203 |
"group" => 'Button Setting',
|
204 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
205 |
array(
|
206 |
"type" => "dropdown",
|
207 |
"heading" => __( 'Title Align', 'modal_popup' ),
|
@@ -222,18 +249,19 @@ vc_map( array(
|
|
222 |
"group" => 'Title',
|
223 |
),
|
224 |
array(
|
225 |
-
"type" => "
|
226 |
"heading" => __( 'Font Size', 'modal_popup' ),
|
227 |
"param_name" => "titlesize",
|
228 |
-
"description" => __( 'write in pixel e.g
|
229 |
-
"
|
|
|
230 |
"group" => 'Title',
|
231 |
),
|
232 |
array(
|
233 |
-
"type" => "
|
234 |
"heading" => __( 'Line Height', 'modal_popup' ),
|
235 |
"param_name" => "titleline",
|
236 |
-
"description" => __( 'it increases the title height, default 2', 'modal_popup' ),
|
237 |
"value" => __( "2", "modal_popup" ),
|
238 |
"group" => 'Title',
|
239 |
),
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'animation' => 'Default',
|
12 |
+
'top' => '60',
|
13 |
+
'width' => '600',
|
14 |
'bodybg' => '#1a94ad',
|
15 |
'bgclr' => '#ececec',
|
16 |
'btntext' => '',
|
17 |
+
'btnsize' => '18',
|
18 |
+
'leftpadding' => '20',
|
19 |
+
'toppadding' => '5',
|
20 |
'border' => '0px solid transparent',
|
21 |
+
'btnradius' => '3',
|
22 |
'btnclr' => '',
|
23 |
+
'hoverclr' => '',
|
24 |
'btnbg' => '',
|
25 |
+
'hoverbg' => '',
|
26 |
'titlealign' => 'left',
|
27 |
'titletext' => 'Image Gallery',
|
28 |
+
'titlesize' => '20',
|
29 |
'titleline' => '2',
|
30 |
'titleclr' => '',
|
31 |
'titlebg' => '',
|
38 |
ob_start(); ?>
|
39 |
<!-- HTML DESIGN HERE -->
|
40 |
<div class="modal-popup-box" data-bodybg="<?php echo $bodybg; ?>">
|
41 |
+
<button class="model-popup-btn popup-<?php echo $some_id; ?>" data-id="popup-<?php echo $some_id; ?>" style="color: <?php echo $btnclr; ?>;background: <?php echo $btnbg; ?> ; border: <?php echo $border; ?>; border-radius: <?php echo $btnradius; ?>px; font-size: <?php echo $btnsize; ?>px; padding: <?php echo $toppadding; ?>px <?php echo $leftpadding; ?>px;">
|
42 |
<?php echo $btntext; ?>
|
43 |
</button>
|
44 |
|
45 |
+
<div class="mega-model-popup <?php echo $animation; ?> animated" id="popup-<?php echo $some_id; ?>" style="position:fixed;display: none; margin-top: <?php echo $top; ?>px; width: 95%;max-width: <?php echo $width; ?>px; background: <?php echo $bgclr; ?>;">
|
46 |
<span class="b-close"><span><img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/cross.png"></span></span>
|
47 |
<div class="model-popup-container">
|
48 |
+
<h2 style="border-bottom: 1px solid <?php echo $titleborder; ?>; text-align: <?php echo $titlealign; ?>; font-size: <?php echo $titlesize; ?>px; line-height: <?php echo $titleline; ?>; color: <?php echo $titleclr; ?>; background: <?php echo $titlebg; ?>; margin: 0px; padding: 0px 20px;">
|
49 |
<?php echo $titletext; ?>
|
50 |
</h2>
|
51 |
<span style="padding: 15px 20px; display: block;">
|
54 |
</div>
|
55 |
</div>
|
56 |
</div>
|
57 |
+
<style>
|
58 |
+
.modal-popup-box .popup-<?php echo $some_id; ?>:hover {
|
59 |
+
color: <?php echo $hoverclr; ?> !important;
|
60 |
+
background: <?php echo $hoverbg; ?> !important;
|
61 |
+
}
|
62 |
+
</style>
|
63 |
<!-- HTML END DESIGN HERE -->
|
64 |
<?php
|
65 |
return ob_get_clean();
|
74 |
"description" => __('Add modal box in your content', ''),
|
75 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/popup.png',
|
76 |
'params' => array(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
77 |
array(
|
78 |
"type" => "dropdown",
|
79 |
"heading" => __( 'Animation Effect', 'modal_popup' ),
|
80 |
"param_name" => "animation",
|
81 |
+
"description" => __( 'animation style on visible <a href="https://addons.topdigitaltrends.net/modal-popup/" target="_blank">See Demo</a>', 'modal_popup' ),
|
82 |
"group" => 'General',
|
83 |
"value" => array(
|
84 |
"Default" => "Default",
|
119 |
)
|
120 |
),
|
121 |
array(
|
122 |
+
"type" => "vc_number",
|
123 |
"heading" => __( 'Top', 'modal_popup' ),
|
124 |
"param_name" => "top",
|
125 |
"description" => __( 'set position from top in pixel', 'modal_popup' ),
|
126 |
+
"value" => __( "60", "modal_popup" ),
|
127 |
+
"suffix" => 'px',
|
128 |
"group" => 'General',
|
129 |
),
|
130 |
array(
|
131 |
+
"type" => "vc_number",
|
132 |
"heading" => __( 'Popup Width', 'modal_popup' ),
|
133 |
"param_name" => "width",
|
134 |
"description" => __( 'set in pixel', 'modal_popup' ),
|
135 |
+
"suffix" => 'px',
|
136 |
+
"value" => __( "600", "modal_popup" ),
|
137 |
"group" => 'General',
|
138 |
),
|
139 |
array(
|
143 |
"description" => __( 'Popup body background color', 'modal_popup' ),
|
144 |
"group" => 'General',
|
145 |
),
|
146 |
+
array(
|
147 |
+
"type" => "vc_links",
|
148 |
+
"param_name" => "caption_url",
|
149 |
+
"class" => "ult_param_heading",
|
150 |
+
"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' ),
|
151 |
+
"group" => 'General',
|
152 |
+
),
|
153 |
array(
|
154 |
"type" => "textfield",
|
155 |
"heading" => __( 'Button Text', 'modal_popup' ),
|
158 |
"group" => 'Button Setting',
|
159 |
),
|
160 |
array(
|
161 |
+
"type" => "vc_number",
|
162 |
"heading" => __( 'Font Size', 'modal_popup' ),
|
163 |
"param_name" => "btnsize",
|
164 |
"description" => __( 'font size for button in pixel', 'modal_popup' ),
|
165 |
+
"suffix" => 'px',
|
166 |
+
"value" => __( "18", "modal_popup" ),
|
167 |
"group" => 'Button Setting',
|
168 |
),
|
169 |
array(
|
170 |
+
"type" => "vc_number",
|
171 |
"heading" => __( 'Padding [Left,Right]', 'modal_popup' ),
|
172 |
"param_name" => "leftpadding",
|
173 |
"description" => __( 'write in pixel for button width', 'modal_popup' ),
|
174 |
+
"suffix" => 'px',
|
175 |
+
"value" => __( "20", "modal_popup" ),
|
176 |
"group" => 'Button Setting',
|
177 |
),
|
178 |
array(
|
179 |
+
"type" => "vc_number",
|
180 |
"heading" => __( 'Padding [Top,Bottom]', 'modal_popup' ),
|
181 |
"param_name" => "toppadding",
|
182 |
"description" => __( 'write in pixel for button height', 'modal_popup' ),
|
183 |
+
"suffix" => 'px',
|
184 |
+
"value" => __( "5", "modal_popup" ),
|
185 |
"group" => 'Button Setting',
|
186 |
),
|
187 |
array(
|
193 |
"group" => 'Button Setting',
|
194 |
),
|
195 |
array(
|
196 |
+
"type" => "vc_number",
|
197 |
"heading" => __( 'Radius', 'modal_popup' ),
|
198 |
"param_name" => "btnradius",
|
199 |
"description" => __( 'button radius in pixel', 'modal_popup' ),
|
200 |
+
"suffix" => 'px',
|
201 |
+
"value" => __( "5", "modal_popup" ),
|
202 |
"group" => 'Button Setting',
|
203 |
),
|
204 |
array(
|
208 |
"description" => __( 'Button text color', 'modal_popup' ),
|
209 |
"group" => 'Button Setting',
|
210 |
),
|
211 |
+
array(
|
212 |
+
"type" => "colorpicker",
|
213 |
+
"heading" => __( 'Hover Color', 'modal_popup' ),
|
214 |
+
"param_name" => "hoverclr",
|
215 |
+
"description" => __( 'Button text color onhover', 'modal_popup' ),
|
216 |
+
"group" => 'Button Setting',
|
217 |
+
),
|
218 |
array(
|
219 |
"type" => "colorpicker",
|
220 |
"heading" => __( 'Background Color', 'modal_popup' ),
|
222 |
"description" => __( 'Button background color', 'modal_popup' ),
|
223 |
"group" => 'Button Setting',
|
224 |
),
|
225 |
+
array(
|
226 |
+
"type" => "colorpicker",
|
227 |
+
"heading" => __( 'Background Hover Color', 'modal_popup' ),
|
228 |
+
"param_name" => "hoverbg",
|
229 |
+
"description" => __( 'Button background color on hover', 'modal_popup' ),
|
230 |
+
"group" => 'Button Setting',
|
231 |
+
),
|
232 |
array(
|
233 |
"type" => "dropdown",
|
234 |
"heading" => __( 'Title Align', 'modal_popup' ),
|
249 |
"group" => 'Title',
|
250 |
),
|
251 |
array(
|
252 |
+
"type" => "vc_number",
|
253 |
"heading" => __( 'Font Size', 'modal_popup' ),
|
254 |
"param_name" => "titlesize",
|
255 |
+
"description" => __( 'write in pixel e.g 20', 'modal_popup' ),
|
256 |
+
"suffix" => 'px',
|
257 |
+
"value" => __( "20", "modal_popup" ),
|
258 |
"group" => 'Title',
|
259 |
),
|
260 |
array(
|
261 |
+
"type" => "vc_number",
|
262 |
"heading" => __( 'Line Height', 'modal_popup' ),
|
263 |
"param_name" => "titleline",
|
264 |
+
"description" => __( 'it increases the title section height, default 2', 'modal_popup' ),
|
265 |
"value" => __( "2", "modal_popup" ),
|
266 |
"group" => 'Title',
|
267 |
),
|
render/photobook.php
CHANGED
@@ -26,7 +26,7 @@ class WPBakeryShortCode_mvc_photobook extends WPBakeryShortCode {
|
|
26 |
wp_enqueue_style( 'photobook-css', plugins_url( '../css/photobook.css' , __FILE__ ));
|
27 |
wp_enqueue_script( 'easing-js', plugins_url( '../js/jquery.easing.1.3.js' , __FILE__ ), array('jquery') );
|
28 |
wp_enqueue_script( 'photobook-js', plugins_url( '../js/jquery.booklet.latest.min.js' , __FILE__ ), array('jquery', 'jquery-ui-core', 'jquery-ui-draggable') );
|
29 |
-
|
30 |
$content = wpb_js_remove_wpautop($content, true);
|
31 |
ob_start(); ?>
|
32 |
|
@@ -82,10 +82,11 @@ vc_map( array(
|
|
82 |
),
|
83 |
|
84 |
array(
|
85 |
-
"type" => "
|
86 |
"heading" => __( 'Speed', 'photobook' ),
|
87 |
"param_name" => "speed",
|
88 |
"description" => __( 'Speed of the transition between pages in milliseconds eg 1000', 'photobook' ),
|
|
|
89 |
"group" => 'Settings',
|
90 |
),
|
91 |
|
@@ -102,23 +103,24 @@ vc_map( array(
|
|
102 |
),
|
103 |
|
104 |
array(
|
105 |
-
"type" => "
|
106 |
"heading" => __( 'Page Padding', 'photobook' ),
|
107 |
"param_name" => "padding",
|
108 |
"description" => __( 'Padding added to each page wrapper', 'photobook' ),
|
109 |
"group" => 'Settings',
|
110 |
),
|
111 |
|
112 |
-
|
113 |
-
"type" => "
|
114 |
"heading" => __( 'Zoom Depth', 'photobook' ),
|
115 |
"param_name" => "zoom_depth",
|
116 |
"description" => __( 'The default value is 1, meaning the zoomed image should be at 100% of its natural width and height', 'photobook' ),
|
|
|
117 |
"group" => 'Settings',
|
118 |
-
)
|
119 |
|
120 |
array(
|
121 |
-
"type" => "
|
122 |
"heading" => __( 'AutoPlay delay', 'photobook' ),
|
123 |
"param_name" => "auto_delay",
|
124 |
"description" => __( 'The time in milliseconds between each automatic page flip transition', 'photobook' ),
|
@@ -149,7 +151,7 @@ vc_map( array(
|
|
149 |
)
|
150 |
),
|
151 |
|
152 |
-
|
153 |
"type" => "checkbox",
|
154 |
"heading" => __( 'Zoom on Hover', 'photobook' ),
|
155 |
"param_name" => "zoom",
|
@@ -158,7 +160,7 @@ vc_map( array(
|
|
158 |
"value" => array(
|
159 |
"Enable" => "enable",
|
160 |
)
|
161 |
-
)
|
162 |
|
163 |
array(
|
164 |
"type" => "checkbox",
|
@@ -214,6 +216,14 @@ vc_map( array(
|
|
214 |
"Show" => "show",
|
215 |
)
|
216 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
217 |
),
|
218 |
) );
|
219 |
|
26 |
wp_enqueue_style( 'photobook-css', plugins_url( '../css/photobook.css' , __FILE__ ));
|
27 |
wp_enqueue_script( 'easing-js', plugins_url( '../js/jquery.easing.1.3.js' , __FILE__ ), array('jquery') );
|
28 |
wp_enqueue_script( 'photobook-js', plugins_url( '../js/jquery.booklet.latest.min.js' , __FILE__ ), array('jquery', 'jquery-ui-core', 'jquery-ui-draggable') );
|
29 |
+
wp_enqueue_script( 'zoom-js', plugins_url( '../js/jquery.zoom.min.js' , __FILE__ ), array('jquery') );
|
30 |
$content = wpb_js_remove_wpautop($content, true);
|
31 |
ob_start(); ?>
|
32 |
|
82 |
),
|
83 |
|
84 |
array(
|
85 |
+
"type" => "vc_number",
|
86 |
"heading" => __( 'Speed', 'photobook' ),
|
87 |
"param_name" => "speed",
|
88 |
"description" => __( 'Speed of the transition between pages in milliseconds eg 1000', 'photobook' ),
|
89 |
+
"value" => "1000",
|
90 |
"group" => 'Settings',
|
91 |
),
|
92 |
|
103 |
),
|
104 |
|
105 |
array(
|
106 |
+
"type" => "vc_number",
|
107 |
"heading" => __( 'Page Padding', 'photobook' ),
|
108 |
"param_name" => "padding",
|
109 |
"description" => __( 'Padding added to each page wrapper', 'photobook' ),
|
110 |
"group" => 'Settings',
|
111 |
),
|
112 |
|
113 |
+
array(
|
114 |
+
"type" => "vc_number",
|
115 |
"heading" => __( 'Zoom Depth', 'photobook' ),
|
116 |
"param_name" => "zoom_depth",
|
117 |
"description" => __( 'The default value is 1, meaning the zoomed image should be at 100% of its natural width and height', 'photobook' ),
|
118 |
+
"value" => "1",
|
119 |
"group" => 'Settings',
|
120 |
+
),
|
121 |
|
122 |
array(
|
123 |
+
"type" => "vc_number",
|
124 |
"heading" => __( 'AutoPlay delay', 'photobook' ),
|
125 |
"param_name" => "auto_delay",
|
126 |
"description" => __( 'The time in milliseconds between each automatic page flip transition', 'photobook' ),
|
151 |
)
|
152 |
),
|
153 |
|
154 |
+
array(
|
155 |
"type" => "checkbox",
|
156 |
"heading" => __( 'Zoom on Hover', 'photobook' ),
|
157 |
"param_name" => "zoom",
|
160 |
"value" => array(
|
161 |
"Enable" => "enable",
|
162 |
)
|
163 |
+
),
|
164 |
|
165 |
array(
|
166 |
"type" => "checkbox",
|
216 |
"Show" => "show",
|
217 |
)
|
218 |
),
|
219 |
+
|
220 |
+
array(
|
221 |
+
"type" => "vc_links",
|
222 |
+
"param_name" => "caption_url",
|
223 |
+
"class" => "ult_param_heading",
|
224 |
+
"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' ),
|
225 |
+
"group" => 'Options',
|
226 |
+
),
|
227 |
),
|
228 |
) );
|
229 |
|
render/post_carousel.php
DELETED
@@ -1,386 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
if ( ! defined( 'ABSPATH' ) ) {
|
3 |
-
die( '-1' );
|
4 |
-
}
|
5 |
-
|
6 |
-
class WPBakeryShortCode_vc_posts_carousel extends WPBakeryShortCode {
|
7 |
-
|
8 |
-
protected function content( $atts, $content = null ) {
|
9 |
-
|
10 |
-
extract( shortcode_atts( array(
|
11 |
-
'style' => 'mega-post-carousel1',
|
12 |
-
'settings' => '',
|
13 |
-
'arrow' => 'true',
|
14 |
-
'dot' => 'true',
|
15 |
-
'autoplay' => 'true',
|
16 |
-
'slide_visible' => '1',
|
17 |
-
'slide_scroll' => '1',
|
18 |
-
'comment' => 'block',
|
19 |
-
'catg' => 'visible',
|
20 |
-
'imgheight' => '200px',
|
21 |
-
'txtsize' => '18px',
|
22 |
-
'descsize' => '14px',
|
23 |
-
'txtclr' => '#000',
|
24 |
-
'dateclr' => '#000',
|
25 |
-
'descclr' => '#888',
|
26 |
-
), $atts ) );
|
27 |
-
if (isset($image_id) && $image_id != '') {
|
28 |
-
$image_url = wp_get_attachment_url( $image_id );
|
29 |
-
}
|
30 |
-
// var_dump($settings);
|
31 |
-
$content = wpb_js_remove_wpautop($content);
|
32 |
-
wp_enqueue_style( 'slick-carousel-css', plugins_url( '../css/slick-carousal.css' , __FILE__ ));
|
33 |
-
wp_enqueue_style( 'post-carousel-css', plugins_url( '../css/post-carousel.css' , __FILE__ ));
|
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 |
-
|
37 |
-
$args = array(
|
38 |
-
'posts_per_page' => -1,
|
39 |
-
);
|
40 |
-
$seperate_settings = explode('|', $settings);
|
41 |
-
|
42 |
-
foreach ($seperate_settings as $setting) {
|
43 |
-
$key_val = explode(':', $setting);
|
44 |
-
if ($key_val[0] == 'size') {
|
45 |
-
$args['posts_per_page'] = $key_val[1];
|
46 |
-
} else {
|
47 |
-
$args[$key_val[0]] = $key_val[1];
|
48 |
-
}
|
49 |
-
}
|
50 |
-
|
51 |
-
// The Query
|
52 |
-
$the_query = new WP_Query( $args );
|
53 |
-
|
54 |
-
// The Loop
|
55 |
-
if ( $the_query->have_posts() ) { ?>
|
56 |
-
<section class="slider tm-slider vc-post-styling" data-slick='{"arrows": <?php echo $arrow; ?>, "dots": <?php echo $dot; ?>, "autoplay": <?php echo $autoplay; ?>, "slidesToShow": <?php echo $slide_visible; ?>, "slidesToScroll": <?php echo $slide_scroll; ?>}'>
|
57 |
-
<?php while ( $the_query->have_posts() ) { ?>
|
58 |
-
<div>
|
59 |
-
<?php $the_query->the_post(); ?>
|
60 |
-
|
61 |
-
<?php if ($style == 'mega-post-carousel1') { ?>
|
62 |
-
<div class="mega-post-carousel1">
|
63 |
-
<div class="mega-post-image">
|
64 |
-
<?php the_post_thumbnail('large', array('class' => 'your-class-name')); ?>
|
65 |
-
|
66 |
-
<span class="mega-comment-box" style="display: <?php echo $comment; ?>">
|
67 |
-
<span class="mega-post-comment">
|
68 |
-
<a href=""><?php $cu = wp_count_comments(get_the_id() ); echo $cu -> total_comments; ?> </a>
|
69 |
-
</span>
|
70 |
-
</span>
|
71 |
-
</div>
|
72 |
-
|
73 |
-
<div class="mega-post-category" style="display: <?php echo $catg; ?>">
|
74 |
-
<?php $categories = get_the_category();
|
75 |
-
$separator = ' ';
|
76 |
-
$output = '';
|
77 |
-
if ( ! empty( $categories ) ) {
|
78 |
-
foreach( $categories as $category ) {
|
79 |
-
$output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
|
80 |
-
}
|
81 |
-
echo trim( $output, $separator );
|
82 |
-
} ?>
|
83 |
-
</div>
|
84 |
-
|
85 |
-
<h3 class="mega-post-title">
|
86 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
87 |
-
</h3>
|
88 |
-
|
89 |
-
<span class="mega-post-meta" style="color: <?php echo $dateclr; ?>;">
|
90 |
-
<i class="fa fa-user"></i>
|
91 |
-
<a href="" style="color: <?php echo $dateclr; ?>;">
|
92 |
-
<?php echo the_author() ?>
|
93 |
-
</a>
|
94 |
-
</span>
|
95 |
-
<span class="mega-post-date" style="color: <?php echo $dateclr; ?>;">
|
96 |
-
<i class="fa fa-clock-o"></i>
|
97 |
-
<?php echo get_the_date() ?>
|
98 |
-
</span>
|
99 |
-
|
100 |
-
<div class="clearfix"></div>
|
101 |
-
<div class="mega-post-para">
|
102 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
103 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 120, '...');?>
|
104 |
-
</p>
|
105 |
-
</div>
|
106 |
-
</div>
|
107 |
-
<?php } ?>
|
108 |
-
|
109 |
-
<?php if ($style == 'mega-post-carousel2') { ?>
|
110 |
-
<div class="mega-post-carousel2">
|
111 |
-
<div class="mega-post-image">
|
112 |
-
<?php the_post_thumbnail('large', array('class' => 'your-class-name')); ?>
|
113 |
-
</div>
|
114 |
-
<div class="mega-post-content">
|
115 |
-
<h3 class="mega-post-title">
|
116 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
117 |
-
</h3>
|
118 |
-
<div class="mega-post-para">
|
119 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
120 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 80, '...');?>
|
121 |
-
</p>
|
122 |
-
</div>
|
123 |
-
</div>
|
124 |
-
<div class="clearfix"></div>
|
125 |
-
</div>
|
126 |
-
<?php } ?>
|
127 |
-
|
128 |
-
<?php if ($style == 'mega-post-carousel3') { ?>
|
129 |
-
<div class="mega-post-carousel3">
|
130 |
-
<div class="mega-post-image">
|
131 |
-
<?php the_post_thumbnail('medium_large', array('class' => 'your-class-name')); ?>
|
132 |
-
</div>
|
133 |
-
|
134 |
-
<div class="mega-desc-box">
|
135 |
-
<div style="display: table; margin: auto;">
|
136 |
-
<div class="mega-post-category" style="display: <?php echo $catg; ?>">
|
137 |
-
<?php $categories = get_the_category();
|
138 |
-
$separator = ' , ';
|
139 |
-
$output = '';
|
140 |
-
if ( ! empty( $categories ) ) {
|
141 |
-
foreach( $categories as $category ) {
|
142 |
-
$output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
|
143 |
-
}
|
144 |
-
echo trim( $output, $separator );
|
145 |
-
} ?>
|
146 |
-
</div>
|
147 |
-
</div>
|
148 |
-
<h3 class="mega-post-title">
|
149 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
150 |
-
</h3>
|
151 |
-
<div class="clearfix"></div>
|
152 |
-
<div class="mega-post-para">
|
153 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
154 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 120, '...');?>
|
155 |
-
</p>
|
156 |
-
</div>
|
157 |
-
<span class="mega-post-meta" style="color: <?php echo $dateclr; ?>;">
|
158 |
-
<i class="fa fa-user"></i>
|
159 |
-
<a href="" style="color: <?php echo $dateclr; ?>;">
|
160 |
-
<?php echo the_author() ?>
|
161 |
-
</a>
|
162 |
-
</span>
|
163 |
-
<span class="mega-comment-box" style="display: <?php echo $comment; ?>">
|
164 |
-
<span class="mega-post-comment">
|
165 |
-
<i class="fa fa-comment"></i> <a href=""><?php $cu = wp_count_comments(get_the_id() ); echo $cu -> total_comments; ?> </a>
|
166 |
-
</span>
|
167 |
-
</span>
|
168 |
-
<div class="clearfix"></div>
|
169 |
-
</div>
|
170 |
-
</div>
|
171 |
-
<?php } ?>
|
172 |
-
|
173 |
-
<?php if ($style == 'mega-post-carousel4') { ?>
|
174 |
-
<div class="mega-post-carousel4">
|
175 |
-
<div class="mega-post-image">
|
176 |
-
<?php the_post_thumbnail('medium_large', array('class' => 'your-class-name')); ?>
|
177 |
-
</div>
|
178 |
-
|
179 |
-
<div class="mega-post-category" style="display: <?php echo $catg; ?>">
|
180 |
-
<?php $categories = get_the_category();
|
181 |
-
$separator = ' ';
|
182 |
-
$output = '';
|
183 |
-
if ( ! empty( $categories ) ) {
|
184 |
-
foreach( $categories as $category ) {
|
185 |
-
$output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
|
186 |
-
}
|
187 |
-
echo trim( $output, $separator );
|
188 |
-
} ?>
|
189 |
-
</div>
|
190 |
-
<span class="mega-post-date" style="color: <?php echo $dateclr; ?>;">
|
191 |
-
<i class="fa fa-clock-o"></i>
|
192 |
-
<?php echo get_the_date() ?>
|
193 |
-
</span>
|
194 |
-
<h3 class="mega-post-title">
|
195 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
196 |
-
</h3>
|
197 |
-
<div class="clearfix"></div>
|
198 |
-
<div class="mega-post-para">
|
199 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
200 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 120, '...');?>
|
201 |
-
</p>
|
202 |
-
</div>
|
203 |
-
<span class="mega-post-meta" style="color: <?php echo $dateclr; ?>;">
|
204 |
-
<i class="fa fa-user"></i>
|
205 |
-
<a href="" style="color: <?php echo $dateclr; ?>;">
|
206 |
-
<?php echo the_author() ?>
|
207 |
-
</a>
|
208 |
-
</span>
|
209 |
-
<span class="mega-comment-box" style="display: <?php echo $comment; ?>">
|
210 |
-
<span class="mega-post-comment">
|
211 |
-
<i class="fa fa-comment"></i> <a href=""><?php $cu = wp_count_comments(get_the_id() ); echo $cu -> total_comments; ?> </a>
|
212 |
-
</span>
|
213 |
-
</span>
|
214 |
-
<div class="clearfix"></div>
|
215 |
-
</div>
|
216 |
-
<?php } ?>
|
217 |
-
</div>
|
218 |
-
<?php } ?>
|
219 |
-
</section>
|
220 |
-
<?php wp_reset_postdata();
|
221 |
-
} else {
|
222 |
-
// no posts found
|
223 |
-
}
|
224 |
-
ob_start(); ?>
|
225 |
-
|
226 |
-
<?php
|
227 |
-
|
228 |
-
return ob_get_clean();
|
229 |
-
}
|
230 |
-
}
|
231 |
-
|
232 |
-
|
233 |
-
vc_map( array(
|
234 |
-
"base" => "vc_posts_carousel",
|
235 |
-
"name" => __( 'Post Carousel', 'postslider' ),
|
236 |
-
"category" => __('Mega Addons'),
|
237 |
-
"description" => __('show posts as slider', ''),
|
238 |
-
"icon" => plugin_dir_url( __FILE__ ).'../icons/post-carousel.png',
|
239 |
-
'params' => array(
|
240 |
-
array(
|
241 |
-
"type" => "dropdown",
|
242 |
-
"heading" => __( 'Choose Style', 'postslider' ),
|
243 |
-
"param_name" => "style",
|
244 |
-
"group" => 'General',
|
245 |
-
"value" => array(
|
246 |
-
"Style 1" => "mega-post-carousel1",
|
247 |
-
"Style 2" => "mega-post-carousel2",
|
248 |
-
"Style 3" => "mega-post-carousel3",
|
249 |
-
"Style 4" => "mega-post-carousel4",
|
250 |
-
)
|
251 |
-
),
|
252 |
-
|
253 |
-
array(
|
254 |
-
"type" => "loop",
|
255 |
-
"heading" => __( 'Link To', 'postslider' ),
|
256 |
-
"param_name" => "settings",
|
257 |
-
"description" => "Add Slide Url or leave blank, use it if you select theme [top image bottom content]",
|
258 |
-
"group" => 'General',
|
259 |
-
),
|
260 |
-
|
261 |
-
array(
|
262 |
-
"type" => "dropdown",
|
263 |
-
"heading" => __( 'Comments', 'postslider' ),
|
264 |
-
"param_name" => "comment",
|
265 |
-
"description" => __('show/hide comment icon', 'postslider'),
|
266 |
-
"group" => 'Settings',
|
267 |
-
"value" => array(
|
268 |
-
"Show" => "block",
|
269 |
-
"Hide" => "none",
|
270 |
-
)
|
271 |
-
),
|
272 |
-
array(
|
273 |
-
"type" => "dropdown",
|
274 |
-
"heading" => __( 'Category', 'postslider' ),
|
275 |
-
"param_name" => "catg",
|
276 |
-
"description" => __('show/hide category name', 'postslider'),
|
277 |
-
"group" => 'Settings',
|
278 |
-
"value" => array(
|
279 |
-
"Show" => "visible",
|
280 |
-
"Hide" => "none",
|
281 |
-
)
|
282 |
-
),
|
283 |
-
array(
|
284 |
-
"type" => "dropdown",
|
285 |
-
"heading" => __( 'Arrows', 'postslider' ),
|
286 |
-
"param_name" => "arrow",
|
287 |
-
"description" => __('Show/Hide on left & right', 'postslider'),
|
288 |
-
"group" => 'Settings',
|
289 |
-
"value" => array(
|
290 |
-
"Show" => "true",
|
291 |
-
"Hide" => "false",
|
292 |
-
)
|
293 |
-
),
|
294 |
-
array(
|
295 |
-
"type" => "dropdown",
|
296 |
-
"heading" => __( 'Dots', 'postslider' ),
|
297 |
-
"param_name" => "dot",
|
298 |
-
"description" => __('Show/Hide show at bottom', 'postslider'),
|
299 |
-
"group" => 'Settings',
|
300 |
-
"value" => array(
|
301 |
-
"Show" => "true",
|
302 |
-
"Hide" => "false",
|
303 |
-
)
|
304 |
-
),
|
305 |
-
array(
|
306 |
-
"type" => "dropdown",
|
307 |
-
"heading" => __( 'Autoplay', 'postslider' ),
|
308 |
-
"param_name" => "autoplay",
|
309 |
-
"description" => __('move auto or slide on click', 'postslider'),
|
310 |
-
"group" => 'Settings',
|
311 |
-
"value" => array(
|
312 |
-
"True" => "true",
|
313 |
-
"False" => "false",
|
314 |
-
)
|
315 |
-
),
|
316 |
-
array(
|
317 |
-
"type" => "textfield",
|
318 |
-
"heading" => __( 'Slider Speed', 'postslider' ),
|
319 |
-
"param_name" => "speed",
|
320 |
-
"description" => __('write in ms eg, 1500 [1s = 1000]', 'postslider'),
|
321 |
-
"value" => "1500",
|
322 |
-
"group" => 'Settings',
|
323 |
-
),
|
324 |
-
array(
|
325 |
-
"type" => "textfield",
|
326 |
-
"heading" => __( 'Slide To Show', 'postslider' ),
|
327 |
-
"param_name" => "slide_visible",
|
328 |
-
"description" => __('set visible number of slides. default is 1', 'postslider'),
|
329 |
-
"value" => "1",
|
330 |
-
"group" => 'Settings',
|
331 |
-
),
|
332 |
-
array(
|
333 |
-
"type" => "textfield",
|
334 |
-
"heading" => __( 'Slide To Scroll', 'postslider' ),
|
335 |
-
"param_name" => "slide_scroll",
|
336 |
-
"description" => __('allow user to multiple slide on click or drag. default is 1', 'postslider'),
|
337 |
-
"value" => "1",
|
338 |
-
"group" => 'Settings',
|
339 |
-
),
|
340 |
-
|
341 |
-
array(
|
342 |
-
"type" => "textfield",
|
343 |
-
"heading" => __( 'Title (Font Size)', 'postslider' ),
|
344 |
-
"param_name" => "txtsize",
|
345 |
-
"description" => "font size of post title, default 18px",
|
346 |
-
"value" => "18px",
|
347 |
-
"group" => 'Design',
|
348 |
-
),
|
349 |
-
|
350 |
-
array(
|
351 |
-
"type" => "textfield",
|
352 |
-
"heading" => __( 'Description (Font Size)', 'postslider' ),
|
353 |
-
"param_name" => "descsize",
|
354 |
-
"description" => "font size of post content, default 14px",
|
355 |
-
"value" => "14px",
|
356 |
-
"group" => 'Design',
|
357 |
-
),
|
358 |
-
|
359 |
-
array(
|
360 |
-
"type" => "colorpicker",
|
361 |
-
"heading" => __( 'Title Color', 'postslider' ),
|
362 |
-
"param_name" => "txtclr",
|
363 |
-
"description" => "color of post title",
|
364 |
-
"value" => "#000",
|
365 |
-
"group" => 'Color',
|
366 |
-
),
|
367 |
-
|
368 |
-
array(
|
369 |
-
"type" => "colorpicker",
|
370 |
-
"heading" => __( 'Author/Date Color', 'postslider' ),
|
371 |
-
"param_name" => "dateclr",
|
372 |
-
"description" => "color of author/date",
|
373 |
-
"value" => "#000",
|
374 |
-
"group" => 'Color',
|
375 |
-
),
|
376 |
-
|
377 |
-
array(
|
378 |
-
"type" => "colorpicker",
|
379 |
-
"heading" => __( 'Description Color', 'postslider' ),
|
380 |
-
"param_name" => "descclr",
|
381 |
-
"description" => "color of post content",
|
382 |
-
"value" => "#888",
|
383 |
-
"group" => 'Color',
|
384 |
-
),
|
385 |
-
),
|
386 |
-
) );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render/post_grid.php
DELETED
@@ -1,335 +0,0 @@
|
|
1 |
-
<?php
|
2 |
-
if ( ! defined( 'ABSPATH' ) ) {
|
3 |
-
die( '-1' );
|
4 |
-
}
|
5 |
-
|
6 |
-
class WPBakeryShortCode_vc_post_grid extends WPBakeryShortCode {
|
7 |
-
|
8 |
-
protected function content( $atts, $content = null ) {
|
9 |
-
|
10 |
-
extract( shortcode_atts( array(
|
11 |
-
'style' => 'mega-post-carousel1',
|
12 |
-
'settings' => '',
|
13 |
-
'comment' => 'block',
|
14 |
-
'catg' => 'visible',
|
15 |
-
'imgheight' => '200px',
|
16 |
-
'txtsize' => '18px',
|
17 |
-
'descsize' => '14px',
|
18 |
-
'txtclr' => '#000',
|
19 |
-
'dateclr' => '#000',
|
20 |
-
'descclr' => '#888',
|
21 |
-
), $atts ) );
|
22 |
-
if (isset($image_id) && $image_id != '') {
|
23 |
-
$image_url = wp_get_attachment_url( $image_id );
|
24 |
-
}
|
25 |
-
// var_dump($settings);
|
26 |
-
$content = wpb_js_remove_wpautop($content);
|
27 |
-
wp_enqueue_style( 'post-design-css', plugins_url( '../css/post-carousel.css' , __FILE__ ));
|
28 |
-
wp_enqueue_style( 'grid-css', plugins_url( '../css/simplegrid.css' , __FILE__ ));
|
29 |
-
wp_enqueue_script( 'custom-height', plugins_url( '../js/jquery.matchHeight-min.js' , __FILE__ ), array('jquery'));
|
30 |
-
wp_enqueue_script( 'custom-js', plugins_url( '../js/custom-tm.js' , __FILE__ ), array('jquery'));
|
31 |
-
|
32 |
-
$args = array(
|
33 |
-
'posts_per_page' => -1,
|
34 |
-
);
|
35 |
-
$seperate_settings = explode('|', $settings);
|
36 |
-
|
37 |
-
foreach ($seperate_settings as $setting) {
|
38 |
-
$key_val = explode(':', $setting);
|
39 |
-
if ($key_val[0] == 'size') {
|
40 |
-
$args['posts_per_page'] = $key_val[1];
|
41 |
-
} else {
|
42 |
-
$args[$key_val[0]] = $key_val[1];
|
43 |
-
}
|
44 |
-
}
|
45 |
-
|
46 |
-
// The Query
|
47 |
-
$the_query = new WP_Query( $args );
|
48 |
-
|
49 |
-
// The Loop
|
50 |
-
if ( $the_query->have_posts() ) { ?>
|
51 |
-
<div class="na-prefix">
|
52 |
-
<div class="grid grid-pad">
|
53 |
-
<?php while ( $the_query->have_posts() ) { ?>
|
54 |
-
<?php $the_query->the_post(); ?>
|
55 |
-
|
56 |
-
<?php if ($style == 'mega-post-carousel1') { ?>
|
57 |
-
<div class="col-1-3 mason-item" style="padding-right: 15px;">
|
58 |
-
<div class="mega-post-carousel1" style="margin-bottom: 40px;">
|
59 |
-
<div class="mega-post-image">
|
60 |
-
<?php the_post_thumbnail('large', array('class' => 'your-class-name')); ?>
|
61 |
-
|
62 |
-
<span class="mega-comment-box" style="display: <?php echo $comment; ?>">
|
63 |
-
<span class="mega-post-comment">
|
64 |
-
<a href=""><?php $cu = wp_count_comments(get_the_id() ); echo $cu -> total_comments; ?> </a>
|
65 |
-
</span>
|
66 |
-
</span>
|
67 |
-
</div>
|
68 |
-
|
69 |
-
<div class="mega-post-category" style="display: <?php echo $catg; ?>">
|
70 |
-
<?php $categories = get_the_category();
|
71 |
-
$separator = ' ';
|
72 |
-
$output = '';
|
73 |
-
if ( ! empty( $categories ) ) {
|
74 |
-
foreach( $categories as $category ) {
|
75 |
-
$output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
|
76 |
-
}
|
77 |
-
echo trim( $output, $separator );
|
78 |
-
} ?>
|
79 |
-
</div>
|
80 |
-
|
81 |
-
<h3 class="mega-post-title">
|
82 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
83 |
-
</h3>
|
84 |
-
|
85 |
-
<span class="mega-post-meta" style="color: <?php echo $dateclr; ?>;">
|
86 |
-
<i class="fa fa-user"></i>
|
87 |
-
<a href="" style="color: <?php echo $dateclr; ?>;">
|
88 |
-
<?php echo the_author() ?>
|
89 |
-
</a>
|
90 |
-
</span>
|
91 |
-
<span class="mega-post-date" style="color: <?php echo $dateclr; ?>;">
|
92 |
-
<i class="fa fa-clock-o"></i>
|
93 |
-
<?php echo get_the_date() ?>
|
94 |
-
</span>
|
95 |
-
|
96 |
-
<div class="clearfix"></div>
|
97 |
-
<div class="mega-post-para">
|
98 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
99 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 120, '...');?>
|
100 |
-
</p>
|
101 |
-
</div>
|
102 |
-
</div>
|
103 |
-
</div>
|
104 |
-
<?php } ?>
|
105 |
-
|
106 |
-
<?php if ($style == 'mega-post-carousel2') { ?>
|
107 |
-
<div class="col-1-3 mason-item" style="padding-right: 15px;">
|
108 |
-
<div class="mega-post-carousel2" style="margin-bottom: 40px;">
|
109 |
-
<div class="mega-post-image">
|
110 |
-
<?php the_post_thumbnail('large', array('class' => 'your-class-name')); ?>
|
111 |
-
</div>
|
112 |
-
<div class="mega-post-content">
|
113 |
-
<h3 class="mega-post-title">
|
114 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
115 |
-
</h3>
|
116 |
-
<div class="mega-post-para">
|
117 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
118 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 80, '...');?>
|
119 |
-
</p>
|
120 |
-
</div>
|
121 |
-
</div>
|
122 |
-
<div class="clearfix"></div>
|
123 |
-
</div>
|
124 |
-
</div>
|
125 |
-
<?php } ?>
|
126 |
-
|
127 |
-
<?php if ($style == 'mega-post-carousel3') { ?>
|
128 |
-
<div class="col-1-3 mason-item" style="padding-right: 15px;">
|
129 |
-
<div class="mega-post-carousel3" style="margin-bottom: 40px;">
|
130 |
-
<div class="mega-post-image">
|
131 |
-
<?php the_post_thumbnail('medium_large', array('class' => 'your-class-name')); ?>
|
132 |
-
</div>
|
133 |
-
|
134 |
-
<div class="mega-desc-box">
|
135 |
-
<div style="display: table; margin: auto;">
|
136 |
-
<div class="mega-post-category" style="display: <?php echo $catg; ?>">
|
137 |
-
<?php $categories = get_the_category();
|
138 |
-
$separator = ' , ';
|
139 |
-
$output = '';
|
140 |
-
if ( ! empty( $categories ) ) {
|
141 |
-
foreach( $categories as $category ) {
|
142 |
-
$output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
|
143 |
-
}
|
144 |
-
echo trim( $output, $separator );
|
145 |
-
} ?>
|
146 |
-
</div>
|
147 |
-
</div>
|
148 |
-
<h3 class="mega-post-title">
|
149 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
150 |
-
</h3>
|
151 |
-
<div class="clearfix"></div>
|
152 |
-
<div class="mega-post-para">
|
153 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
154 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 120, '...');?>
|
155 |
-
</p>
|
156 |
-
</div>
|
157 |
-
<span class="mega-post-meta" style="color: <?php echo $dateclr; ?>;">
|
158 |
-
<i class="fa fa-user"></i>
|
159 |
-
<a href="" style="color: <?php echo $dateclr; ?>;">
|
160 |
-
<?php echo the_author() ?>
|
161 |
-
</a>
|
162 |
-
</span>
|
163 |
-
<span class="mega-comment-box" style="display: <?php echo $comment; ?>">
|
164 |
-
<span class="mega-post-comment">
|
165 |
-
<i class="fa fa-comment"></i> <a href=""><?php $cu = wp_count_comments(get_the_id() ); echo $cu -> total_comments; ?> </a>
|
166 |
-
</span>
|
167 |
-
</span>
|
168 |
-
<div class="clearfix"></div>
|
169 |
-
</div>
|
170 |
-
</div>
|
171 |
-
</div>
|
172 |
-
<?php } ?>
|
173 |
-
|
174 |
-
<?php if ($style == 'mega-post-carousel4') { ?>
|
175 |
-
<div class="col-1-3 mason-item" style="padding-right: 15px;">
|
176 |
-
<div class="mega-post-carousel4" style="margin-bottom: 40px;">
|
177 |
-
<div class="mega-post-image">
|
178 |
-
<?php the_post_thumbnail('medium_large', array('class' => 'your-class-name')); ?>
|
179 |
-
</div>
|
180 |
-
|
181 |
-
<div class="mega-post-category" style="display: <?php echo $catg; ?>">
|
182 |
-
<?php $categories = get_the_category();
|
183 |
-
$separator = ' ';
|
184 |
-
$output = '';
|
185 |
-
if ( ! empty( $categories ) ) {
|
186 |
-
foreach( $categories as $category ) {
|
187 |
-
$output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
|
188 |
-
}
|
189 |
-
echo trim( $output, $separator );
|
190 |
-
} ?>
|
191 |
-
</div>
|
192 |
-
<span class="mega-post-date" style="color: <?php echo $dateclr; ?>;">
|
193 |
-
<i class="fa fa-clock-o"></i>
|
194 |
-
<?php echo get_the_date() ?>
|
195 |
-
</span>
|
196 |
-
<h3 class="mega-post-title">
|
197 |
-
<a style="font-size: <?php echo $txtsize; ?>; color: <?php echo $txtclr ?>" href="<?php the_permalink(); ?>"><?php echo get_the_title() ?></a>
|
198 |
-
</h3>
|
199 |
-
<div class="clearfix"></div>
|
200 |
-
<div class="mega-post-para">
|
201 |
-
<p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr ?>">
|
202 |
-
<?php $content = get_the_content(); echo mb_strimwidth($content, 0, 120, '...');?>
|
203 |
-
</p>
|
204 |
-
</div>
|
205 |
-
<span class="mega-post-meta" style="color: <?php echo $dateclr; ?>;">
|
206 |
-
<i class="fa fa-user"></i>
|
207 |
-
<a href="" style="color: <?php echo $dateclr; ?>;">
|
208 |
-
<?php echo the_author() ?>
|
209 |
-
</a>
|
210 |
-
</span>
|
211 |
-
<span class="mega-comment-box" style="display: <?php echo $comment; ?>">
|
212 |
-
<span class="mega-post-comment">
|
213 |
-
<i class="fa fa-comment"></i> <a href=""><?php $cu = wp_count_comments(get_the_id() ); echo $cu -> total_comments; ?> </a>
|
214 |
-
</span>
|
215 |
-
</span>
|
216 |
-
<div class="clearfix"></div>
|
217 |
-
</div>
|
218 |
-
</div>
|
219 |
-
<?php } ?>
|
220 |
-
|
221 |
-
|
222 |
-
<?php } ?>
|
223 |
-
|
224 |
-
</div>
|
225 |
-
</div>
|
226 |
-
<?php wp_reset_postdata();
|
227 |
-
} else {
|
228 |
-
// no posts found
|
229 |
-
}
|
230 |
-
ob_start(); ?>
|
231 |
-
|
232 |
-
<?php
|
233 |
-
|
234 |
-
return ob_get_clean();
|
235 |
-
}
|
236 |
-
}
|
237 |
-
|
238 |
-
|
239 |
-
vc_map( array(
|
240 |
-
"base" => "vc_post_grid",
|
241 |
-
"name" => __( 'Post Grid', 'postslider' ),
|
242 |
-
"category" => __('Mega Addons'),
|
243 |
-
"description" => __('show posts as grid layout', ''),
|
244 |
-
"icon" => plugin_dir_url( __FILE__ ).'../icons/post-carousel.png',
|
245 |
-
'params' => array(
|
246 |
-
array(
|
247 |
-
"type" => "dropdown",
|
248 |
-
"heading" => __( 'Choose Style', 'postslider' ),
|
249 |
-
"param_name" => "style",
|
250 |
-
"group" => 'General',
|
251 |
-
"value" => array(
|
252 |
-
"Style 1" => "mega-post-carousel1",
|
253 |
-
"Style 2" => "mega-post-carousel2",
|
254 |
-
"Style 3" => "mega-post-carousel3",
|
255 |
-
"Style 4" => "mega-post-carousel4",
|
256 |
-
)
|
257 |
-
),
|
258 |
-
|
259 |
-
array(
|
260 |
-
"type" => "loop",
|
261 |
-
"heading" => __( 'Link To', 'postslider' ),
|
262 |
-
"param_name" => "settings",
|
263 |
-
"description" => "Add Slide Url or leave blank, use it if you select theme [top image bottom content]",
|
264 |
-
"group" => 'General',
|
265 |
-
),
|
266 |
-
|
267 |
-
array(
|
268 |
-
"type" => "dropdown",
|
269 |
-
"heading" => __( 'Comments', 'postslider' ),
|
270 |
-
"param_name" => "comment",
|
271 |
-
"description" => __('show/hide comment icon', 'postslider'),
|
272 |
-
"group" => 'Settings',
|
273 |
-
"value" => array(
|
274 |
-
"Show" => "block",
|
275 |
-
"Hide" => "none",
|
276 |
-
)
|
277 |
-
),
|
278 |
-
array(
|
279 |
-
"type" => "dropdown",
|
280 |
-
"heading" => __( 'Category', 'postslider' ),
|
281 |
-
"param_name" => "catg",
|
282 |
-
"description" => __('show/hide category name', 'postslider'),
|
283 |
-
"group" => 'Settings',
|
284 |
-
"value" => array(
|
285 |
-
"Show" => "visible",
|
286 |
-
"Hide" => "none",
|
287 |
-
)
|
288 |
-
),
|
289 |
-
|
290 |
-
array(
|
291 |
-
"type" => "textfield",
|
292 |
-
"heading" => __( 'Title (Font Size)', 'postslider' ),
|
293 |
-
"param_name" => "txtsize",
|
294 |
-
"description" => "font size of post title, default 18px",
|
295 |
-
"value" => "18px",
|
296 |
-
"group" => 'Design',
|
297 |
-
),
|
298 |
-
|
299 |
-
array(
|
300 |
-
"type" => "textfield",
|
301 |
-
"heading" => __( 'Description (Font Size)', 'postslider' ),
|
302 |
-
"param_name" => "descsize",
|
303 |
-
"description" => "font size of post content, default 14px",
|
304 |
-
"value" => "14px",
|
305 |
-
"group" => 'Design',
|
306 |
-
),
|
307 |
-
|
308 |
-
array(
|
309 |
-
"type" => "colorpicker",
|
310 |
-
"heading" => __( 'Title Color', 'postslider' ),
|
311 |
-
"param_name" => "txtclr",
|
312 |
-
"description" => "color of post title",
|
313 |
-
"value" => "#000",
|
314 |
-
"group" => 'Color',
|
315 |
-
),
|
316 |
-
|
317 |
-
array(
|
318 |
-
"type" => "colorpicker",
|
319 |
-
"heading" => __( 'Author/Date Color', 'postslider' ),
|
320 |
-
"param_name" => "dateclr",
|
321 |
-
"description" => "color of author/date",
|
322 |
-
"value" => "#000",
|
323 |
-
"group" => 'Color',
|
324 |
-
),
|
325 |
-
|
326 |
-
array(
|
327 |
-
"type" => "colorpicker",
|
328 |
-
"heading" => __( 'Description Color', 'postslider' ),
|
329 |
-
"param_name" => "descclr",
|
330 |
-
"description" => "color of post content",
|
331 |
-
"value" => "#888",
|
332 |
-
"group" => 'Color',
|
333 |
-
),
|
334 |
-
),
|
335 |
-
) );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render/price-table/price1.php
ADDED
@@ -0,0 +1,30 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<div class="price_table_1" style="background-color: <?php echo $price_bg; ?>; box-shadow: 0 0 9px rgba(0,0,0,0.5), 0 -3px 0px <?php echo $top_bg; ?> inset;">
|
2 |
+
<div class="type" style="background-color: <?php echo $top_bg; ?>;">
|
3 |
+
<div class="ribbon-right" style="display: <?php echo $offer_visibility; ?>;">
|
4 |
+
<span style="background: <?php echo $offer_bg; ?>;"><?php echo $offer_text; ?></span>
|
5 |
+
</div>
|
6 |
+
<p style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $title_clr; ?>;">
|
7 |
+
<?php echo $price_title; ?>
|
8 |
+
</p>
|
9 |
+
</div>
|
10 |
+
|
11 |
+
<div class="plan">
|
12 |
+
<div class="header" style="display: <?php echo $price_visibility; ?>;">
|
13 |
+
<span class="price_curr" style="color: <?php echo $top_bg; ?>">
|
14 |
+
<?php echo $price_currency; ?>
|
15 |
+
</span>
|
16 |
+
<span class="amount" style="color: <?php echo $top_bg; ?>; font-size: <?php echo $amountsize; ?>px;">
|
17 |
+
<?php echo $price_amount; ?>
|
18 |
+
</span>
|
19 |
+
<p class="month" style="font-size: <?php echo $planesize; ?>px;"><?php echo $price_plan; ?></p>
|
20 |
+
</div>
|
21 |
+
<div class="content">
|
22 |
+
<?php echo $content; ?>
|
23 |
+
</div>
|
24 |
+
<div class="price">
|
25 |
+
<a href="<?php echo $btn_url; ?>" class="price-btn" style="font-size: <?php echo $btnsize; ?>px; background-color: <?php echo $top_bg; ?>; box-shadow: inset 0 -2px <?php echo $top_bg; ?>;-webkit-box-shadow: inset 0 -2px <?php echo $top_bg; ?>;">
|
26 |
+
<?php echo $btn_text; ?>
|
27 |
+
</a>
|
28 |
+
</div>
|
29 |
+
</div>
|
30 |
+
</div>
|
render/price-table/price2.php
ADDED
@@ -0,0 +1,19 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<div class="<?php echo $style; ?> wow bounce" data-wow-duration="1's" style="visibility: visible; animation-name: bounce;">
|
2 |
+
<div class="pricing-table">
|
3 |
+
<div class="plan featured" style="background: <?php echo $price_bg; ?>; border: 2px solid <?php echo $top_bg; ?>; transform: scale(1.0<?php echo $zoom; ?>);">
|
4 |
+
<div class="header" style="<?php if ($style == 'mega-price-table-2') { ?> background: <?php echo $top_bg;} ?>">
|
5 |
+
<h4 class="plan-title" style="font-size: <?php echo $titlesize; ?>px;color: <?php echo $title_clr; ?>; <?php if ($style == 'mega-price-table-3') { ?> background-color: <?php echo $top_bg ;} ?>">
|
6 |
+
<?php echo $price_title; ?>
|
7 |
+
<span class="price-title-span" style="<?php if ($style == 'mega-price-table-3') { ?> border-color: <?php echo $top_bg;} ?> transparent transparent;"></span>
|
8 |
+
</h4>
|
9 |
+
<div class="plan-cost"><span class="plan-price" style="color: <?php echo $amount_clr; ?>; font-size: <?php echo $amountsize; ?>px;"><?php echo $price_currency; ?><?php echo $price_amount; ?></span><span class="plan-type" style="color: <?php echo $amount_clr; ?>; font-size: <?php echo $planesize; ?>px;"><?php echo $price_plan; ?></span></div>
|
10 |
+
</div>
|
11 |
+
<div class="price-content">
|
12 |
+
<?php echo $content; ?>
|
13 |
+
</div>
|
14 |
+
<div class="plan-select">
|
15 |
+
<a href="<?php echo $btn_url; ?>" style="font-size: <?php echo $btnsize; ?>;background: <?php echo $top_bg; ?>;"><?php echo $btn_text; ?></a>
|
16 |
+
</div>
|
17 |
+
</div>
|
18 |
+
</div>
|
19 |
+
</div>
|
render/price-table/price4.php
ADDED
@@ -0,0 +1,18 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<div class="<?php echo $style; ?> wow bounce" data-wow-duration="1's" style="visibility: visible; animation-name: bounce;">
|
2 |
+
<div class="pricing-table">
|
3 |
+
<div class="plan featured" style="background: <?php echo $price_bg; ?>; border: 2px solid <?php echo $top_bg; ?>; transform: scale(1.0<?php echo $zoom; ?>);">
|
4 |
+
<div class="header">
|
5 |
+
<h4 class="plan-title" style="color: <?php echo $title_clr; ?>; font-size: <?php echo $titlesize; ?>px;">
|
6 |
+
<?php echo $price_title; ?>
|
7 |
+
</h4>
|
8 |
+
<div class="plan-cost"><span class="plan-price" style="color: <?php echo $amount_clr; ?>;font-size: <?php echo $amountsize; ?>px;"><?php echo $price_currency; ?><?php echo $price_amount; ?></span><span class="plan-type" style="color: <?php echo $amount_clr; ?>;font-size: <?php echo $planesize; ?>px;"><?php echo $price_plan; ?></span></div>
|
9 |
+
</div>
|
10 |
+
<div class="price-content">
|
11 |
+
<?php echo $content; ?>
|
12 |
+
</div>
|
13 |
+
<div class="plan-select">
|
14 |
+
<a href="<?php echo $btn_url; ?>" style="font-size: <?php echo $btnsize; ?>px; background: <?php echo $top_bg; ?>;"><?php echo $btn_text; ?></a>
|
15 |
+
</div>
|
16 |
+
</div>
|
17 |
+
</div>
|
18 |
+
</div>
|
render/price.php
CHANGED
@@ -8,51 +8,49 @@ class WPBakeryShortCode_mvc_price_listing extends WPBakeryShortCode {
|
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
-
'
|
12 |
-
'
|
13 |
-
'
|
14 |
-
'
|
15 |
-
'
|
16 |
-
'
|
17 |
-
'
|
18 |
-
'
|
19 |
-
'
|
20 |
-
'
|
21 |
-
'
|
22 |
-
'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
23 |
), $atts ) );
|
24 |
wp_enqueue_style( 'price-listing-css', plugins_url( '../css/price_listing.css' , __FILE__ ));
|
25 |
$content = wpb_js_remove_wpautop($content, true);
|
26 |
ob_start(); ?>
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
|
34 |
-
|
35 |
-
|
36 |
-
|
37 |
-
|
38 |
-
|
39 |
-
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
<p class="month"><?php echo $price_plan; ?></p>
|
45 |
-
</div>
|
46 |
-
<div class="content">
|
47 |
-
<?php echo $content; ?>
|
48 |
-
</div>
|
49 |
-
<div class="price">
|
50 |
-
<a href="<?php echo $btn_url; ?>" class="price-btn" style="background-color: <?php echo $top_bg; ?>; box-shadow: inset 0 -2px <?php echo $top_bg; ?>;-webkit-box-shadow: inset 0 -2px <?php echo $top_bg; ?>;">
|
51 |
-
<?php echo $btn_text; ?>
|
52 |
-
</a>
|
53 |
-
</div>
|
54 |
-
</div>
|
55 |
-
</div>
|
56 |
|
57 |
<?php
|
58 |
return ob_get_clean();
|
@@ -67,6 +65,18 @@ vc_map( array(
|
|
67 |
"description" => __('Create nice looking price tables', 'infobox'),
|
68 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/price.png',
|
69 |
'params' => array(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
70 |
array(
|
71 |
"type" => "textfield",
|
72 |
"heading" => __( 'Price Title', 'pt-vc' ),
|
@@ -74,6 +84,14 @@ vc_map( array(
|
|
74 |
"description" => __( 'It will be used as price package name', 'pt-vc' ),
|
75 |
"group" => 'Price Header',
|
76 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
77 |
array(
|
78 |
"type" => "dropdown",
|
79 |
"heading" => __( 'Show/Hide price amount', 'pt-vc' ),
|
@@ -94,7 +112,7 @@ vc_map( array(
|
|
94 |
"group" => 'Price Header',
|
95 |
),
|
96 |
array(
|
97 |
-
"type" => "
|
98 |
"heading" => __( 'Amount', 'pt-vc' ),
|
99 |
"param_name" => "price_amount",
|
100 |
"description" => __( 'Write amount in number e.g 299', 'pt-vc' ),
|
@@ -109,12 +127,49 @@ vc_map( array(
|
|
109 |
"dependency" => array('element' => "price_visibility", 'value' => 'block'),
|
110 |
"group" => 'Price Header',
|
111 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
112 |
|
113 |
array(
|
114 |
"type" => "dropdown",
|
115 |
"heading" => __( 'Show/Hide Offer', 'pt-vc' ),
|
116 |
"param_name" => "offer_visibility",
|
117 |
"description" => __( 'Select Show or Hide offer ', 'pt-vc' ),
|
|
|
118 |
"group" => 'Offer',
|
119 |
"value" => array(
|
120 |
'Hide' => 'none',
|
@@ -168,6 +223,21 @@ vc_map( array(
|
|
168 |
|
169 |
/* colors */
|
170 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
171 |
array(
|
172 |
"type" => "colorpicker",
|
173 |
"heading" => __( 'Header Background color', 'pt-vc' ),
|
@@ -178,11 +248,43 @@ vc_map( array(
|
|
178 |
|
179 |
array(
|
180 |
"type" => "colorpicker",
|
181 |
-
"heading" => __( '
|
182 |
"param_name" => "price_bg",
|
183 |
"description" => __( 'Set complete background color', 'pt-vc' ),
|
184 |
"group" => 'Color',
|
185 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
186 |
),
|
187 |
) );
|
188 |
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
+
'style' => 'price_style_1',
|
12 |
+
'offer_visibility' => 'none',
|
13 |
+
'offer_text' => '',
|
14 |
+
'offer_bg' => '',
|
15 |
+
'price_title' => '',
|
16 |
+
'subtitle' => '',
|
17 |
+
'price_visibility' => 'block',
|
18 |
+
'price_currency' => '',
|
19 |
+
'price_amount' => '',
|
20 |
+
'price_plan' => '',
|
21 |
+
'btn_text' => '',
|
22 |
+
'btn_url' => '',
|
23 |
+
'price_bg' => '',
|
24 |
+
'top_bg' => '',
|
25 |
+
'title_clr' => '',
|
26 |
+
'amount_clr' => '',
|
27 |
+
'featured' => 'disable',
|
28 |
+
'zoom' => '0',
|
29 |
+
'titlesize' => '',
|
30 |
+
'amountsize' => '',
|
31 |
+
'planesize' => '',
|
32 |
+
'btnsize' => '',
|
33 |
), $atts ) );
|
34 |
wp_enqueue_style( 'price-listing-css', plugins_url( '../css/price_listing.css' , __FILE__ ));
|
35 |
$content = wpb_js_remove_wpautop($content, true);
|
36 |
ob_start(); ?>
|
37 |
+
|
38 |
+
|
39 |
+
<?php switch ($style) {
|
40 |
+
case 'design1':
|
41 |
+
include 'price-table/price1.php';
|
42 |
+
break;
|
43 |
+
case 'mega-price-table-2':
|
44 |
+
include 'price-table/price2.php';
|
45 |
+
break;
|
46 |
+
case 'mega-price-table-3':
|
47 |
+
include 'price-table/price2.php';
|
48 |
+
break;
|
49 |
+
|
50 |
+
default:
|
51 |
+
include 'price-table/price1.php';
|
52 |
+
break;
|
53 |
+
} ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
54 |
|
55 |
<?php
|
56 |
return ob_get_clean();
|
65 |
"description" => __('Create nice looking price tables', 'infobox'),
|
66 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/price.png',
|
67 |
'params' => array(
|
68 |
+
array(
|
69 |
+
"type" => "dropdown",
|
70 |
+
"heading" => __( 'Select Layout', 'pt-vc' ),
|
71 |
+
"param_name" => "style",
|
72 |
+
"group" => 'Price Header',
|
73 |
+
"description" => __( '<a href="https://addons.topdigitaltrends.net/price-table/" target="_blank">See Demo</a> 5 More Designs in <a href="https://codecanyon.net/item/mega-addons-for-wpbakery-page-builder-formerly-visual-composer/21480176?ref=nasir179125" target="_blank">Pro Version</a>', 'pt-vc' ),
|
74 |
+
"value" => array(
|
75 |
+
'Design 1' => 'design1',
|
76 |
+
'Design 2' => 'mega-price-table-2',
|
77 |
+
'Design 3' => 'mega-price-table-3',
|
78 |
+
)
|
79 |
+
),
|
80 |
array(
|
81 |
"type" => "textfield",
|
82 |
"heading" => __( 'Price Title', 'pt-vc' ),
|
84 |
"description" => __( 'It will be used as price package name', 'pt-vc' ),
|
85 |
"group" => 'Price Header',
|
86 |
),
|
87 |
+
array(
|
88 |
+
"type" => "textfield",
|
89 |
+
"heading" => __( 'Price Subtitle', 'pt-vc' ),
|
90 |
+
"param_name" => "subtitle",
|
91 |
+
"description" => __( 'It will show with title', 'pt-vc' ),
|
92 |
+
"dependency" => array('element' => "style", 'value' => array('design7', 'design8')),
|
93 |
+
"group" => 'Price Header',
|
94 |
+
),
|
95 |
array(
|
96 |
"type" => "dropdown",
|
97 |
"heading" => __( 'Show/Hide price amount', 'pt-vc' ),
|
112 |
"group" => 'Price Header',
|
113 |
),
|
114 |
array(
|
115 |
+
"type" => "vc_number",
|
116 |
"heading" => __( 'Amount', 'pt-vc' ),
|
117 |
"param_name" => "price_amount",
|
118 |
"description" => __( 'Write amount in number e.g 299', 'pt-vc' ),
|
127 |
"dependency" => array('element' => "price_visibility", 'value' => 'block'),
|
128 |
"group" => 'Price Header',
|
129 |
),
|
130 |
+
array(
|
131 |
+
"type" => "dropdown",
|
132 |
+
"heading" => __( 'Set Featured', 'pt-vc' ),
|
133 |
+
"param_name" => "featured",
|
134 |
+
"dependency" => array('element' => "style", 'value' => array('mega-price-table-2', 'mega-price-table-3', 'mega-price-table-4', 'mega-price-table-5', 'design6', 'design7', 'design8')),
|
135 |
+
"group" => 'Price Header',
|
136 |
+
"value" => array(
|
137 |
+
"Disable" => "disable",
|
138 |
+
"Enable" => "transform",
|
139 |
+
)
|
140 |
+
),
|
141 |
+
array(
|
142 |
+
"type" => "dropdown",
|
143 |
+
"heading" => __( 'Scale Zoom', 'pt-vc' ),
|
144 |
+
"param_name" => "zoom",
|
145 |
+
"description" => __( 'It will prominent than others price table', 'pt-vc' ),
|
146 |
+
"dependency" => array('element' => "featured", 'value' => "transform"),
|
147 |
+
"group" => 'Price Header',
|
148 |
+
"value" => array(
|
149 |
+
'3' => '3',
|
150 |
+
'4' => '4',
|
151 |
+
'5' => '5',
|
152 |
+
'6' => '6',
|
153 |
+
'7' => '7',
|
154 |
+
'8' => '8',
|
155 |
+
'9' => '9',
|
156 |
+
)
|
157 |
+
),
|
158 |
+
|
159 |
+
array(
|
160 |
+
"type" => "vc_links",
|
161 |
+
"param_name" => "caption_url",
|
162 |
+
"class" => "ult_param_heading",
|
163 |
+
"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' ),
|
164 |
+
"group" => 'Price Header',
|
165 |
+
),
|
166 |
|
167 |
array(
|
168 |
"type" => "dropdown",
|
169 |
"heading" => __( 'Show/Hide Offer', 'pt-vc' ),
|
170 |
"param_name" => "offer_visibility",
|
171 |
"description" => __( 'Select Show or Hide offer ', 'pt-vc' ),
|
172 |
+
"dependency" => array('element' => "style", 'value' => 'design1'),
|
173 |
"group" => 'Offer',
|
174 |
"value" => array(
|
175 |
'Hide' => 'none',
|
223 |
|
224 |
/* colors */
|
225 |
|
226 |
+
array(
|
227 |
+
"type" => "colorpicker",
|
228 |
+
"heading" => __( 'Title color', 'pt-vc' ),
|
229 |
+
"param_name" => "title_clr",
|
230 |
+
"description" => __( 'set price title color', 'pt-vc' ),
|
231 |
+
"group" => 'Color',
|
232 |
+
),
|
233 |
+
array(
|
234 |
+
"type" => "colorpicker",
|
235 |
+
"heading" => __( 'Price Amount Color', 'pt-vc' ),
|
236 |
+
"param_name" => "amount_clr",
|
237 |
+
"description" => __( 'set price amount color', 'pt-vc' ),
|
238 |
+
"group" => 'Color',
|
239 |
+
),
|
240 |
+
|
241 |
array(
|
242 |
"type" => "colorpicker",
|
243 |
"heading" => __( 'Header Background color', 'pt-vc' ),
|
248 |
|
249 |
array(
|
250 |
"type" => "colorpicker",
|
251 |
+
"heading" => __( 'Body Background', 'pt-vc' ),
|
252 |
"param_name" => "price_bg",
|
253 |
"description" => __( 'Set complete background color', 'pt-vc' ),
|
254 |
"group" => 'Color',
|
255 |
),
|
256 |
+
array(
|
257 |
+
"type" => "vc_number",
|
258 |
+
"heading" => __( 'Title (Font Size)', 'pt-vc' ),
|
259 |
+
"param_name" => "titlesize",
|
260 |
+
"description" => __( 'Set in pixel eg, 30 or leave blank for default', 'pt-vc' ),
|
261 |
+
"suffix" => 'px',
|
262 |
+
"group" => 'Typography',
|
263 |
+
),
|
264 |
+
array(
|
265 |
+
"type" => "vc_number",
|
266 |
+
"heading" => __( 'Price Amount (Font Size)', 'pt-vc' ),
|
267 |
+
"param_name" => "amountsize",
|
268 |
+
"description" => __( 'Set in pixel eg, 40 or leave blank for default', 'pt-vc' ),
|
269 |
+
"suffix" => 'px',
|
270 |
+
"group" => 'Typography',
|
271 |
+
),
|
272 |
+
array(
|
273 |
+
"type" => "vc_number",
|
274 |
+
"heading" => __( 'Price Plan (Font Size)', 'pt-vc' ),
|
275 |
+
"param_name" => "planesize",
|
276 |
+
"description" => __( 'Set in pixel eg, 12 or leave blank for default', 'pt-vc' ),
|
277 |
+
"suffix" => 'px',
|
278 |
+
"group" => 'Typography',
|
279 |
+
),
|
280 |
+
array(
|
281 |
+
"type" => "vc_number",
|
282 |
+
"heading" => __( 'Button Text (Font Size)', 'pt-vc' ),
|
283 |
+
"param_name" => "btnsize",
|
284 |
+
"description" => __( 'Set in pixel eg, 17 or leave blank for default', 'pt-vc' ),
|
285 |
+
"suffix" => 'px',
|
286 |
+
"group" => 'Typography',
|
287 |
+
),
|
288 |
),
|
289 |
) );
|
290 |
|
render/social_son.php
CHANGED
@@ -9,12 +9,12 @@ class WPBakeryShortCode_social_vc_son extends WPBakeryShortCode {
|
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'style' => 'default',
|
12 |
-
'margin' => '
|
13 |
'icon' => '',
|
14 |
'text' => 'icontext',
|
15 |
-
'width' => '
|
16 |
-
'height' => '
|
17 |
-
'size' => '
|
18 |
'radius' => '',
|
19 |
'url' => '#0',
|
20 |
'target' => '',
|
@@ -27,8 +27,8 @@ class WPBakeryShortCode_social_vc_son extends WPBakeryShortCode {
|
|
27 |
wp_enqueue_style( 'social-icons-css', plugins_url( '../css/socialicons.css' , __FILE__ ));
|
28 |
ob_start(); ?>
|
29 |
<?php if ($style == 'default') { ?>
|
30 |
-
<div id="mega-social-btn" style="margin: 0 <?php echo $margin;
|
31 |
-
<a href="<?php echo $url; ?>" target="<?php echo $target; ?>" style="font-size: <?php echo $size;
|
32 |
<i class="<?php echo $icon; ?>" aria-hidden="true"></i>
|
33 |
</a>
|
34 |
</div>
|
@@ -36,26 +36,26 @@ class WPBakeryShortCode_social_vc_son extends WPBakeryShortCode {
|
|
36 |
|
37 |
if ($style == 'effect1') { ?>
|
38 |
<!-- Mega Social Icons Style 1 -->
|
39 |
-
<div class="mega-social-icons" style="margin: 0 <?php echo $margin;
|
40 |
-
<a href="<?php echo $url ?>" target="<?php echo $target; ?>" class="icon-button" style="font-size: <?php echo $size;
|
41 |
-
<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $clr ?>; width: <?php echo $width
|
42 |
-
<span style="border-radius: <?php echo $radius; ?>; background-color: <?php echo $hoverbg; ?>; width: <?php echo $width
|
43 |
</a>
|
44 |
</div>
|
45 |
<?php }
|
46 |
|
47 |
if ($style == 'effect2') { ?>
|
48 |
-
<div class="mega-social-icons2" style="margin: 0 <?php echo $margin;
|
49 |
-
<a href="<?php echo $url ?>" target="<?php echo $target; ?>" class="icoRss" style="font-size: <?php echo $size;
|
50 |
<i class="<?php echo $icon; ?>" aria-hidden="true"></i>
|
51 |
</a>
|
52 |
</div>
|
53 |
<?php }
|
54 |
|
55 |
if ($style == 'effect3') { ?>
|
56 |
-
<div id="mega-social-icons3" style="margin: 0 <?php echo $margin;
|
57 |
<div class="social-buttons">
|
58 |
-
<a class="social-button" href="<?php echo $url ?>" target="<?php echo $target; ?>" style="font-size: <?php echo $size;
|
59 |
<span style="background: <?php echo $hoverbg; ?>"></span>
|
60 |
<i class="<?php echo $icon; ?>"></i>
|
61 |
</a>
|
@@ -65,7 +65,7 @@ class WPBakeryShortCode_social_vc_son extends WPBakeryShortCode {
|
|
65 |
|
66 |
if ($style == 'effect4') { ?>
|
67 |
<a class="social-button" href="<?php echo $url ?>" target="<?php echo $target; ?>">
|
68 |
-
<div id="dualbtn" style="border-radius: <?php echo $radius; ?>; width: <?php echo $width ?>; font-size: <?php echo $size ?>; background: <?php echo $bgclr; ?>; margin: 0 <?php echo $margin;
|
69 |
<div class="btnicon" style="height: <?php echo $height-12; ?>px; line-height: <?php echo $height-12; ?>px;">
|
70 |
<i class="<?php echo $icon; ?>" style="color: <?php echo $clr; ?>;"></i>
|
71 |
</div>
|
@@ -78,8 +78,8 @@ class WPBakeryShortCode_social_vc_son extends WPBakeryShortCode {
|
|
78 |
<?php }
|
79 |
|
80 |
if ($style == 'effect5') { ?>
|
81 |
-
<div id="mega-social-btn" class="text-shadow" style="margin: 0 <?php echo $margin;
|
82 |
-
<a href="<?php echo $url; ?>" target="<?php echo $target; ?>" style="font-size: <?php echo $size;
|
83 |
<i class="<?php echo $icon; ?>" aria-hidden="true"></i>
|
84 |
</a>
|
85 |
</div>
|
@@ -103,7 +103,7 @@ vc_map( array(
|
|
103 |
"type" => "dropdown",
|
104 |
"heading" => __( 'Social Effects', 'socialicon' ),
|
105 |
"param_name" => "style",
|
106 |
-
"description" => __( 'choose style', 'socialicon' ),
|
107 |
"group" => 'General',
|
108 |
"value" => array(
|
109 |
"Defaul" => "default",
|
@@ -115,29 +115,32 @@ vc_map( array(
|
|
115 |
)
|
116 |
),
|
117 |
array(
|
118 |
-
"type" => "
|
119 |
"heading" => __( 'Margin', 'socialicon' ),
|
120 |
"param_name" => "margin",
|
121 |
-
"description" => __( 'space between two social icons eg
|
122 |
"group" => 'General',
|
123 |
-
|
|
|
124 |
),
|
125 |
array(
|
126 |
-
"type" => "
|
127 |
"heading" => __( 'Width', 'socialicon' ),
|
128 |
"param_name" => "width",
|
129 |
"description" => __( 'social icon width in pixel', 'socialicon' ),
|
130 |
"group" => 'General',
|
131 |
-
|
|
|
132 |
),
|
133 |
|
134 |
array(
|
135 |
-
"type" => "
|
136 |
"heading" => __( 'Height', 'socialicon' ),
|
137 |
"param_name" => "height",
|
138 |
"description" => __( 'social icon height in pixel', 'socialicon' ),
|
139 |
"group" => 'General',
|
140 |
-
|
|
|
141 |
),
|
142 |
|
143 |
array(
|
@@ -150,12 +153,13 @@ vc_map( array(
|
|
150 |
),
|
151 |
|
152 |
array(
|
153 |
-
"type" =>
|
154 |
-
"
|
155 |
-
"
|
156 |
-
"description" =>
|
157 |
"group" => 'General',
|
158 |
),
|
|
|
159 |
array(
|
160 |
"type" => "iconpicker",
|
161 |
"heading" => __( 'Social Icon', 'socialicon' ),
|
@@ -174,12 +178,13 @@ vc_map( array(
|
|
174 |
),
|
175 |
|
176 |
array(
|
177 |
-
"type" => "
|
178 |
"heading" => __( 'Font size', 'socialicon' ),
|
179 |
"param_name" => "size",
|
180 |
"description" => __( 'icon font size in pixel', 'socialicon' ),
|
181 |
"group" => 'Font Icon',
|
182 |
-
|
|
|
183 |
),
|
184 |
|
185 |
array(
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'style' => 'default',
|
12 |
+
'margin' => '10',
|
13 |
'icon' => '',
|
14 |
'text' => 'icontext',
|
15 |
+
'width' => '40',
|
16 |
+
'height' => '40',
|
17 |
+
'size' => '20',
|
18 |
'radius' => '',
|
19 |
'url' => '#0',
|
20 |
'target' => '',
|
27 |
wp_enqueue_style( 'social-icons-css', plugins_url( '../css/socialicons.css' , __FILE__ ));
|
28 |
ob_start(); ?>
|
29 |
<?php if ($style == 'default') { ?>
|
30 |
+
<div id="mega-social-btn" style="margin: 0 <?php echo $margin; ?>px;">
|
31 |
+
<a href="<?php echo $url; ?>" target="<?php echo $target; ?>" style="font-size: <?php echo $size; ?>px; border-radius: <?php echo $radius; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; line-height: <?php echo $height; ?>px;" data-onhovercolor="<?php echo $hoverclr; ?>" data-onhoverbg="<?php echo $hoverbg; ?>" data-onleavebg="<?php echo $bgclr; ?>" data-onleavecolor="<?php echo $clr; ?>">
|
32 |
<i class="<?php echo $icon; ?>" aria-hidden="true"></i>
|
33 |
</a>
|
34 |
</div>
|
36 |
|
37 |
if ($style == 'effect1') { ?>
|
38 |
<!-- Mega Social Icons Style 1 -->
|
39 |
+
<div class="mega-social-icons" style="margin: 0 <?php echo $margin; ?>px;">
|
40 |
+
<a href="<?php echo $url ?>" target="<?php echo $target; ?>" class="icon-button" style="font-size: <?php echo $size; ?>px; width: <?php echo $width ?>px; height: <?php echo $width; ?>px; line-height: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>; background-color: <?php echo $bgclr; ?>;">
|
41 |
+
<i class="<?php echo $icon; ?>" aria-hidden="true" style="color: <?php echo $clr ?>; width: <?php echo $width ?>px; height: <?php echo $height; ?>px; line-height: <?php echo $height; ?>px;" data-onhovercolor="<?php echo $hoverclr; ?>" data-onleavecolor="<?php echo $clr; ?>"></i>
|
42 |
+
<span style="border-radius: <?php echo $radius; ?>; background-color: <?php echo $hoverbg; ?>; width: <?php echo $width ?>px; height: <?php echo $height; ?>px;"></span>
|
43 |
</a>
|
44 |
</div>
|
45 |
<?php }
|
46 |
|
47 |
if ($style == 'effect2') { ?>
|
48 |
+
<div class="mega-social-icons2" style="margin: 0 <?php echo $margin; ?>px;">
|
49 |
+
<a href="<?php echo $url ?>" target="<?php echo $target; ?>" class="icoRss" style="font-size: <?php echo $size; ?>px; border-radius: <?php echo $radius; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; line-height: <?php echo $height; ?>px;" data-onhovercolor="<?php echo $hoverclr; ?>" data-onhoverbg="<?php echo $hoverbg; ?>" data-onleavebg="<?php echo $bgclr; ?>" data-onleavecolor="<?php echo $clr; ?>">
|
50 |
<i class="<?php echo $icon; ?>" aria-hidden="true"></i>
|
51 |
</a>
|
52 |
</div>
|
53 |
<?php }
|
54 |
|
55 |
if ($style == 'effect3') { ?>
|
56 |
+
<div id="mega-social-icons3" style="margin: 0 <?php echo $margin; ?>px;">
|
57 |
<div class="social-buttons">
|
58 |
+
<a class="social-button" href="<?php echo $url ?>" target="<?php echo $target; ?>" style="font-size: <?php echo $size; ?>px; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width ?>px; height: <?php echo $height; ?>px; line-height: <?php echo $height-4; ?>px;" data-onhovercolor="<?php echo $hoverclr; ?>" data-onleavecolor="<?php echo $clr; ?>">
|
59 |
<span style="background: <?php echo $hoverbg; ?>"></span>
|
60 |
<i class="<?php echo $icon; ?>"></i>
|
61 |
</a>
|
65 |
|
66 |
if ($style == 'effect4') { ?>
|
67 |
<a class="social-button" href="<?php echo $url ?>" target="<?php echo $target; ?>">
|
68 |
+
<div id="dualbtn" style="border-radius: <?php echo $radius; ?>; width: <?php echo $width ?>; font-size: <?php echo $size ?>; background: <?php echo $bgclr; ?>; margin: 0 <?php echo $margin; ?>px;">
|
69 |
<div class="btnicon" style="height: <?php echo $height-12; ?>px; line-height: <?php echo $height-12; ?>px;">
|
70 |
<i class="<?php echo $icon; ?>" style="color: <?php echo $clr; ?>;"></i>
|
71 |
</div>
|
78 |
<?php }
|
79 |
|
80 |
if ($style == 'effect5') { ?>
|
81 |
+
<div id="mega-social-btn" class="text-shadow" style="margin: 0 <?php echo $margin; ?>px;">
|
82 |
+
<a href="<?php echo $url; ?>" target="<?php echo $target; ?>" style="font-size: <?php echo $size; ?>px; border-radius: <?php echo $radius; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; line-height: <?php echo $height; ?>px;" data-onhovercolor="<?php echo $hoverclr; ?>" data-onhoverbg="<?php echo $hoverbg; ?>" data-onleavebg="<?php echo $bgclr; ?>" data-onleavecolor="<?php echo $clr; ?>">
|
83 |
<i class="<?php echo $icon; ?>" aria-hidden="true"></i>
|
84 |
</a>
|
85 |
</div>
|
103 |
"type" => "dropdown",
|
104 |
"heading" => __( 'Social Effects', 'socialicon' ),
|
105 |
"param_name" => "style",
|
106 |
+
"description" => __( 'choose style <a href="https://addons.topdigitaltrends.net/advanced-social-icons/" target="_blank">See Demo</a>', 'socialicon' ),
|
107 |
"group" => 'General',
|
108 |
"value" => array(
|
109 |
"Defaul" => "default",
|
115 |
)
|
116 |
),
|
117 |
array(
|
118 |
+
"type" => "vc_number",
|
119 |
"heading" => __( 'Margin', 'socialicon' ),
|
120 |
"param_name" => "margin",
|
121 |
+
"description" => __( 'space between two social icons eg 10', 'socialicon' ),
|
122 |
"group" => 'General',
|
123 |
+
"suffix" => 'px',
|
124 |
+
'value' => __( "10", 'socialicon' ),
|
125 |
),
|
126 |
array(
|
127 |
+
"type" => "vc_number",
|
128 |
"heading" => __( 'Width', 'socialicon' ),
|
129 |
"param_name" => "width",
|
130 |
"description" => __( 'social icon width in pixel', 'socialicon' ),
|
131 |
"group" => 'General',
|
132 |
+
"suffix" => 'px',
|
133 |
+
'value' => __( "40", 'socialicon' ),
|
134 |
),
|
135 |
|
136 |
array(
|
137 |
+
"type" => "vc_number",
|
138 |
"heading" => __( 'Height', 'socialicon' ),
|
139 |
"param_name" => "height",
|
140 |
"description" => __( 'social icon height in pixel', 'socialicon' ),
|
141 |
"group" => 'General',
|
142 |
+
"suffix" => 'px',
|
143 |
+
'value' => __( "40", 'socialicon' ),
|
144 |
),
|
145 |
|
146 |
array(
|
153 |
),
|
154 |
|
155 |
array(
|
156 |
+
"type" => "vc_links",
|
157 |
+
"param_name" => "caption_url",
|
158 |
+
"class" => "ult_param_heading",
|
159 |
+
"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' ),
|
160 |
"group" => 'General',
|
161 |
),
|
162 |
+
|
163 |
array(
|
164 |
"type" => "iconpicker",
|
165 |
"heading" => __( 'Social Icon', 'socialicon' ),
|
178 |
),
|
179 |
|
180 |
array(
|
181 |
+
"type" => "vc_number",
|
182 |
"heading" => __( 'Font size', 'socialicon' ),
|
183 |
"param_name" => "size",
|
184 |
"description" => __( 'icon font size in pixel', 'socialicon' ),
|
185 |
"group" => 'Font Icon',
|
186 |
+
"suffix" => 'px',
|
187 |
+
'value' => __( "20", 'socialicon' ),
|
188 |
),
|
189 |
|
190 |
array(
|
render/statcounter.php
CHANGED
@@ -21,12 +21,12 @@ class WPBakeryShortCode_mvc_counter extends WPBakeryShortCode {
|
|
21 |
'icon_bg' => '',
|
22 |
'icon_radius' => '0px',
|
23 |
'icon_style' => '',
|
24 |
-
'title_size' => '
|
25 |
'title_font' => '500',
|
26 |
'title_clr' => '',
|
27 |
-
'lineheight' => '',
|
28 |
'stat_numb' => '',
|
29 |
-
'stat_size' => '
|
30 |
'stat_font' => '',
|
31 |
'stat_clr' => '',
|
32 |
'count_decimal' => '0',
|
@@ -48,17 +48,17 @@ class WPBakeryShortCode_mvc_counter extends WPBakeryShortCode {
|
|
48 |
<div id="mega_count_bar" class="<?php echo $css_class; ?>">
|
49 |
<div class="mega_count_img">
|
50 |
<?php if ($sec_style == 'image') { ?>
|
51 |
-
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>" height="<?php echo $image_height; ?>">
|
52 |
<?php } ?>
|
53 |
<?php if ($sec_style == 'icon') { ?>
|
54 |
-
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width;
|
55 |
<?php } ?>
|
56 |
</div>
|
57 |
<div class="mega_count_content">
|
58 |
-
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="line-height: <?php echo $lineheight; ?>; text-align: center; font-size: <?php echo $stat_size;
|
59 |
<?php echo $start_from; ?>
|
60 |
</p>
|
61 |
-
<h3 style="font-size: <?php echo $title_size;
|
62 |
<?php echo $count_title; ?>
|
63 |
</h3>
|
64 |
</div>
|
@@ -70,18 +70,18 @@ class WPBakeryShortCode_mvc_counter extends WPBakeryShortCode {
|
|
70 |
<div id="mega_count_bar" class="<?php echo $css_class; ?>">
|
71 |
<div class="mega_count_img">
|
72 |
<?php if ($sec_style == 'image') { ?>
|
73 |
-
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>" height="<?php echo $image_height; ?>" alt="">
|
74 |
<?php } ?>
|
75 |
<?php if ($sec_style == 'icon') { ?>
|
76 |
-
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width;
|
77 |
<?php } ?>
|
78 |
</div>
|
79 |
<div class="mega_count_content">
|
80 |
-
<h3 style="font-size: <?php echo $title_size;
|
81 |
<?php echo $count_title; ?>
|
82 |
</h3>
|
83 |
<hr style="line-height: <?php echo $lineheight; ?>;">
|
84 |
-
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="text-align: center; font-size: <?php echo $stat_size;
|
85 |
<?php echo $start_from; ?>
|
86 |
</p>
|
87 |
</div>
|
@@ -93,17 +93,17 @@ class WPBakeryShortCode_mvc_counter extends WPBakeryShortCode {
|
|
93 |
<div id="mega_count_bar_2" class="<?php echo $css_class; ?>">
|
94 |
<div class="mega_count_img">
|
95 |
<?php if ($sec_style == 'image') { ?>
|
96 |
-
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>" height="<?php echo $image_height; ?>" alt="">
|
97 |
<?php } ?>
|
98 |
<?php if ($sec_style == 'icon') { ?>
|
99 |
-
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width;
|
100 |
<?php } ?>
|
101 |
</div>
|
102 |
<div class="mega_count_content">
|
103 |
-
<h3 style="line-height: <?php echo $lineheight; ?>; font-size: <?php echo $title_size;
|
104 |
<?php echo $count_title; ?>
|
105 |
</h3>
|
106 |
-
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="text-align: center; font-size: <?php echo $stat_size;
|
107 |
<?php echo $start_from; ?>
|
108 |
</p>
|
109 |
</div>
|
@@ -114,19 +114,19 @@ class WPBakeryShortCode_mvc_counter extends WPBakeryShortCode {
|
|
114 |
<?php if ($counter_style == 'style4') { ?>
|
115 |
<div id="mega_count_bar_3" class="<?php echo $css_class; ?>">
|
116 |
<div class="mega_count_content">
|
117 |
-
<h3 style="font-size: <?php echo $title_size;
|
118 |
<?php echo $count_title; ?>
|
119 |
</h3>
|
120 |
-
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="line-height: <?php echo $lineheight; ?>; text-align: right; font-size: <?php echo $stat_size;
|
121 |
<?php echo $start_from; ?>
|
122 |
</p>
|
123 |
</div>
|
124 |
<div class="mega_count_img">
|
125 |
<?php if ($sec_style == 'image') { ?>
|
126 |
-
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>" height="<?php echo $image_height; ?>" alt="">
|
127 |
<?php } ?>
|
128 |
<?php if ($sec_style == 'icon') { ?>
|
129 |
-
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width;
|
130 |
<?php } ?>
|
131 |
</div>
|
132 |
</div>
|
@@ -136,20 +136,20 @@ class WPBakeryShortCode_mvc_counter extends WPBakeryShortCode {
|
|
136 |
<?php if ($counter_style == 'style5') { ?>
|
137 |
<div id="mega_count_bar_4" class="<?php echo $css_class; ?>">
|
138 |
<div class="mega_count_content">
|
139 |
-
<h3 style="font-size: <?php echo $title_size;
|
140 |
<?php echo $count_title; ?>
|
141 |
</h3>
|
142 |
</div>
|
143 |
<div class="mega_count_img" style="line-height: <?php echo $lineheight; ?>;">
|
144 |
<?php if ($sec_style == 'image') { ?>
|
145 |
-
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>" height="<?php echo $image_height; ?>" alt="">
|
146 |
<?php } ?>
|
147 |
<?php if ($sec_style == 'icon') { ?>
|
148 |
-
<i class="<?php echo $count_icon; ?>" style="line-height: <?php echo $image_height-2; ?>px; font-size: <?php echo $icon_size;
|
149 |
<?php } ?>
|
150 |
</div>
|
151 |
<div class="mega_count_content">
|
152 |
-
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="text-align: center; font-size: <?php echo $stat_size;
|
153 |
<?php echo $start_from; ?>
|
154 |
</p>
|
155 |
</div>
|
@@ -174,7 +174,7 @@ vc_map( array(
|
|
174 |
"type" => "dropdown",
|
175 |
"heading" => __( 'Counter styles', 'counter' ),
|
176 |
"param_name" => "counter_style",
|
177 |
-
"description" => __( 'Select counter styles', 'counter' ),
|
178 |
"group" => 'General',
|
179 |
"value" => array(
|
180 |
"Top logo bottom content" => "style",
|
@@ -214,28 +214,31 @@ vc_map( array(
|
|
214 |
"group" => 'General',
|
215 |
),
|
216 |
array(
|
217 |
-
"type" => "
|
218 |
"heading" => __( 'Icon font size', 'counter' ),
|
219 |
"param_name" => "icon_size",
|
220 |
-
"description" => __( 'set font size in pixel e.g
|
221 |
"dependency" => array('element' => "sec_style", 'value' => 'icon'),
|
222 |
-
"value" => "
|
|
|
223 |
"group" => 'General',
|
224 |
),
|
225 |
array(
|
226 |
-
"type" => "
|
227 |
"heading" => __( 'Width', 'counter' ),
|
228 |
"param_name" => "image_width",
|
229 |
-
"description" => __( 'Set custom width in pixel or leave blank e.g
|
230 |
-
"value" => "
|
|
|
231 |
"group" => 'General',
|
232 |
),
|
233 |
array(
|
234 |
-
"type" => "
|
235 |
"heading" => __( 'Height', 'counter' ),
|
236 |
"param_name" => "image_height",
|
237 |
-
"description" => __( 'Set custom height in pixel or leave blank e.g
|
238 |
-
"value" => "
|
|
|
239 |
"group" => 'General',
|
240 |
),
|
241 |
array(
|
@@ -281,6 +284,14 @@ vc_map( array(
|
|
281 |
"group" => 'General',
|
282 |
),
|
283 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
284 |
|
285 |
// Content Section
|
286 |
|
@@ -292,17 +303,19 @@ vc_map( array(
|
|
292 |
"group" => 'Title',
|
293 |
),
|
294 |
array(
|
295 |
-
"type" => "
|
296 |
"heading" => __( 'Font size', 'counter' ),
|
297 |
"param_name" => "title_size",
|
298 |
-
"description" => __( 'set title font size in pixel e.g
|
|
|
299 |
"group" => 'Title',
|
300 |
),
|
301 |
array(
|
302 |
-
"type" => "
|
303 |
"heading" => __( 'Font Weight', 'counter' ),
|
304 |
"param_name" => "title_font",
|
305 |
"description" => __( 'set font thickness with difference of 100 in numbers e.g 500', 'counter' ),
|
|
|
306 |
"group" => 'Title',
|
307 |
),
|
308 |
array(
|
@@ -313,7 +326,7 @@ vc_map( array(
|
|
313 |
"group" => 'Title',
|
314 |
),
|
315 |
array(
|
316 |
-
"type" => "
|
317 |
"heading" => __( 'Line Height', 'counter' ),
|
318 |
"param_name" => "lineheight",
|
319 |
"description" => __( 'set line height', 'counter' ),
|
@@ -325,24 +338,27 @@ vc_map( array(
|
|
325 |
// Counter Section
|
326 |
|
327 |
array(
|
328 |
-
"type" => "
|
329 |
"heading" => __( 'Stat Counts', 'counter' ),
|
330 |
"param_name" => "stat_numb",
|
331 |
"description" => __( 'write in numbers e.g 4329', 'counter' ),
|
|
|
332 |
"group" => 'Stat Counter',
|
333 |
),
|
334 |
array(
|
335 |
-
"type" => "
|
336 |
"heading" => __( 'Font size', 'counter' ),
|
337 |
"param_name" => "stat_size",
|
338 |
-
"description" => __( 'set counter font size in pixel e.g
|
|
|
339 |
"group" => 'Stat Counter',
|
340 |
),
|
341 |
array(
|
342 |
-
"type" => "
|
343 |
"heading" => __( 'Font Weight', 'counter' ),
|
344 |
"param_name" => "stat_font",
|
345 |
"description" => __( 'set counter font thickness with difference of 100 in numbers e.g 500', 'counter' ),
|
|
|
346 |
"group" => 'Stat Counter',
|
347 |
),
|
348 |
array(
|
@@ -356,31 +372,33 @@ vc_map( array(
|
|
356 |
// Setting Section
|
357 |
|
358 |
array(
|
359 |
-
"type" => "
|
360 |
"heading" => __( 'Decimal', 'counter' ),
|
361 |
"param_name" => "count_decimal",
|
362 |
-
"description" => __( '
|
363 |
"group" => 'Setting',
|
364 |
),
|
365 |
array(
|
366 |
-
"type" => "
|
367 |
"heading" => __( 'Speed', 'counter' ),
|
368 |
"param_name" => "count_speed",
|
369 |
"description" => __( 'set completion time from start to end in milli second 1s=1000 e.g 4000', 'counter' ),
|
|
|
370 |
"group" => 'Setting',
|
371 |
),
|
372 |
array(
|
373 |
-
"type" => "
|
374 |
"heading" => __( 'Start from', 'counter' ),
|
375 |
"param_name" => "count_value",
|
376 |
"description" => __( 'set counter from starting point in number default 0', 'counter' ),
|
377 |
"group" => 'Setting',
|
378 |
),
|
379 |
array(
|
380 |
-
"type" => "
|
381 |
"heading" => __( 'Count interval', 'counter' ),
|
382 |
"param_name" => "count_interv",
|
383 |
"description" => __( 'set counter interval e.g 100', 'counter' ),
|
|
|
384 |
"group" => 'Setting',
|
385 |
),
|
386 |
|
21 |
'icon_bg' => '',
|
22 |
'icon_radius' => '0px',
|
23 |
'icon_style' => '',
|
24 |
+
'title_size' => '30',
|
25 |
'title_font' => '500',
|
26 |
'title_clr' => '',
|
27 |
+
'lineheight' => '1.1',
|
28 |
'stat_numb' => '',
|
29 |
+
'stat_size' => '20',
|
30 |
'stat_font' => '',
|
31 |
'stat_clr' => '',
|
32 |
'count_decimal' => '0',
|
48 |
<div id="mega_count_bar" class="<?php echo $css_class; ?>">
|
49 |
<div class="mega_count_img">
|
50 |
<?php if ($sec_style == 'image') { ?>
|
51 |
+
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>px" height="<?php echo $image_height; ?>px">
|
52 |
<?php } ?>
|
53 |
<?php if ($sec_style == 'icon') { ?>
|
54 |
+
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width; ?>px; height: <?php echo $image_height; ?>px; line-height: <?php echo $image_height-4; ?>px; background: <?php echo $icon_bg; ?>; border-radius: <?php echo $icon_radius; ?>; border: <?php echo $icon_style; ?>; font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
55 |
<?php } ?>
|
56 |
</div>
|
57 |
<div class="mega_count_content">
|
58 |
+
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="line-height: <?php echo $lineheight; ?>; text-align: center; font-size: <?php echo $stat_size; ?>px; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
|
59 |
<?php echo $start_from; ?>
|
60 |
</p>
|
61 |
+
<h3 style="font-size: <?php echo $title_size; ?>px; font-weight: <?php echo $title_font; ?>; color: <?php echo $title_clr; ?>;">
|
62 |
<?php echo $count_title; ?>
|
63 |
</h3>
|
64 |
</div>
|
70 |
<div id="mega_count_bar" class="<?php echo $css_class; ?>">
|
71 |
<div class="mega_count_img">
|
72 |
<?php if ($sec_style == 'image') { ?>
|
73 |
+
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>px" height="<?php echo $image_height; ?>px" alt="">
|
74 |
<?php } ?>
|
75 |
<?php if ($sec_style == 'icon') { ?>
|
76 |
+
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width; ?>px; height: <?php echo $image_height; ?>px; line-height: <?php echo $image_height-4; ?>px; background: <?php echo $icon_bg; ?>; border-radius: <?php echo $icon_radius; ?>; border: <?php echo $icon_style; ?>; font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
77 |
<?php } ?>
|
78 |
</div>
|
79 |
<div class="mega_count_content">
|
80 |
+
<h3 style="font-size: <?php echo $title_size; ?>px; font-weight: <?php echo $title_font; ?>; color: <?php echo $title_clr; ?>;">
|
81 |
<?php echo $count_title; ?>
|
82 |
</h3>
|
83 |
<hr style="line-height: <?php echo $lineheight; ?>;">
|
84 |
+
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="text-align: center; font-size: <?php echo $stat_size; ?>px; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
|
85 |
<?php echo $start_from; ?>
|
86 |
</p>
|
87 |
</div>
|
93 |
<div id="mega_count_bar_2" class="<?php echo $css_class; ?>">
|
94 |
<div class="mega_count_img">
|
95 |
<?php if ($sec_style == 'image') { ?>
|
96 |
+
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>px" height="<?php echo $image_height; ?>px" alt="">
|
97 |
<?php } ?>
|
98 |
<?php if ($sec_style == 'icon') { ?>
|
99 |
+
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width; ?>px; height: <?php echo $image_height; ?>px; line-height: <?php echo $image_height-2; ?>px; background: <?php echo $icon_bg; ?>; border-radius: <?php echo $icon_radius; ?>; border: <?php echo $icon_style; ?>; font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
100 |
<?php } ?>
|
101 |
</div>
|
102 |
<div class="mega_count_content">
|
103 |
+
<h3 style="line-height: <?php echo $lineheight; ?>; font-size: <?php echo $title_size; ?>px; font-weight: <?php echo $title_font; ?>; color: <?php echo $title_clr; ?>;">
|
104 |
<?php echo $count_title; ?>
|
105 |
</h3>
|
106 |
+
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="text-align: center; font-size: <?php echo $stat_size; ?>px; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
|
107 |
<?php echo $start_from; ?>
|
108 |
</p>
|
109 |
</div>
|
114 |
<?php if ($counter_style == 'style4') { ?>
|
115 |
<div id="mega_count_bar_3" class="<?php echo $css_class; ?>">
|
116 |
<div class="mega_count_content">
|
117 |
+
<h3 style="font-size: <?php echo $title_size; ?>px; font-weight: <?php echo $title_font; ?>; color: <?php echo $title_clr; ?>;">
|
118 |
<?php echo $count_title; ?>
|
119 |
</h3>
|
120 |
+
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="line-height: <?php echo $lineheight; ?>; text-align: right; font-size: <?php echo $stat_size; ?>px; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
|
121 |
<?php echo $start_from; ?>
|
122 |
</p>
|
123 |
</div>
|
124 |
<div class="mega_count_img">
|
125 |
<?php if ($sec_style == 'image') { ?>
|
126 |
+
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>px" height="<?php echo $image_height; ?>px" alt="">
|
127 |
<?php } ?>
|
128 |
<?php if ($sec_style == 'icon') { ?>
|
129 |
+
<i class="<?php echo $count_icon; ?>" style="width: <?php echo $image_width; ?>px; height: <?php echo $image_height; ?>px; line-height: <?php echo $image_height-2; ?>px; background: <?php echo $icon_bg; ?>; border-radius: <?php echo $icon_radius; ?>; border: <?php echo $icon_style; ?>; font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
130 |
<?php } ?>
|
131 |
</div>
|
132 |
</div>
|
136 |
<?php if ($counter_style == 'style5') { ?>
|
137 |
<div id="mega_count_bar_4" class="<?php echo $css_class; ?>">
|
138 |
<div class="mega_count_content">
|
139 |
+
<h3 style="font-size: <?php echo $title_size; ?>px; font-weight: <?php echo $title_font; ?>; color: <?php echo $title_clr; ?>;">
|
140 |
<?php echo $count_title; ?>
|
141 |
</h3>
|
142 |
</div>
|
143 |
<div class="mega_count_img" style="line-height: <?php echo $lineheight; ?>;">
|
144 |
<?php if ($sec_style == 'image') { ?>
|
145 |
+
<img src="<?php echo $image_url; ?>" width="<?php echo $image_width; ?>px" height="<?php echo $image_height; ?>px" alt="">
|
146 |
<?php } ?>
|
147 |
<?php if ($sec_style == 'icon') { ?>
|
148 |
+
<i class="<?php echo $count_icon; ?>" style="line-height: <?php echo $image_height-2; ?>px; font-size: <?php echo $icon_size; ?>px; color: <?php echo $icon_clr; ?>;"></i>
|
149 |
<?php } ?>
|
150 |
</div>
|
151 |
<div class="mega_count_content">
|
152 |
+
<p class="timer" data-decimals="<?php echo $count_decimal; ?>" data-speed="<?php echo $count_speed; ?>" data-to="<?php echo $stat_numb; ?>" data-refresh-interval="<?php echo $count_interv; ?>" data-from="<?php echo $start_from; ?>" style="text-align: center; font-size: <?php echo $stat_size; ?>px; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
|
153 |
<?php echo $start_from; ?>
|
154 |
</p>
|
155 |
</div>
|
174 |
"type" => "dropdown",
|
175 |
"heading" => __( 'Counter styles', 'counter' ),
|
176 |
"param_name" => "counter_style",
|
177 |
+
"description" => __( 'Select counter styles <a href="http://addons.topdigitaltrends.net/stats-counter/">See demo</a>', 'counter' ),
|
178 |
"group" => 'General',
|
179 |
"value" => array(
|
180 |
"Top logo bottom content" => "style",
|
214 |
"group" => 'General',
|
215 |
),
|
216 |
array(
|
217 |
+
"type" => "vc_number",
|
218 |
"heading" => __( 'Icon font size', 'counter' ),
|
219 |
"param_name" => "icon_size",
|
220 |
+
"description" => __( 'set font size in pixel e.g 25', 'counter' ),
|
221 |
"dependency" => array('element' => "sec_style", 'value' => 'icon'),
|
222 |
+
"value" => "25",
|
223 |
+
"suffix" => 'px',
|
224 |
"group" => 'General',
|
225 |
),
|
226 |
array(
|
227 |
+
"type" => "vc_number",
|
228 |
"heading" => __( 'Width', 'counter' ),
|
229 |
"param_name" => "image_width",
|
230 |
+
"description" => __( 'Set custom width in pixel or leave blank e.g 100', 'counter' ),
|
231 |
+
"value" => "50",
|
232 |
+
"suffix" => 'px',
|
233 |
"group" => 'General',
|
234 |
),
|
235 |
array(
|
236 |
+
"type" => "vc_number",
|
237 |
"heading" => __( 'Height', 'counter' ),
|
238 |
"param_name" => "image_height",
|
239 |
+
"description" => __( 'Set custom height in pixel or leave blank e.g 100', 'counter' ),
|
240 |
+
"value" => "50",
|
241 |
+
"suffix" => 'px',
|
242 |
"group" => 'General',
|
243 |
),
|
244 |
array(
|
284 |
"group" => 'General',
|
285 |
),
|
286 |
|
287 |
+
array(
|
288 |
+
"type" => "vc_links",
|
289 |
+
"param_name" => "caption_url",
|
290 |
+
"class" => "ult_param_heading",
|
291 |
+
"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' ),
|
292 |
+
"group" => 'General',
|
293 |
+
),
|
294 |
+
|
295 |
|
296 |
// Content Section
|
297 |
|
303 |
"group" => 'Title',
|
304 |
),
|
305 |
array(
|
306 |
+
"type" => "vc_number",
|
307 |
"heading" => __( 'Font size', 'counter' ),
|
308 |
"param_name" => "title_size",
|
309 |
+
"description" => __( 'set title font size in pixel e.g 30', 'counter' ),
|
310 |
+
"suffix" => 'px',
|
311 |
"group" => 'Title',
|
312 |
),
|
313 |
array(
|
314 |
+
"type" => "vc_number",
|
315 |
"heading" => __( 'Font Weight', 'counter' ),
|
316 |
"param_name" => "title_font",
|
317 |
"description" => __( 'set font thickness with difference of 100 in numbers e.g 500', 'counter' ),
|
318 |
+
"max" => "",
|
319 |
"group" => 'Title',
|
320 |
),
|
321 |
array(
|
326 |
"group" => 'Title',
|
327 |
),
|
328 |
array(
|
329 |
+
"type" => "vc_number",
|
330 |
"heading" => __( 'Line Height', 'counter' ),
|
331 |
"param_name" => "lineheight",
|
332 |
"description" => __( 'set line height', 'counter' ),
|
338 |
// Counter Section
|
339 |
|
340 |
array(
|
341 |
+
"type" => "vc_number",
|
342 |
"heading" => __( 'Stat Counts', 'counter' ),
|
343 |
"param_name" => "stat_numb",
|
344 |
"description" => __( 'write in numbers e.g 4329', 'counter' ),
|
345 |
+
"max" => "",
|
346 |
"group" => 'Stat Counter',
|
347 |
),
|
348 |
array(
|
349 |
+
"type" => "vc_number",
|
350 |
"heading" => __( 'Font size', 'counter' ),
|
351 |
"param_name" => "stat_size",
|
352 |
+
"description" => __( 'set counter font size in pixel e.g 20', 'counter' ),
|
353 |
+
"suffix" => 'px',
|
354 |
"group" => 'Stat Counter',
|
355 |
),
|
356 |
array(
|
357 |
+
"type" => "vc_number",
|
358 |
"heading" => __( 'Font Weight', 'counter' ),
|
359 |
"param_name" => "stat_font",
|
360 |
"description" => __( 'set counter font thickness with difference of 100 in numbers e.g 500', 'counter' ),
|
361 |
+
"max" => "",
|
362 |
"group" => 'Stat Counter',
|
363 |
),
|
364 |
array(
|
372 |
// Setting Section
|
373 |
|
374 |
array(
|
375 |
+
"type" => "vc_number",
|
376 |
"heading" => __( 'Decimal', 'counter' ),
|
377 |
"param_name" => "count_decimal",
|
378 |
+
"description" => __( 'decimal value after points e.g 2 or leave blank', 'counter' ),
|
379 |
"group" => 'Setting',
|
380 |
),
|
381 |
array(
|
382 |
+
"type" => "vc_number",
|
383 |
"heading" => __( 'Speed', 'counter' ),
|
384 |
"param_name" => "count_speed",
|
385 |
"description" => __( 'set completion time from start to end in milli second 1s=1000 e.g 4000', 'counter' ),
|
386 |
+
"max" => "",
|
387 |
"group" => 'Setting',
|
388 |
),
|
389 |
array(
|
390 |
+
"type" => "vc_number",
|
391 |
"heading" => __( 'Start from', 'counter' ),
|
392 |
"param_name" => "count_value",
|
393 |
"description" => __( 'set counter from starting point in number default 0', 'counter' ),
|
394 |
"group" => 'Setting',
|
395 |
),
|
396 |
array(
|
397 |
+
"type" => "vc_number",
|
398 |
"heading" => __( 'Count interval', 'counter' ),
|
399 |
"param_name" => "count_interv",
|
400 |
"description" => __( 'set counter interval e.g 100', 'counter' ),
|
401 |
+
"max" => "",
|
402 |
"group" => 'Setting',
|
403 |
),
|
404 |
|
render/teamprofile.php
CHANGED
@@ -51,6 +51,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
51 |
'social_icon6' => '',
|
52 |
'social_url6' => '',
|
53 |
), $atts ) );
|
|
|
54 |
if ($image_id != '') {
|
55 |
$image_url = wp_get_attachment_url( $image_id );
|
56 |
}
|
@@ -63,7 +64,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
63 |
<div class="mega_team_wrap">
|
64 |
<div class="member-image">
|
65 |
<?php if (isset($url) && $url != '') { ?>
|
66 |
-
<a href="<?php echo $url; ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
67 |
<?php } ?>
|
68 |
<?php if (isset($url) && $url == NULL) { ?>
|
69 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
@@ -77,7 +78,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
77 |
<div class="member-desc">
|
78 |
<?php echo $memb_about; ?>
|
79 |
</div>
|
80 |
-
<div class="member-info" style="font-size: <?php echo $info_size;
|
81 |
<?php if (!empty($memb_email)) { ?>
|
82 |
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
83 |
<?php } ?>
|
@@ -95,7 +96,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
95 |
<?php if (!empty($memb_skill)) { ?>
|
96 |
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
97 |
<div class="skill-prog">
|
98 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl;
|
99 |
</div>
|
100 |
</div>
|
101 |
<?php } ?>
|
@@ -103,7 +104,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
103 |
<?php if (!empty($memb_skill2)) { ?>
|
104 |
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
105 |
<div class="skill-prog">
|
106 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2;
|
107 |
</div>
|
108 |
</div>
|
109 |
<?php } ?>
|
@@ -111,7 +112,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
111 |
<?php if (!empty($memb_skill3)) { ?>
|
112 |
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
113 |
<div class="skill-prog">
|
114 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3;
|
115 |
</div>
|
116 |
</div>
|
117 |
<?php } ?>
|
@@ -119,7 +120,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
119 |
<?php if (!empty($memb_skill4)) { ?>
|
120 |
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
121 |
<div class="skill-prog">
|
122 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4;
|
123 |
</div>
|
124 |
</div>
|
125 |
<?php } ?>
|
@@ -127,7 +128,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
127 |
<?php if (!empty($memb_skill5)) { ?>
|
128 |
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
129 |
<div class="skill-prog">
|
130 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5;
|
131 |
</div>
|
132 |
</div>
|
133 |
<?php } ?>
|
@@ -165,7 +166,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
165 |
<div class="mega_team_wrap">
|
166 |
<div class="member-image">
|
167 |
<?php if (isset($url) && $url != '') { ?>
|
168 |
-
<a href="<?php echo $url; ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
169 |
<?php } ?>
|
170 |
<?php if (isset($url) && $url == NULL) { ?>
|
171 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
@@ -182,7 +183,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
182 |
<?php if (!empty($memb_skill)) { ?>
|
183 |
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
184 |
<div class="skill-prog">
|
185 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl;
|
186 |
</div>
|
187 |
</div>
|
188 |
<?php } ?>
|
@@ -190,7 +191,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
190 |
<?php if (!empty($memb_skill2)) { ?>
|
191 |
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
192 |
<div class="skill-prog">
|
193 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2;
|
194 |
</div>
|
195 |
</div>
|
196 |
<?php } ?>
|
@@ -198,7 +199,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
198 |
<?php if (!empty($memb_skill3)) { ?>
|
199 |
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
200 |
<div class="skill-prog">
|
201 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3;
|
202 |
</div>
|
203 |
</div>
|
204 |
<?php } ?>
|
@@ -206,7 +207,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
206 |
<?php if (!empty($memb_skill4)) { ?>
|
207 |
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
208 |
<div class="skill-prog">
|
209 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4;
|
210 |
</div>
|
211 |
</div>
|
212 |
<?php } ?>
|
@@ -214,12 +215,12 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
214 |
<?php if (!empty($memb_skill5)) { ?>
|
215 |
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
216 |
<div class="skill-prog">
|
217 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5;
|
218 |
</div>
|
219 |
</div>
|
220 |
<?php } ?>
|
221 |
</div>
|
222 |
-
<div class="member-info" style="font-size: <?php echo $info_size;
|
223 |
<?php if (!empty($memb_email)) { ?>
|
224 |
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
225 |
<?php } ?>
|
@@ -270,7 +271,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
270 |
<div class="mega_team_wrap">
|
271 |
<div class="member-image">
|
272 |
<?php if (isset($url) && $url != '') { ?>
|
273 |
-
<a href="<?php echo $url; ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
274 |
<?php } ?>
|
275 |
<?php if (isset($url) && $url == NULL) { ?>
|
276 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
@@ -284,7 +285,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
284 |
<div class="member-desc">
|
285 |
<?php echo $memb_about; ?>
|
286 |
</div>
|
287 |
-
<div class="member-info" style="font-size: <?php echo $info_size;
|
288 |
<?php if (!empty($memb_email)) { ?>
|
289 |
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
290 |
<?php } ?>
|
@@ -302,7 +303,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
302 |
<?php if (!empty($memb_skill)) { ?>
|
303 |
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
304 |
<div class="skill-prog">
|
305 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl;
|
306 |
</div>
|
307 |
</div>
|
308 |
<?php } ?>
|
@@ -310,7 +311,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
310 |
<?php if (!empty($memb_skill2)) { ?>
|
311 |
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
312 |
<div class="skill-prog">
|
313 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2;
|
314 |
</div>
|
315 |
</div>
|
316 |
<?php } ?>
|
@@ -318,7 +319,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
318 |
<?php if (!empty($memb_skill3)) { ?>
|
319 |
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
320 |
<div class="skill-prog">
|
321 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3;
|
322 |
</div>
|
323 |
</div>
|
324 |
<?php } ?>
|
@@ -326,7 +327,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
326 |
<?php if (!empty($memb_skill4)) { ?>
|
327 |
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
328 |
<div class="skill-prog">
|
329 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4;
|
330 |
</div>
|
331 |
</div>
|
332 |
<?php } ?>
|
@@ -334,7 +335,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
334 |
<?php if (!empty($memb_skill5)) { ?>
|
335 |
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
336 |
<div class="skill-prog">
|
337 |
-
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5;
|
338 |
</div>
|
339 |
</div>
|
340 |
<?php } ?>
|
@@ -370,7 +371,7 @@ class WPBakeryShortCode_mvc_team_profile extends WPBakeryShortCode {
|
|
370 |
<div class="mega_team_case_4">
|
371 |
<div class="member-image">
|
372 |
<?php if (isset($url) && $url != '') { ?>
|
373 |
-
<a href="<?php echo $url; ?>"><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
374 |
<?php } ?>
|
375 |
<?php if (isset($url) && $url == NULL) { ?>
|
376 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
@@ -427,12 +428,13 @@ vc_map( array(
|
|
427 |
"type" => "dropdown",
|
428 |
"heading" => __( 'Member Style', 'memberprofile' ),
|
429 |
"param_name" => "member_visibility",
|
430 |
-
"description" => __( 'Select style of member profile', 'memberprofile' ),
|
431 |
"group" => 'General',
|
432 |
"value" => array(
|
433 |
"Grow" => "grow",
|
434 |
"Float" => "float",
|
435 |
"Outset" => "outset",
|
|
|
436 |
)
|
437 |
),
|
438 |
array(
|
@@ -444,7 +446,7 @@ vc_map( array(
|
|
444 |
),
|
445 |
|
446 |
array(
|
447 |
-
"type" => "
|
448 |
"heading" => __( 'URL Link', 'member-vc' ),
|
449 |
"param_name" => "url",
|
450 |
"description" => __( 'It will move to next page on click', 'member-vc' ),
|
@@ -467,6 +469,14 @@ vc_map( array(
|
|
467 |
"group" => 'General',
|
468 |
),
|
469 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
470 |
array(
|
471 |
"type" => "textfield",
|
472 |
"heading" => __( 'Member name', 'memberprofile' ),
|
@@ -493,10 +503,11 @@ vc_map( array(
|
|
493 |
// Info
|
494 |
|
495 |
array(
|
496 |
-
"type" => "
|
497 |
"heading" => __( 'Info text font size', 'memberprofile' ),
|
498 |
"param_name" => "info_size",
|
499 |
-
"description" => __( 'Write font size along with units e.g
|
|
|
500 |
"group" => 'Info',
|
501 |
),
|
502 |
array(
|
@@ -550,10 +561,11 @@ vc_map( array(
|
|
550 |
),
|
551 |
|
552 |
array(
|
553 |
-
"type" => "
|
554 |
"heading" => __( 'First percentage', 'memberprofile' ),
|
555 |
"param_name" => "memb_perl",
|
556 |
-
"description" => __( 'first skill percentage e.g 87
|
|
|
557 |
"group" => 'Skill',
|
558 |
),
|
559 |
|
@@ -566,10 +578,11 @@ vc_map( array(
|
|
566 |
),
|
567 |
|
568 |
array(
|
569 |
-
"type" => "
|
570 |
"heading" => __( 'Second percentage', 'memberprofile' ),
|
571 |
"param_name" => "memb_per2",
|
572 |
-
"description" => __( 'second skill percentage e.g 83
|
|
|
573 |
"group" => 'Skill',
|
574 |
),
|
575 |
|
@@ -582,10 +595,11 @@ vc_map( array(
|
|
582 |
),
|
583 |
|
584 |
array(
|
585 |
-
"type" => "
|
586 |
"heading" => __( 'Third percentage', 'memberprofile' ),
|
587 |
"param_name" => "memb_per3",
|
588 |
-
"description" => __( 'third skill percentage e.g 83
|
|
|
589 |
"group" => 'Skill',
|
590 |
),
|
591 |
array(
|
@@ -597,10 +611,11 @@ vc_map( array(
|
|
597 |
),
|
598 |
|
599 |
array(
|
600 |
-
"type" => "
|
601 |
"heading" => __( 'Fourth percentage', 'memberprofile' ),
|
602 |
"param_name" => "memb_per4",
|
603 |
-
"description" => __( 'fourth skill percentage e.g 83
|
|
|
604 |
"group" => 'Skill',
|
605 |
),
|
606 |
|
@@ -613,10 +628,11 @@ vc_map( array(
|
|
613 |
),
|
614 |
|
615 |
array(
|
616 |
-
"type" => "
|
617 |
"heading" => __( 'Fifth percentage', 'memberprofile' ),
|
618 |
"param_name" => "memb_per5",
|
619 |
-
"description" => __( 'fifth skill percentage e.g 83
|
|
|
620 |
"group" => 'Skill',
|
621 |
),
|
622 |
|
51 |
'social_icon6' => '',
|
52 |
'social_url6' => '',
|
53 |
), $atts ) );
|
54 |
+
$url = vc_build_link($url);
|
55 |
if ($image_id != '') {
|
56 |
$image_url = wp_get_attachment_url( $image_id );
|
57 |
}
|
64 |
<div class="mega_team_wrap">
|
65 |
<div class="member-image">
|
66 |
<?php if (isset($url) && $url != '') { ?>
|
67 |
+
<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>
|
68 |
<?php } ?>
|
69 |
<?php if (isset($url) && $url == NULL) { ?>
|
70 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
78 |
<div class="member-desc">
|
79 |
<?php echo $memb_about; ?>
|
80 |
</div>
|
81 |
+
<div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
|
82 |
<?php if (!empty($memb_email)) { ?>
|
83 |
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
84 |
<?php } ?>
|
96 |
<?php if (!empty($memb_skill)) { ?>
|
97 |
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
98 |
<div class="skill-prog">
|
99 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
|
100 |
</div>
|
101 |
</div>
|
102 |
<?php } ?>
|
104 |
<?php if (!empty($memb_skill2)) { ?>
|
105 |
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
106 |
<div class="skill-prog">
|
107 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
|
108 |
</div>
|
109 |
</div>
|
110 |
<?php } ?>
|
112 |
<?php if (!empty($memb_skill3)) { ?>
|
113 |
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
114 |
<div class="skill-prog">
|
115 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
|
116 |
</div>
|
117 |
</div>
|
118 |
<?php } ?>
|
120 |
<?php if (!empty($memb_skill4)) { ?>
|
121 |
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
122 |
<div class="skill-prog">
|
123 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
|
124 |
</div>
|
125 |
</div>
|
126 |
<?php } ?>
|
128 |
<?php if (!empty($memb_skill5)) { ?>
|
129 |
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
130 |
<div class="skill-prog">
|
131 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
|
132 |
</div>
|
133 |
</div>
|
134 |
<?php } ?>
|
166 |
<div class="mega_team_wrap">
|
167 |
<div class="member-image">
|
168 |
<?php if (isset($url) && $url != '') { ?>
|
169 |
+
<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>
|
170 |
<?php } ?>
|
171 |
<?php if (isset($url) && $url == NULL) { ?>
|
172 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
183 |
<?php if (!empty($memb_skill)) { ?>
|
184 |
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
185 |
<div class="skill-prog">
|
186 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
|
187 |
</div>
|
188 |
</div>
|
189 |
<?php } ?>
|
191 |
<?php if (!empty($memb_skill2)) { ?>
|
192 |
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
193 |
<div class="skill-prog">
|
194 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
|
195 |
</div>
|
196 |
</div>
|
197 |
<?php } ?>
|
199 |
<?php if (!empty($memb_skill3)) { ?>
|
200 |
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
201 |
<div class="skill-prog">
|
202 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
|
203 |
</div>
|
204 |
</div>
|
205 |
<?php } ?>
|
207 |
<?php if (!empty($memb_skill4)) { ?>
|
208 |
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
209 |
<div class="skill-prog">
|
210 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
|
211 |
</div>
|
212 |
</div>
|
213 |
<?php } ?>
|
215 |
<?php if (!empty($memb_skill5)) { ?>
|
216 |
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
217 |
<div class="skill-prog">
|
218 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
|
219 |
</div>
|
220 |
</div>
|
221 |
<?php } ?>
|
222 |
</div>
|
223 |
+
<div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
|
224 |
<?php if (!empty($memb_email)) { ?>
|
225 |
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
226 |
<?php } ?>
|
271 |
<div class="mega_team_wrap">
|
272 |
<div class="member-image">
|
273 |
<?php if (isset($url) && $url != '') { ?>
|
274 |
+
<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>
|
275 |
<?php } ?>
|
276 |
<?php if (isset($url) && $url == NULL) { ?>
|
277 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
285 |
<div class="member-desc">
|
286 |
<?php echo $memb_about; ?>
|
287 |
</div>
|
288 |
+
<div class="member-info" style="font-size: <?php echo $info_size; ?>px; color: <?php echo $info_clr; ?>">
|
289 |
<?php if (!empty($memb_email)) { ?>
|
290 |
<p><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $memb_email; ?></p>
|
291 |
<?php } ?>
|
303 |
<?php if (!empty($memb_skill)) { ?>
|
304 |
<div class="skill-label"><?php echo $memb_skill; ?></div>
|
305 |
<div class="skill-prog">
|
306 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_perl; ?>%; background-color: <?php echo $member_clr; ?>;">
|
307 |
</div>
|
308 |
</div>
|
309 |
<?php } ?>
|
311 |
<?php if (!empty($memb_skill2)) { ?>
|
312 |
<div class="skill-label"><?php echo $memb_skill2; ?></div>
|
313 |
<div class="skill-prog">
|
314 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per2; ?>%; background-color: <?php echo $member_clr; ?>;">
|
315 |
</div>
|
316 |
</div>
|
317 |
<?php } ?>
|
319 |
<?php if (!empty($memb_skill3)) { ?>
|
320 |
<div class="skill-label"><?php echo $memb_skill3; ?></div>
|
321 |
<div class="skill-prog">
|
322 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per3; ?>%; background-color: <?php echo $member_clr; ?>;">
|
323 |
</div>
|
324 |
</div>
|
325 |
<?php } ?>
|
327 |
<?php if (!empty($memb_skill4)) { ?>
|
328 |
<div class="skill-label"><?php echo $memb_skill4; ?></div>
|
329 |
<div class="skill-prog">
|
330 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per4; ?>%; background-color: <?php echo $member_clr; ?>;">
|
331 |
</div>
|
332 |
</div>
|
333 |
<?php } ?>
|
335 |
<?php if (!empty($memb_skill5)) { ?>
|
336 |
<div class="skill-label"><?php echo $memb_skill5; ?></div>
|
337 |
<div class="skill-prog">
|
338 |
+
<div class="fill" data-progress-animation="90%" data-appear-animation-delay="400" style="width: <?php echo $memb_per5; ?>%; background-color: <?php echo $member_clr; ?>;">
|
339 |
</div>
|
340 |
</div>
|
341 |
<?php } ?>
|
371 |
<div class="mega_team_case_4">
|
372 |
<div class="member-image">
|
373 |
<?php if (isset($url) && $url != '') { ?>
|
374 |
+
<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>
|
375 |
<?php } ?>
|
376 |
<?php if (isset($url) && $url == NULL) { ?>
|
377 |
<a><img src="<?php echo $image_url; ?>" alt="<?php echo $image_alt; ?>"></a>
|
428 |
"type" => "dropdown",
|
429 |
"heading" => __( 'Member Style', 'memberprofile' ),
|
430 |
"param_name" => "member_visibility",
|
431 |
+
"description" => __( 'Select style of member profile <a href="http://addons.topdigitaltrends.net/member-profile">See demo</a>', 'memberprofile' ),
|
432 |
"group" => 'General',
|
433 |
"value" => array(
|
434 |
"Grow" => "grow",
|
435 |
"Float" => "float",
|
436 |
"Outset" => "outset",
|
437 |
+
"Smart" => "smart",
|
438 |
)
|
439 |
),
|
440 |
array(
|
446 |
),
|
447 |
|
448 |
array(
|
449 |
+
"type" => "vc_link",
|
450 |
"heading" => __( 'URL Link', 'member-vc' ),
|
451 |
"param_name" => "url",
|
452 |
"description" => __( 'It will move to next page on click', 'member-vc' ),
|
469 |
"group" => 'General',
|
470 |
),
|
471 |
|
472 |
+
array(
|
473 |
+
"type" => "vc_links",
|
474 |
+
"param_name" => "caption_url",
|
475 |
+
"class" => "ult_param_heading",
|
476 |
+
"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' ),
|
477 |
+
"group" => 'General',
|
478 |
+
),
|
479 |
+
|
480 |
array(
|
481 |
"type" => "textfield",
|
482 |
"heading" => __( 'Member name', 'memberprofile' ),
|
503 |
// Info
|
504 |
|
505 |
array(
|
506 |
+
"type" => "vc_number",
|
507 |
"heading" => __( 'Info text font size', 'memberprofile' ),
|
508 |
"param_name" => "info_size",
|
509 |
+
"description" => __( 'Write font size along with units e.g 13', 'memberprofile' ),
|
510 |
+
"suffix" => 'px',
|
511 |
"group" => 'Info',
|
512 |
),
|
513 |
array(
|
561 |
),
|
562 |
|
563 |
array(
|
564 |
+
"type" => "vc_number",
|
565 |
"heading" => __( 'First percentage', 'memberprofile' ),
|
566 |
"param_name" => "memb_perl",
|
567 |
+
"description" => __( 'first skill percentage e.g 87 or leave blank', 'memberprofile' ),
|
568 |
+
"suffix" => '%',
|
569 |
"group" => 'Skill',
|
570 |
),
|
571 |
|
578 |
),
|
579 |
|
580 |
array(
|
581 |
+
"type" => "vc_number",
|
582 |
"heading" => __( 'Second percentage', 'memberprofile' ),
|
583 |
"param_name" => "memb_per2",
|
584 |
+
"description" => __( 'second skill percentage e.g 83 or leave blank', 'memberprofile' ),
|
585 |
+
"suffix" => '%',
|
586 |
"group" => 'Skill',
|
587 |
),
|
588 |
|
595 |
),
|
596 |
|
597 |
array(
|
598 |
+
"type" => "vc_number",
|
599 |
"heading" => __( 'Third percentage', 'memberprofile' ),
|
600 |
"param_name" => "memb_per3",
|
601 |
+
"description" => __( 'third skill percentage e.g 83 or leave blank', 'memberprofile' ),
|
602 |
+
"suffix" => '%',
|
603 |
"group" => 'Skill',
|
604 |
),
|
605 |
array(
|
611 |
),
|
612 |
|
613 |
array(
|
614 |
+
"type" => "vc_number",
|
615 |
"heading" => __( 'Fourth percentage', 'memberprofile' ),
|
616 |
"param_name" => "memb_per4",
|
617 |
+
"description" => __( 'fourth skill percentage e.g 83 or leave blank', 'memberprofile' ),
|
618 |
+
"suffix" => '%',
|
619 |
"group" => 'Skill',
|
620 |
),
|
621 |
|
628 |
),
|
629 |
|
630 |
array(
|
631 |
+
"type" => "vc_number",
|
632 |
"heading" => __( 'Fifth percentage', 'memberprofile' ),
|
633 |
"param_name" => "memb_per5",
|
634 |
+
"description" => __( 'fifth skill percentage e.g 83 or leave blank', 'memberprofile' ),
|
635 |
+
"suffix" => '%',
|
636 |
"group" => 'Skill',
|
637 |
),
|
638 |
|
render/testimonial.php
CHANGED
@@ -12,16 +12,18 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
12 |
'rating' => 'none',
|
13 |
'link' => '',
|
14 |
'image_id' => '',
|
15 |
-
'
|
16 |
-
'
|
|
|
17 |
'name' => '#000',
|
18 |
-
'namesize' => '
|
19 |
'nameclr' => '',
|
20 |
'prof' => '',
|
21 |
-
'profsize' => '
|
22 |
'profclr' => '#000',
|
23 |
'bgclr' => '',
|
24 |
), $atts ) );
|
|
|
25 |
if ($image_id != '') {
|
26 |
$image_url = wp_get_attachment_url( $image_id );
|
27 |
}
|
@@ -36,12 +38,12 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
36 |
</div>
|
37 |
<div class="tm-details">
|
38 |
<div class="tm-profile">
|
39 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
40 |
</div>
|
41 |
<div class="tm-prof">
|
42 |
<div class="tm-name">
|
43 |
-
<span style="font-size: <?php echo $namesize;
|
44 |
-
<span><i><a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize;
|
45 |
<p style="padding-top: 5px; display: <?php echo $rating; ?>">
|
46 |
<img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png">
|
47 |
</p>
|
@@ -57,15 +59,15 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
57 |
<div class="tm-details">
|
58 |
<div class="tm-prof">
|
59 |
<div class="tm-name">
|
60 |
-
<span style="font-size: <?php echo $namesize;
|
61 |
<p>
|
62 |
-
<a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize;
|
63 |
</p>
|
64 |
</div>
|
65 |
</div>
|
66 |
<div class="tm-profile">
|
67 |
<img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png">
|
68 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
69 |
</div>
|
70 |
<div class="clearfix"></div>
|
71 |
</div>
|
@@ -78,7 +80,7 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
78 |
|
79 |
<?php if ($style == 'theme3') { ?>
|
80 |
<div class="mega-testimonial-3">
|
81 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
82 |
<i class="fa fa-quote-left" style="text-align: center; display: block; font-size: 20px;padding: 10px 0 4px 0;color: #000;"></i>
|
83 |
<div class="tm-profile3">
|
84 |
<p style="text-align: center; font-style: italic;">
|
@@ -86,9 +88,9 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
86 |
</p>
|
87 |
</div>
|
88 |
<div class="tm-prof3" style="text-align: center; margin: 15px 0 5px 0;">
|
89 |
-
<p style="font-size: <?php echo $namesize;
|
90 |
<p style="text-align: center;">
|
91 |
-
<a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize;
|
92 |
<?php echo $prof; ?>
|
93 |
</a>
|
94 |
</p>
|
@@ -100,16 +102,16 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
100 |
<?php if ($style == 'theme4') { ?>
|
101 |
<div class="mega-testimonial-4">
|
102 |
<div class="tm-profile4">
|
103 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
104 |
</div>
|
105 |
<div class="tm-right-box" style="padding-left: <?php echo $width+20; ?>px">
|
106 |
<p class="tm-quotes" style="font-style: italic;">
|
107 |
<?php echo $content; ?>
|
108 |
</p><br>
|
109 |
<div class="tm-prof4">
|
110 |
-
<span style="font-size: <?php echo $namesize;
|
111 |
<span><img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png"></span>
|
112 |
-
<p><a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize;
|
113 |
<?php echo $prof; ?>
|
114 |
</a></p>
|
115 |
</div>
|
@@ -125,10 +127,10 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
125 |
<span class="icon-after" style="border-right: 8px solid <?php echo $bgclr; ?>;"></span>
|
126 |
</div>
|
127 |
<div class="tm-profile-5">
|
128 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
129 |
<div class="tm-prof4">
|
130 |
-
<span style="font-size: <?php echo $namesize;
|
131 |
-
<p><a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize;
|
132 |
<?php echo $prof; ?>
|
133 |
</a></p>
|
134 |
<span><img style="border-radius: 0px;" src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png"></span>
|
@@ -144,11 +146,11 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
144 |
<?php echo $content; ?>
|
145 |
</div>
|
146 |
<div class="tm-profile-6">
|
147 |
-
<img class="tm-pic" src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
148 |
<div class="tm-prof6" style="text-align: center; padding-top: 6px;">
|
149 |
-
<span style="font-size: <?php echo $namesize;
|
150 |
<p style="text-align: center;">
|
151 |
-
<a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize;
|
152 |
<?php echo $prof; ?>
|
153 |
</a>
|
154 |
</p>
|
@@ -162,12 +164,12 @@ class WPBakeryShortCode_vc_testimonial extends WPBakeryShortCode {
|
|
162 |
<?php if ($style == 'theme7') { ?>
|
163 |
<div class="mega-testimonial-7">
|
164 |
<div class="tm-picture">
|
165 |
-
<img src="<?php echo $image_url; ?>" style="width: <?php echo $width;
|
166 |
</div>
|
167 |
<div class="tm-prof-7">
|
168 |
-
<span style="font-size: <?php echo $namesize;
|
169 |
<p>
|
170 |
-
<a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize;
|
171 |
<?php echo $prof; ?>
|
172 |
</a>
|
173 |
</p>
|
@@ -197,6 +199,7 @@ vc_map( array(
|
|
197 |
"type" => "dropdown",
|
198 |
"heading" => __( 'Style', 'testimonial' ),
|
199 |
"param_name" => "style",
|
|
|
200 |
"group" => 'Settings',
|
201 |
"value" => array(
|
202 |
"Theme 1" => "theme1",
|
@@ -221,12 +224,19 @@ vc_map( array(
|
|
221 |
)
|
222 |
),
|
223 |
array(
|
224 |
-
"type" => "
|
225 |
"heading" => __( 'Link To', 'testimonial' ),
|
226 |
"param_name" => "link",
|
227 |
"description" => __( 'write url for open link', 'testimonial' ),
|
228 |
"group" => 'Settings',
|
229 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
230 |
array(
|
231 |
"type" => "attach_image",
|
232 |
"heading" => __( 'Image', 'testimonial' ),
|
@@ -236,17 +246,27 @@ vc_map( array(
|
|
236 |
),
|
237 |
array(
|
238 |
"type" => "textfield",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
239 |
"heading" => __( 'Image Width', 'testimonial' ),
|
240 |
"param_name" => "width",
|
241 |
-
"description" => __( 'image width in pixel e.g
|
|
|
|
|
242 |
"group" => 'Image',
|
243 |
),
|
244 |
array(
|
245 |
-
"type" => "
|
246 |
"heading" => __( 'Radius', 'testimonial' ),
|
247 |
"param_name" => "radius",
|
248 |
-
"description" => __( 'image border radius in pixel or percentage e,g 50
|
249 |
-
"
|
|
|
250 |
"group" => 'Image',
|
251 |
),
|
252 |
|
@@ -256,15 +276,15 @@ vc_map( array(
|
|
256 |
"type" => "textfield",
|
257 |
"heading" => __( 'Client Name', 'testimonial' ),
|
258 |
"param_name" => "name",
|
259 |
-
"value" => "Demon",
|
260 |
"group" => 'Client',
|
261 |
),
|
262 |
array(
|
263 |
-
"type" => "
|
264 |
"heading" => __( 'Name Font Size', 'testimonial' ),
|
265 |
"param_name" => "namesize",
|
266 |
-
"value" => "
|
267 |
-
"
|
|
|
268 |
"group" => 'Client',
|
269 |
),
|
270 |
array(
|
@@ -278,15 +298,15 @@ vc_map( array(
|
|
278 |
"type" => "textfield",
|
279 |
"heading" => __( 'Client Profession', 'testimonial' ),
|
280 |
"param_name" => "prof",
|
281 |
-
"value" => "Profession",
|
282 |
"group" => 'Client',
|
283 |
),
|
284 |
array(
|
285 |
-
"type" => "
|
286 |
"heading" => __( 'Profession Font Size', 'testimonial' ),
|
287 |
"param_name" => "profsize",
|
288 |
-
"value" => "
|
289 |
-
"
|
|
|
290 |
"group" => 'Client',
|
291 |
),
|
292 |
array(
|
12 |
'rating' => 'none',
|
13 |
'link' => '',
|
14 |
'image_id' => '',
|
15 |
+
'alt' => '',
|
16 |
+
'width' => '100',
|
17 |
+
'radius' => '50',
|
18 |
'name' => '#000',
|
19 |
+
'namesize' => '14',
|
20 |
'nameclr' => '',
|
21 |
'prof' => '',
|
22 |
+
'profsize' => '14',
|
23 |
'profclr' => '#000',
|
24 |
'bgclr' => '',
|
25 |
), $atts ) );
|
26 |
+
$link = vc_build_link($link);
|
27 |
if ($image_id != '') {
|
28 |
$image_url = wp_get_attachment_url( $image_id );
|
29 |
}
|
38 |
</div>
|
39 |
<div class="tm-details">
|
40 |
<div class="tm-profile">
|
41 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>%">
|
42 |
</div>
|
43 |
<div class="tm-prof">
|
44 |
<div class="tm-name">
|
45 |
+
<span style="font-size: <?php echo $namesize; ?>px; color: <?php echo $nameclr; ?>; font-weight: bold;"><?php echo $name; ?></span>,
|
46 |
+
<span><i><a href="<?php echo esc_url($link['url']); ?>" target="<?php echo $link['target']; ?>" title="<?php echo esc_html($link['title']); ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>px; font-style: italic; text-decoration: none;"><?php echo $prof; ?></a></i></span>
|
47 |
<p style="padding-top: 5px; display: <?php echo $rating; ?>">
|
48 |
<img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png">
|
49 |
</p>
|
59 |
<div class="tm-details">
|
60 |
<div class="tm-prof">
|
61 |
<div class="tm-name">
|
62 |
+
<span style="font-size: <?php echo $namesize; ?>px; color: <?php echo $nameclr; ?>; font-weight: bold;"><?php echo $name; ?></span>,
|
63 |
<p>
|
64 |
+
<a href="<?php echo esc_url($link['url']); ?>" target="<?php echo $link['target']; ?>" title="<?php echo esc_html($link['title']); ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>px; font-style: italic; text-decoration: none;"><?php echo $prof; ?></a>
|
65 |
</p>
|
66 |
</div>
|
67 |
</div>
|
68 |
<div class="tm-profile">
|
69 |
<img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png">
|
70 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>%">
|
71 |
</div>
|
72 |
<div class="clearfix"></div>
|
73 |
</div>
|
80 |
|
81 |
<?php if ($style == 'theme3') { ?>
|
82 |
<div class="mega-testimonial-3">
|
83 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>%; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); border: 1px solid #fff;">
|
84 |
<i class="fa fa-quote-left" style="text-align: center; display: block; font-size: 20px;padding: 10px 0 4px 0;color: #000;"></i>
|
85 |
<div class="tm-profile3">
|
86 |
<p style="text-align: center; font-style: italic;">
|
88 |
</p>
|
89 |
</div>
|
90 |
<div class="tm-prof3" style="text-align: center; margin: 15px 0 5px 0;">
|
91 |
+
<p style="font-size: <?php echo $namesize; ?>px; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></p>
|
92 |
<p style="text-align: center;">
|
93 |
+
<a href="<?php echo esc_url($link['url']); ?>" target="<?php echo $link['target']; ?>" title="<?php echo esc_html($link['title']); ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>px; font-style: italic; text-decoration: none; ">
|
94 |
<?php echo $prof; ?>
|
95 |
</a>
|
96 |
</p>
|
102 |
<?php if ($style == 'theme4') { ?>
|
103 |
<div class="mega-testimonial-4">
|
104 |
<div class="tm-profile4">
|
105 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>%;">
|
106 |
</div>
|
107 |
<div class="tm-right-box" style="padding-left: <?php echo $width+20; ?>px">
|
108 |
<p class="tm-quotes" style="font-style: italic;">
|
109 |
<?php echo $content; ?>
|
110 |
</p><br>
|
111 |
<div class="tm-prof4">
|
112 |
+
<span style="font-size: <?php echo $namesize; ?>px; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
|
113 |
<span><img src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png"></span>
|
114 |
+
<p><a href="<?php echo esc_url($link['url']); ?>" target="<?php echo $link['target']; ?>" title="<?php echo esc_html($link['title']); ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>px; font-style: italic; text-decoration: none; ">
|
115 |
<?php echo $prof; ?>
|
116 |
</a></p>
|
117 |
</div>
|
127 |
<span class="icon-after" style="border-right: 8px solid <?php echo $bgclr; ?>;"></span>
|
128 |
</div>
|
129 |
<div class="tm-profile-5">
|
130 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>%;">
|
131 |
<div class="tm-prof4">
|
132 |
+
<span style="font-size: <?php echo $namesize; ?>px; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
|
133 |
+
<p><a href="<?php echo esc_url($link['url']); ?>" target="<?php echo $link['target']; ?>" title="<?php echo esc_html($link['title']); ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>px; font-style: italic; text-decoration: none; ">
|
134 |
<?php echo $prof; ?>
|
135 |
</a></p>
|
136 |
<span><img style="border-radius: 0px;" src="<?php echo plugin_dir_url( __FILE__ ); ?>../images/<?php echo $rating; ?>.png"></span>
|
146 |
<?php echo $content; ?>
|
147 |
</div>
|
148 |
<div class="tm-profile-6">
|
149 |
+
<img class="tm-pic" src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>%;">
|
150 |
<div class="tm-prof6" style="text-align: center; padding-top: 6px;">
|
151 |
+
<span style="font-size: <?php echo $namesize; ?>px; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
|
152 |
<p style="text-align: center;">
|
153 |
+
<a href="<?php echo esc_url($link['url']); ?>" target="<?php echo $link['target']; ?>" title="<?php echo esc_html($link['title']); ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>px; font-style: italic; text-decoration: none; ">
|
154 |
<?php echo $prof; ?>
|
155 |
</a>
|
156 |
</p>
|
164 |
<?php if ($style == 'theme7') { ?>
|
165 |
<div class="mega-testimonial-7">
|
166 |
<div class="tm-picture">
|
167 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" style="width: <?php echo $width; ?>px; border-radius: <?php echo $radius; ?>%;">
|
168 |
</div>
|
169 |
<div class="tm-prof-7">
|
170 |
+
<span style="font-size: <?php echo $namesize; ?>px; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
|
171 |
<p>
|
172 |
+
<a href="<?php echo esc_url($link['url']); ?>" target="<?php echo $link['target']; ?>" title="<?php echo esc_html($link['title']); ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>px; font-style: italic; text-decoration: none; ">
|
173 |
<?php echo $prof; ?>
|
174 |
</a>
|
175 |
</p>
|
199 |
"type" => "dropdown",
|
200 |
"heading" => __( 'Style', 'testimonial' ),
|
201 |
"param_name" => "style",
|
202 |
+
"description" => '<a href="https://addons.topdigitaltrends.net/testimonial/" target="_blank">See Demo</a>',
|
203 |
"group" => 'Settings',
|
204 |
"value" => array(
|
205 |
"Theme 1" => "theme1",
|
224 |
)
|
225 |
),
|
226 |
array(
|
227 |
+
"type" => "vc_link",
|
228 |
"heading" => __( 'Link To', 'testimonial' ),
|
229 |
"param_name" => "link",
|
230 |
"description" => __( 'write url for open link', 'testimonial' ),
|
231 |
"group" => 'Settings',
|
232 |
),
|
233 |
+
array(
|
234 |
+
"type" => "vc_links",
|
235 |
+
"param_name" => "caption_url",
|
236 |
+
"class" => "ult_param_heading",
|
237 |
+
"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' ),
|
238 |
+
"group" => 'Settings',
|
239 |
+
),
|
240 |
array(
|
241 |
"type" => "attach_image",
|
242 |
"heading" => __( 'Image', 'testimonial' ),
|
246 |
),
|
247 |
array(
|
248 |
"type" => "textfield",
|
249 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
250 |
+
"param_name" => "alt",
|
251 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
252 |
+
"group" => 'Image',
|
253 |
+
),
|
254 |
+
array(
|
255 |
+
"type" => "vc_number",
|
256 |
"heading" => __( 'Image Width', 'testimonial' ),
|
257 |
"param_name" => "width",
|
258 |
+
"description" => __( 'image width in pixel e.g 100', 'testimonial' ),
|
259 |
+
"max" => "",
|
260 |
+
"suffix" => 'px',
|
261 |
"group" => 'Image',
|
262 |
),
|
263 |
array(
|
264 |
+
"type" => "vc_number",
|
265 |
"heading" => __( 'Radius', 'testimonial' ),
|
266 |
"param_name" => "radius",
|
267 |
+
"description" => __( 'image border radius in pixel or percentage e,g 50', 'testimonial' ),
|
268 |
+
"suffix" => '%',
|
269 |
+
"value" => "50",
|
270 |
"group" => 'Image',
|
271 |
),
|
272 |
|
276 |
"type" => "textfield",
|
277 |
"heading" => __( 'Client Name', 'testimonial' ),
|
278 |
"param_name" => "name",
|
|
|
279 |
"group" => 'Client',
|
280 |
),
|
281 |
array(
|
282 |
+
"type" => "vc_number",
|
283 |
"heading" => __( 'Name Font Size', 'testimonial' ),
|
284 |
"param_name" => "namesize",
|
285 |
+
"value" => "14",
|
286 |
+
"suffix" => 'px',
|
287 |
+
"description" => __( 'set in pixel e,g 14', 'testimonial' ),
|
288 |
"group" => 'Client',
|
289 |
),
|
290 |
array(
|
298 |
"type" => "textfield",
|
299 |
"heading" => __( 'Client Profession', 'testimonial' ),
|
300 |
"param_name" => "prof",
|
|
|
301 |
"group" => 'Client',
|
302 |
),
|
303 |
array(
|
304 |
+
"type" => "vc_number",
|
305 |
"heading" => __( 'Profession Font Size', 'testimonial' ),
|
306 |
"param_name" => "profsize",
|
307 |
+
"value" => "14",
|
308 |
+
"suffix" => 'px',
|
309 |
+
"description" => __( 'set in pixel e,g 14', 'testimonial' ),
|
310 |
"group" => 'Client',
|
311 |
),
|
312 |
array(
|
render/texttyper.php
CHANGED
@@ -27,25 +27,25 @@ class WPBakeryShortCode_text_type_vc extends WPBakeryShortCode {
|
|
27 |
'backspeed' => $backspeed,
|
28 |
) );
|
29 |
?>
|
30 |
-
|
31 |
|
32 |
-
|
33 |
-
|
34 |
-
|
35 |
-
|
36 |
-
|
37 |
-
|
38 |
-
|
39 |
-
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
|
45 |
-
|
46 |
-
|
47 |
|
48 |
-
|
49 |
<?php
|
50 |
}
|
51 |
}
|
@@ -62,7 +62,7 @@ vc_map( array(
|
|
62 |
"type" => "dropdown",
|
63 |
"heading" => __( 'Text Align', 'text_type_vc' ),
|
64 |
"param_name" => "align",
|
65 |
-
"description" => __( 'set text align', 'text_type_vc' ),
|
66 |
"group" => 'General',
|
67 |
"value" => array(
|
68 |
"Left" => "left",
|
@@ -85,11 +85,12 @@ vc_map( array(
|
|
85 |
"group" => 'General',
|
86 |
),
|
87 |
array(
|
88 |
-
"type" => "
|
89 |
"heading" => __( 'Font size', 'text_type_vc' ),
|
90 |
"param_name" => "size",
|
91 |
-
"description" => __( 'text font size in pixel e.g
|
92 |
-
|
|
|
93 |
"group" => 'General',
|
94 |
),
|
95 |
array(
|
@@ -98,6 +99,13 @@ vc_map( array(
|
|
98 |
"param_name" => "clr",
|
99 |
"group" => 'General',
|
100 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
101 |
array(
|
102 |
"type" => "checkbox",
|
103 |
"heading" => __( 'Show Vertical line|', 'text_type_vc' ),
|
@@ -120,18 +128,20 @@ vc_map( array(
|
|
120 |
"group" => 'Typer Text',
|
121 |
),
|
122 |
array(
|
123 |
-
"type" => "
|
124 |
"heading" => __( 'Text type speed', 'text_type_vc' ),
|
125 |
"param_name" => "typespeed",
|
126 |
"description" => __( 'in milli second, default 70 [1s = 1000]', 'text_type_vc' ),
|
|
|
127 |
'value' => __( "70", 'text_type_vc' ),
|
128 |
"group" => 'Setting',
|
129 |
),
|
130 |
array(
|
131 |
-
"type" => "
|
132 |
"heading" => __( 'Back delay speed', 'text_type_vc' ),
|
133 |
"param_name" => "backspeed",
|
134 |
"description" => __( 'in milli second, default 500 [1s = 1000]', 'text_type_vc' ),
|
|
|
135 |
'value' => __( "500", 'text_type_vc' ),
|
136 |
"group" => 'Setting',
|
137 |
),
|
27 |
'backspeed' => $backspeed,
|
28 |
) );
|
29 |
?>
|
30 |
+
<!-- HTML DESIGN HERE -->
|
31 |
|
32 |
+
<div class="type-wrap"
|
33 |
+
data-typespeed="<?php echo $typespeed; ?>"
|
34 |
+
data-backspeed="<?php echo $backspeed; ?>"
|
35 |
+
data-loop="<?php echo $loop; ?>"
|
36 |
+
style="height: 50px; text-align: <?php echo $align; ?>;">
|
37 |
+
<span style="font-size: <?php echo $size; ?>px; color: <?php echo $clr; ?>;"><?php echo $before; ?></span>
|
38 |
+
<div class="typed-strings">
|
39 |
+
<?php echo $content; ?>
|
40 |
+
</div>
|
41 |
+
<span class="typed" style="white-space:pre;"></span>
|
42 |
+
<?php if (!empty($checked)) { ?>
|
43 |
+
<span class="blink_me" style="font-size: <?php echo $size; ?>px; color: <?php echo $verticalclr; ?>;">|</span>
|
44 |
+
<?php } ?>
|
45 |
+
<span style="font-size: <?php echo $size; ?>px;color: <?php echo $clr; ?>;"><?php echo $after; ?></span>
|
46 |
+
</div>
|
47 |
|
48 |
+
<!-- HTML END DESIGN HERE -->
|
49 |
<?php
|
50 |
}
|
51 |
}
|
62 |
"type" => "dropdown",
|
63 |
"heading" => __( 'Text Align', 'text_type_vc' ),
|
64 |
"param_name" => "align",
|
65 |
+
"description" => __( 'set text align <a href="https://addons.topdigitaltrends.net/texttype-effects/">See Demo</a>', 'text_type_vc' ),
|
66 |
"group" => 'General',
|
67 |
"value" => array(
|
68 |
"Left" => "left",
|
85 |
"group" => 'General',
|
86 |
),
|
87 |
array(
|
88 |
+
"type" => "vc_number",
|
89 |
"heading" => __( 'Font size', 'text_type_vc' ),
|
90 |
"param_name" => "size",
|
91 |
+
"description" => __( 'text font size in pixel e.g 18', 'text_type_vc' ),
|
92 |
+
"suffix" => 'px',
|
93 |
+
'value' => __( "18", 'text_type_vc' ),
|
94 |
"group" => 'General',
|
95 |
),
|
96 |
array(
|
99 |
"param_name" => "clr",
|
100 |
"group" => 'General',
|
101 |
),
|
102 |
+
array(
|
103 |
+
"type" => "vc_links",
|
104 |
+
"param_name" => "caption_url",
|
105 |
+
"class" => "ult_param_heading",
|
106 |
+
"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' ),
|
107 |
+
"group" => 'General',
|
108 |
+
),
|
109 |
array(
|
110 |
"type" => "checkbox",
|
111 |
"heading" => __( 'Show Vertical line|', 'text_type_vc' ),
|
128 |
"group" => 'Typer Text',
|
129 |
),
|
130 |
array(
|
131 |
+
"type" => "vc_number",
|
132 |
"heading" => __( 'Text type speed', 'text_type_vc' ),
|
133 |
"param_name" => "typespeed",
|
134 |
"description" => __( 'in milli second, default 70 [1s = 1000]', 'text_type_vc' ),
|
135 |
+
"max" => "",
|
136 |
'value' => __( "70", 'text_type_vc' ),
|
137 |
"group" => 'Setting',
|
138 |
),
|
139 |
array(
|
140 |
+
"type" => "vc_number",
|
141 |
"heading" => __( 'Back delay speed', 'text_type_vc' ),
|
142 |
"param_name" => "backspeed",
|
143 |
"description" => __( 'in milli second, default 500 [1s = 1000]', 'text_type_vc' ),
|
144 |
+
"max" => "",
|
145 |
'value' => __( "500", 'text_type_vc' ),
|
146 |
"group" => 'Setting',
|
147 |
),
|
render/timeline_father.php
CHANGED
@@ -21,11 +21,11 @@ class WPBakeryShortCode_mvc_timeline_father extends WPBakeryShortCodesContainer
|
|
21 |
wp_enqueue_script( 'animtimeline-js', plugins_url( '../js/animtimeline.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
|
22 |
ob_start(); ?>
|
23 |
|
24 |
-
<div class="mega-timeline-title"><span style="font-size: <?php echo $size;
|
25 |
<?php echo $title ?>
|
26 |
</span></div>
|
27 |
<div id="cd-timeline" class="cd-container">
|
28 |
-
<span class="timeline-line" style="width: <?php echo $width;
|
29 |
<span></span>
|
30 |
<?php echo $content; ?>
|
31 |
</div>
|
@@ -53,10 +53,11 @@ vc_map( array(
|
|
53 |
"group" => 'General',
|
54 |
),
|
55 |
array(
|
56 |
-
"type" => "
|
57 |
"heading" => __( 'Font Size', 'timeline' ),
|
58 |
"param_name" => "size",
|
59 |
-
"description" => __( 'title font size in pixel e.g
|
|
|
60 |
"group" => 'General',
|
61 |
),
|
62 |
array(
|
@@ -74,10 +75,11 @@ vc_map( array(
|
|
74 |
"group" => 'General',
|
75 |
),
|
76 |
array(
|
77 |
-
"type" => "
|
78 |
"heading" => __( 'Line Width', 'timeline' ),
|
79 |
"param_name" => "width",
|
80 |
-
"description" => __( 'set timeline central line width in pixel default
|
|
|
81 |
"group" => 'General',
|
82 |
),
|
83 |
array(
|
21 |
wp_enqueue_script( 'animtimeline-js', plugins_url( '../js/animtimeline.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
|
22 |
ob_start(); ?>
|
23 |
|
24 |
+
<div class="mega-timeline-title"><span style="font-size: <?php echo $size; ?>px; color: <?php echo $clr; ?>;background:<?php echo $bgclr; ?>;">
|
25 |
<?php echo $title ?>
|
26 |
</span></div>
|
27 |
<div id="cd-timeline" class="cd-container">
|
28 |
+
<span class="timeline-line" style="width: <?php echo $width; ?>px; background: <?php echo $linebg; ?>;"></span>
|
29 |
<span></span>
|
30 |
<?php echo $content; ?>
|
31 |
</div>
|
53 |
"group" => 'General',
|
54 |
),
|
55 |
array(
|
56 |
+
"type" => "vc_number",
|
57 |
"heading" => __( 'Font Size', 'timeline' ),
|
58 |
"param_name" => "size",
|
59 |
+
"description" => __( 'title font size in pixel e.g 17', 'timeline' ),
|
60 |
+
"suffix" => 'px',
|
61 |
"group" => 'General',
|
62 |
),
|
63 |
array(
|
75 |
"group" => 'General',
|
76 |
),
|
77 |
array(
|
78 |
+
"type" => "vc_number",
|
79 |
"heading" => __( 'Line Width', 'timeline' ),
|
80 |
"param_name" => "width",
|
81 |
+
"description" => __( 'set timeline central line width in pixel default 4', 'timeline' ),
|
82 |
+
"suffix" => 'px',
|
83 |
"group" => 'General',
|
84 |
),
|
85 |
array(
|
render/timeline_son.php
CHANGED
@@ -8,43 +8,43 @@ class WPBakeryShortCode_mvc_timeline_son extends WPBakeryShortCode {
|
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
-
'date'
|
12 |
-
'clr'
|
13 |
-
'size'
|
14 |
-
'centerstyle'
|
15 |
-
'bgclr'
|
16 |
-
'arrowclr'
|
17 |
-
'icon'
|
18 |
-
'icon_size'
|
19 |
-
'css'
|
20 |
), $atts ) );
|
21 |
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
|
22 |
$content = wpb_js_remove_wpautop($content, true);
|
23 |
ob_start(); ?>
|
24 |
|
25 |
-
|
26 |
-
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
|
34 |
-
|
35 |
-
|
36 |
-
|
37 |
-
|
38 |
-
|
39 |
-
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
|
45 |
-
|
46 |
-
|
47 |
-
|
48 |
|
49 |
<?php return ob_get_clean();
|
50 |
}
|
@@ -64,7 +64,7 @@ vc_map( array(
|
|
64 |
"type" => "textfield",
|
65 |
"heading" => __( 'Date', 'timeline' ),
|
66 |
"param_name" => "date",
|
67 |
-
"description" => __( 'Write timeline date e.g Jan 15', 'timeline' ),
|
68 |
"group" => 'General',
|
69 |
),
|
70 |
|
@@ -77,13 +77,22 @@ vc_map( array(
|
|
77 |
),
|
78 |
|
79 |
array(
|
80 |
-
"type" => "
|
81 |
"heading" => __( 'Font size', 'timeline' ),
|
82 |
"param_name" => "size",
|
83 |
-
"description" => __( 'fone size of date in pixel e.g
|
|
|
84 |
"group" => 'General',
|
85 |
),
|
86 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
87 |
|
88 |
array(
|
89 |
"type" => "colorpicker",
|
@@ -131,11 +140,12 @@ vc_map( array(
|
|
131 |
),
|
132 |
|
133 |
array(
|
134 |
-
"type" => "
|
135 |
"heading" => __( 'Font size', 'timeline' ),
|
136 |
"param_name" => "icon_size",
|
137 |
-
"description" => __( 'Icon font size e.g
|
138 |
"dependency" => array('element' => "centerstyle", 'value' => 'fonticon'),
|
|
|
139 |
"group" => 'Timeline Center',
|
140 |
),
|
141 |
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
+
'date' => '',
|
12 |
+
'clr' => '',
|
13 |
+
'size' => '',
|
14 |
+
'centerstyle' => 'fonticon',
|
15 |
+
'bgclr' => '',
|
16 |
+
'arrowclr' => '',
|
17 |
+
'icon' => '',
|
18 |
+
'icon_size' => '',
|
19 |
+
'css' => '',
|
20 |
), $atts ) );
|
21 |
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $this->settings['base'], $atts );
|
22 |
$content = wpb_js_remove_wpautop($content, true);
|
23 |
ob_start(); ?>
|
24 |
|
25 |
+
<div class="cd-timeline-block">
|
26 |
+
<?php if ($centerstyle == 'fonticon') { ?>
|
27 |
+
<div class="cd-timeline-img cd-picture" style="background: <?php echo $bgclr; ?>; border-radius: 50%; text-align:center;">
|
28 |
+
<i class="<?php echo $icon; ?>" aria-hidden="true" style="font-size: <?php echo $icon_size; ?>px; color: #fff;vertical-align: middle;"></i>
|
29 |
+
</div>
|
30 |
+
<?php } ?>
|
31 |
+
|
32 |
+
<?php if ($centerstyle == 'dot') { ?>
|
33 |
+
<div class="cd-timeline-img cd-timeline-dot cd-picture" style="background: <?php echo $bgclr; ?>; border-radius: 50%;">
|
34 |
+
</div>
|
35 |
+
<?php } ?>
|
36 |
+
|
37 |
+
<div class="cd-timeline-content <?php echo $css_class; ?>">
|
38 |
+
<span class="timeline-arrow" style="border-right-color: <?php echo $arrowclr; ?>"></span>
|
39 |
+
<span class="timeline-arrow" style="border-left-color: <?php echo $arrowclr; ?>"></span>
|
40 |
+
<span class="timeline-arrow" style="border-right: 7px solid <?php echo $arrowclr; ?>;"></span>
|
41 |
+
|
42 |
+
<?php echo $content; ?>
|
43 |
+
<span class="cd-date" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>px;">
|
44 |
+
<?php echo $date ?>
|
45 |
+
</span>
|
46 |
+
</div>
|
47 |
+
</div>
|
48 |
|
49 |
<?php return ob_get_clean();
|
50 |
}
|
64 |
"type" => "textfield",
|
65 |
"heading" => __( 'Date', 'timeline' ),
|
66 |
"param_name" => "date",
|
67 |
+
"description" => __( 'Write timeline date e.g Jan 15 <a target="_blank" href="https://addons.topdigitaltrends.net/timeline/">See Demo</a>', 'timeline' ),
|
68 |
"group" => 'General',
|
69 |
),
|
70 |
|
77 |
),
|
78 |
|
79 |
array(
|
80 |
+
"type" => "vc_number",
|
81 |
"heading" => __( 'Font size', 'timeline' ),
|
82 |
"param_name" => "size",
|
83 |
+
"description" => __( 'fone size of date in pixel e.g 17', 'timeline' ),
|
84 |
+
"suffix" => 'px',
|
85 |
"group" => 'General',
|
86 |
),
|
87 |
|
88 |
+
array(
|
89 |
+
"type" => "vc_links",
|
90 |
+
"param_name" => "caption_url",
|
91 |
+
"class" => "ult_param_heading",
|
92 |
+
"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' ),
|
93 |
+
"group" => 'General',
|
94 |
+
),
|
95 |
+
|
96 |
|
97 |
array(
|
98 |
"type" => "colorpicker",
|
140 |
),
|
141 |
|
142 |
array(
|
143 |
+
"type" => "vc_number",
|
144 |
"heading" => __( 'Font size', 'timeline' ),
|
145 |
"param_name" => "icon_size",
|
146 |
+
"description" => __( 'Icon font size e.g 17', 'timeline' ),
|
147 |
"dependency" => array('element' => "centerstyle", 'value' => 'fonticon'),
|
148 |
+
"suffix" => 'px',
|
149 |
"group" => 'Timeline Center',
|
150 |
),
|
151 |
|
render/tm_carousel_father.php
CHANGED
@@ -8,58 +8,60 @@ class WPBakeryShortCode_tm_carousel_father extends WPBakeryShortCodesContainer {
|
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
-
'padding' => '
|
12 |
'theme' => 'default-tdt',
|
13 |
'mbl_height' => '',
|
14 |
'effect' => 'false',
|
15 |
'arrow' => 'false',
|
16 |
'dot' => 'true',
|
17 |
'autoplay' => 'true',
|
18 |
-
'speed' => '
|
19 |
'slide_visible' => '1',
|
|
|
20 |
'slide_scroll' => '1',
|
21 |
-
'id' => '',
|
22 |
'dotclr' => 'transparent',
|
23 |
'borderclr' => 'transparent',
|
24 |
'arrowclr' => '#000',
|
25 |
-
'arrowsize' => '
|
|
|
26 |
), $atts ) );
|
|
|
27 |
$content = wpb_js_remove_wpautop($content);
|
28 |
wp_enqueue_style( 'slick-carousel-css', plugins_url( '../css/slick-carousal.css' , __FILE__ ));
|
29 |
wp_enqueue_script( 'slick-js', plugins_url( '../js/slick.js' , __FILE__ ), array('jquery'));
|
30 |
wp_enqueue_script( 'custom-js', plugins_url( '../js/custom-tm.js' , __FILE__ ), array('jquery'));
|
31 |
ob_start(); ?>
|
32 |
-
<section class="tm-slider slider <?php echo $theme; ?>" id="tdt-slider
|
33 |
<?php echo $content; ?>
|
34 |
</section>
|
35 |
|
36 |
<style>
|
37 |
-
|
38 |
-
|
39 |
-
|
40 |
-
}
|
41 |
-
#tdt-slider<?php echo $id ?> .slick-next:before {
|
42 |
-
color: <?php echo $arrowclr ?> !important;
|
43 |
-
font-size: <?php echo $arrowsize; ?> !important;
|
44 |
-
}
|
45 |
-
#tdt-slider<?php echo $id ?> .slick-prev:before {
|
46 |
-
color: <?php echo $arrowclr ?> !important;
|
47 |
-
font-size: <?php echo $arrowsize; ?> !important;
|
48 |
-
}
|
49 |
-
#tdt-slider<?php echo $id ?> .slick-dots li.slick-active button:before {
|
50 |
-
opacity: 1 !important;
|
51 |
-
}
|
52 |
-
#tdt-slider<?php echo $id ?>.content-over-slider .slick-slide .content-section {
|
53 |
-
top: <?php echo $padding ?>;
|
54 |
-
}
|
55 |
-
@media only screen and (max-width: 480px) {
|
56 |
-
#tdt-slider<?php echo $id ?>.content-over-slider .slick-slide .content-section {
|
57 |
-
top: 35px !important;
|
58 |
}
|
59 |
-
#tdt-slider
|
60 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61 |
}
|
62 |
-
}
|
63 |
</style>
|
64 |
<?php return ob_get_clean();
|
65 |
}
|
@@ -76,18 +78,11 @@ vc_map( array(
|
|
76 |
"description" => __('show as slider', ''),
|
77 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/carousal-slider.png',
|
78 |
'params' => array(
|
79 |
-
array(
|
80 |
-
"type" => "textfield",
|
81 |
-
"heading" => __( 'Unique ID', 'slider' ),
|
82 |
-
"param_name" => "id",
|
83 |
-
"description" => __('Recomended: It must be unique', 'slider'),
|
84 |
-
"group" => 'Settings',
|
85 |
-
),
|
86 |
array(
|
87 |
"type" => "dropdown",
|
88 |
"heading" => __( 'Select Theme', 'slider' ),
|
89 |
"param_name" => "theme",
|
90 |
-
"description" => __('Use as carousal top image bottom content or as slider image over content', 'slider'),
|
91 |
"group" => 'Settings',
|
92 |
"value" => array(
|
93 |
"Top Image Bottom Content" => "default-tdt",
|
@@ -95,20 +90,22 @@ vc_map( array(
|
|
95 |
)
|
96 |
),
|
97 |
array(
|
98 |
-
"type" => "
|
99 |
"heading" => __( 'Carousel Height (For Mobile)', 'slider' ),
|
100 |
"param_name" => "mbl_height",
|
101 |
-
"description" => __( 'set in pixel eg,
|
|
|
102 |
"dependency" => array('element' => "theme", 'value' => 'content-over-slider'),
|
103 |
"group" => 'Settings',
|
104 |
),
|
105 |
array(
|
106 |
-
"type" => "
|
107 |
"heading" => __( 'Padding Top', 'slider' ),
|
108 |
"param_name" => "padding",
|
109 |
-
"description" => __('set in
|
110 |
"dependency" => array('element' => "theme", 'value' => 'content-over-slider'),
|
111 |
-
"
|
|
|
112 |
"group" => 'Settings',
|
113 |
),
|
114 |
array(
|
@@ -151,8 +148,8 @@ vc_map( array(
|
|
151 |
"description" => __('move auto or slide on click', 'slider'),
|
152 |
"group" => 'Settings',
|
153 |
"value" => array(
|
154 |
-
"True"
|
155 |
-
"False" => "
|
156 |
)
|
157 |
),
|
158 |
/*array(
|
@@ -164,29 +161,51 @@ vc_map( array(
|
|
164 |
"group" => 'Settings',
|
165 |
),*/
|
166 |
array(
|
167 |
-
"type" => "
|
168 |
"heading" => __( 'Slider Speed', 'slider' ),
|
169 |
"param_name" => "speed",
|
170 |
-
"description" => __('write in ms eg,
|
171 |
-
"value" => "
|
172 |
"group" => 'Settings',
|
173 |
),
|
174 |
array(
|
175 |
-
"type" => "
|
176 |
-
"heading" => __( 'Slide To Show', 'slider' ),
|
177 |
"param_name" => "slide_visible",
|
178 |
"description" => __('set visible number of slides. default is 1', 'slider'),
|
179 |
"value" => "1",
|
180 |
"group" => 'Settings',
|
181 |
),
|
182 |
array(
|
183 |
-
"type" => "
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
184 |
"heading" => __( 'Slide To Scroll', 'slider' ),
|
185 |
"param_name" => "slide_scroll",
|
186 |
"description" => __('allow user to multiple slide on click or drag. default is 1', 'slider'),
|
187 |
"value" => "1",
|
188 |
"group" => 'Settings',
|
189 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
190 |
|
191 |
// Dot Section Setting
|
192 |
|
@@ -229,12 +248,13 @@ vc_map( array(
|
|
229 |
"group" => 'Arrow',
|
230 |
),
|
231 |
array(
|
232 |
-
"type" => "
|
233 |
"heading" => __( 'Arrow Font Size', 'slider' ),
|
234 |
"param_name" => "arrowsize",
|
235 |
-
"description" => "set in pixel eg,
|
236 |
"dependency" => array('element' => "arrow", 'value' => 'true'),
|
237 |
-
"
|
|
|
238 |
"group" => 'Arrow',
|
239 |
),
|
240 |
|
8 |
protected function content( $atts, $content = null ) {
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
+
'padding' => '5',
|
12 |
'theme' => 'default-tdt',
|
13 |
'mbl_height' => '',
|
14 |
'effect' => 'false',
|
15 |
'arrow' => 'false',
|
16 |
'dot' => 'true',
|
17 |
'autoplay' => 'true',
|
18 |
+
'speed' => '2000',
|
19 |
'slide_visible' => '1',
|
20 |
+
'slide_visible_mbl' => '1',
|
21 |
'slide_scroll' => '1',
|
|
|
22 |
'dotclr' => 'transparent',
|
23 |
'borderclr' => 'transparent',
|
24 |
'arrowclr' => '#000',
|
25 |
+
'arrowsize' => '30',
|
26 |
+
'class' => '',
|
27 |
), $atts ) );
|
28 |
+
$some_id = rand(5, 500);
|
29 |
$content = wpb_js_remove_wpautop($content);
|
30 |
wp_enqueue_style( 'slick-carousel-css', plugins_url( '../css/slick-carousal.css' , __FILE__ ));
|
31 |
wp_enqueue_script( 'slick-js', plugins_url( '../js/slick.js' , __FILE__ ), array('jquery'));
|
32 |
wp_enqueue_script( 'custom-js', plugins_url( '../js/custom-tm.js' , __FILE__ ), array('jquery'));
|
33 |
ob_start(); ?>
|
34 |
+
<section class="tm-slider slider <?php echo $class; ?> <?php echo $theme; ?>" id="tdt-slider-<?php echo $some_id ?>" data-slide="<?php echo $slide_visible_mbl ?>" data-slick='{"arrows": <?php echo $arrow; ?>, "autoplaySpeed": <?php echo $speed; ?>, "dots": <?php echo $dot; ?>, "autoplay": true, "slidesToShow": <?php echo $slide_visible; ?>, "slidesToScroll": <?php echo $slide_scroll; ?>, "fade": <?php echo $effect; ?>}'>
|
35 |
<?php echo $content; ?>
|
36 |
</section>
|
37 |
|
38 |
<style>
|
39 |
+
#tdt-slider-<?php echo $some_id ?> .slick-dots li button:before{
|
40 |
+
color: <?php echo $dotclr ?>;
|
41 |
+
border: 2px solid <?php echo $borderclr ?>;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
42 |
}
|
43 |
+
#tdt-slider-<?php echo $some_id ?> .slick-next:before {
|
44 |
+
color: <?php echo $arrowclr ?> !important;
|
45 |
+
font-size: <?php echo $arrowsize; ?>px !important;
|
46 |
+
}
|
47 |
+
#tdt-slider-<?php echo $some_id ?> .slick-prev:before {
|
48 |
+
color: <?php echo $arrowclr ?> !important;
|
49 |
+
font-size: <?php echo $arrowsize; ?>px !important;
|
50 |
+
}
|
51 |
+
#tdt-slider-<?php echo $some_id ?> .slick-dots li.slick-active button:before {
|
52 |
+
opacity: 1 !important;
|
53 |
+
}
|
54 |
+
#tdt-slider-<?php echo $some_id ?>.content-over-slider .slick-slide .content-section {
|
55 |
+
top: <?php echo $padding ?>%;
|
56 |
+
}
|
57 |
+
@media only screen and (max-width: 480px) {
|
58 |
+
#tdt-slider-<?php echo $some_id ?>.content-over-slider .slick-slide .content-section {
|
59 |
+
top: 35px !important;
|
60 |
+
}
|
61 |
+
#tdt-slider-<?php echo $some_id ?>.content-over-slider .ultimate-slide-img {
|
62 |
+
height: <?php echo $mbl_height; ?>px !important;
|
63 |
+
}
|
64 |
}
|
|
|
65 |
</style>
|
66 |
<?php return ob_get_clean();
|
67 |
}
|
78 |
"description" => __('show as slider', ''),
|
79 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/carousal-slider.png',
|
80 |
'params' => array(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
81 |
array(
|
82 |
"type" => "dropdown",
|
83 |
"heading" => __( 'Select Theme', 'slider' ),
|
84 |
"param_name" => "theme",
|
85 |
+
"description" => __('Use as carousal top image bottom content or as slider image over content <a href="https://addons.topdigitaltrends.net/carousal-slider/" target="_blank">See Demo</a>', 'slider'),
|
86 |
"group" => 'Settings',
|
87 |
"value" => array(
|
88 |
"Top Image Bottom Content" => "default-tdt",
|
90 |
)
|
91 |
),
|
92 |
array(
|
93 |
+
"type" => "vc_number",
|
94 |
"heading" => __( 'Carousel Height (For Mobile)', 'slider' ),
|
95 |
"param_name" => "mbl_height",
|
96 |
+
"description" => __( 'set in pixel eg, 250 or leave blank', 'slider' ),
|
97 |
+
"suffix" => 'px',
|
98 |
"dependency" => array('element' => "theme", 'value' => 'content-over-slider'),
|
99 |
"group" => 'Settings',
|
100 |
),
|
101 |
array(
|
102 |
+
"type" => "vc_number",
|
103 |
"heading" => __( 'Padding Top', 'slider' ),
|
104 |
"param_name" => "padding",
|
105 |
+
"description" => __('set in % eg 5. padding will apply from top for the content', 'slider'),
|
106 |
"dependency" => array('element' => "theme", 'value' => 'content-over-slider'),
|
107 |
+
"suffix" => '%',
|
108 |
+
"value" => "5",
|
109 |
"group" => 'Settings',
|
110 |
),
|
111 |
array(
|
148 |
"description" => __('move auto or slide on click', 'slider'),
|
149 |
"group" => 'Settings',
|
150 |
"value" => array(
|
151 |
+
"True" => "true",
|
152 |
+
"False (available in pro)" => "",
|
153 |
)
|
154 |
),
|
155 |
/*array(
|
161 |
"group" => 'Settings',
|
162 |
),*/
|
163 |
array(
|
164 |
+
"type" => "vc_number",
|
165 |
"heading" => __( 'Slider Speed', 'slider' ),
|
166 |
"param_name" => "speed",
|
167 |
+
"description" => __('write in ms eg, 2000 [1s = 1000]', 'slider'),
|
168 |
+
"value" => "2000",
|
169 |
"group" => 'Settings',
|
170 |
),
|
171 |
array(
|
172 |
+
"type" => "vc_number",
|
173 |
+
"heading" => __( 'Slide To Show (For Desktop)', 'slider' ),
|
174 |
"param_name" => "slide_visible",
|
175 |
"description" => __('set visible number of slides. default is 1', 'slider'),
|
176 |
"value" => "1",
|
177 |
"group" => 'Settings',
|
178 |
),
|
179 |
array(
|
180 |
+
"type" => "vc_number",
|
181 |
+
"heading" => __( 'Slide To Show (For Mobile available In Pro)', 'slider' ),
|
182 |
+
"param_name" => "slide_in_pro",
|
183 |
+
"description" => __('set visible number of slides. default is 1', 'slider'),
|
184 |
+
"value" => "1",
|
185 |
+
"group" => 'Settings',
|
186 |
+
),
|
187 |
+
array(
|
188 |
+
"type" => "vc_number",
|
189 |
"heading" => __( 'Slide To Scroll', 'slider' ),
|
190 |
"param_name" => "slide_scroll",
|
191 |
"description" => __('allow user to multiple slide on click or drag. default is 1', 'slider'),
|
192 |
"value" => "1",
|
193 |
"group" => 'Settings',
|
194 |
),
|
195 |
+
array(
|
196 |
+
"type" => "textfield",
|
197 |
+
"heading" => __( 'Extra Class', 'int_banner' ),
|
198 |
+
"param_name" => "class",
|
199 |
+
"description" => __( 'Add extra class name that will be applied to the icon process, and you can use this class for your customizations.', 'int_banner' ),
|
200 |
+
"group" => "Settings",
|
201 |
+
),
|
202 |
+
array(
|
203 |
+
"type" => "vc_links",
|
204 |
+
"param_name" => "caption_url",
|
205 |
+
"class" => "ult_param_heading",
|
206 |
+
"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' ),
|
207 |
+
"group" => 'Settings',
|
208 |
+
),
|
209 |
|
210 |
// Dot Section Setting
|
211 |
|
248 |
"group" => 'Arrow',
|
249 |
),
|
250 |
array(
|
251 |
+
"type" => "vc_number",
|
252 |
"heading" => __( 'Arrow Font Size', 'slider' ),
|
253 |
"param_name" => "arrowsize",
|
254 |
+
"description" => "set in pixel eg, 20",
|
255 |
"dependency" => array('element' => "arrow", 'value' => 'true'),
|
256 |
+
"suffix" => 'px',
|
257 |
+
"value" => "30",
|
258 |
"group" => 'Arrow',
|
259 |
),
|
260 |
|
render/tm_carousel_son.php
CHANGED
@@ -10,53 +10,50 @@ class WPBakeryShortCode_tm_carousel_son extends WPBakeryShortCode {
|
|
10 |
extract( shortcode_atts( array(
|
11 |
'contain_url' => '',
|
12 |
'image_id' => '',
|
|
|
13 |
'img_width' => '',
|
14 |
'img_height' => '',
|
15 |
-
'img_radius' => '
|
16 |
'title' => '',
|
17 |
-
'titlesize' => '
|
18 |
'titleclr' => '',
|
19 |
'fontweight' => 'normal',
|
20 |
'line_height' => '1',
|
21 |
'align' => 'center',
|
22 |
-
'line_width' => '
|
23 |
'line_style' => '0px solid #fff',
|
24 |
'btn_visibility' => 'hide',
|
25 |
'line_visibility' => 'hide',
|
26 |
'btn_text' => '',
|
27 |
-
'btn_size' => '
|
28 |
-
'btn_border' => '
|
29 |
-
'btn_height' => '
|
30 |
-
'btn_width' => '
|
31 |
'btn_url' => '',
|
32 |
'btn_clr' => '#fff',
|
33 |
'btn_bg' => '#000',
|
34 |
'btn_border_style' => '0px solid #fff',
|
35 |
), $atts ) );
|
|
|
|
|
36 |
if ($image_id != '') {
|
37 |
$image_url = wp_get_attachment_url( $image_id );
|
38 |
}
|
39 |
$content = wpb_js_remove_wpautop($content);
|
40 |
// wp_enqueue_style( 'social-icons-css', plugins_url( '../css/socialicons.css' , __FILE__ ));
|
41 |
ob_start(); ?>
|
|
|
42 |
<div>
|
43 |
-
|
44 |
-
|
45 |
<?php } ?>
|
46 |
-
<?php if ($contain_url == NULL) { ?>
|
47 |
-
<a>
|
48 |
-
<?php } ?>
|
49 |
-
<?php if ($image_url != '') { ?>
|
50 |
-
<img src="<?php echo $image_url; ?>" class="ultimate-slide-img" style="width: <?php echo $img_width; ?>; height: <?php echo $img_height; ?>; border-radius: <?php echo $img_radius; ?>; margin-bottom: 15px;">
|
51 |
-
<?php } ?>
|
52 |
-
</a>
|
53 |
<span class="content-section" style="text-align: <?php echo $align ?>;">
|
54 |
-
<h2 class="tdt-slider-heading" style="font-size: <?php echo $titlesize;
|
55 |
<?php echo $title; ?>
|
56 |
</h2>
|
57 |
<?php if ($line_visibility == 'show') { ?>
|
58 |
<span class="heading-line" style="display: block;">
|
59 |
-
<span class="heading-line" style="width: <?php echo $line_width;
|
60 |
</span>
|
61 |
<?php } ?>
|
62 |
|
@@ -64,13 +61,14 @@ class WPBakeryShortCode_tm_carousel_son extends WPBakeryShortCode {
|
|
64 |
|
65 |
<?php if ($btn_visibility == 'show') { ?>
|
66 |
<span class="carousel_btn_span">
|
67 |
-
<a href="<?php echo $btn_url; ?>" class="ultimate_carousel_btn" style="padding: <?php echo $btn_height/2 ?>px <?php echo $btn_width/2 ?>px;font-size: <?php echo $btn_size;
|
68 |
<?php echo $btn_text; ?>
|
69 |
</a>
|
70 |
</span>
|
71 |
<?php } ?>
|
72 |
</span>
|
73 |
</div>
|
|
|
74 |
<?php
|
75 |
|
76 |
return ob_get_clean();
|
@@ -88,9 +86,9 @@ vc_map( array(
|
|
88 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/carousal-slider.png',
|
89 |
'params' => array(
|
90 |
array(
|
91 |
-
"type" => "
|
92 |
-
"heading" => __( 'Link To', 'slider' ),
|
93 |
-
"param_name" => "
|
94 |
"description" => "Add Slide Url or leave blank, use it if you select theme [top image bottom content]",
|
95 |
"group" => 'General',
|
96 |
),
|
@@ -100,6 +98,13 @@ vc_map( array(
|
|
100 |
"param_name" => "image_id",
|
101 |
"group" => 'General',
|
102 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
103 |
array(
|
104 |
"type" => "textfield",
|
105 |
"heading" => __( 'Width', 'slider' ),
|
@@ -143,11 +148,12 @@ vc_map( array(
|
|
143 |
"group" => 'Heading',
|
144 |
),
|
145 |
array(
|
146 |
-
"type" => "
|
147 |
"heading" => __( 'Title Font Size', 'slider' ),
|
148 |
"param_name" => "titlesize",
|
149 |
-
"description" => "set in pixel eg,
|
150 |
-
"value" => "
|
|
|
151 |
"group" => 'Heading',
|
152 |
),
|
153 |
array(
|
@@ -165,7 +171,7 @@ vc_map( array(
|
|
165 |
"group" => 'Heading',
|
166 |
),
|
167 |
array(
|
168 |
-
"type" => "
|
169 |
"heading" => __( 'Line Height', 'slider' ),
|
170 |
"param_name" => "line_height",
|
171 |
"description" => "default value is 1",
|
@@ -185,12 +191,13 @@ vc_map( array(
|
|
185 |
)
|
186 |
),
|
187 |
array(
|
188 |
-
"type" => "
|
189 |
"heading" => __( 'Line Width', 'slider' ),
|
190 |
"param_name" => "line_width",
|
191 |
"description" => "set in pixel. line will show at bottom of heading",
|
192 |
"dependency" => array('element' => "line_visibility", 'value' => 'show'),
|
193 |
-
"value" => "
|
|
|
194 |
"group" => 'Heading Line',
|
195 |
),
|
196 |
array(
|
@@ -223,46 +230,50 @@ vc_map( array(
|
|
223 |
"group" => 'Button',
|
224 |
),
|
225 |
array(
|
226 |
-
"type" => "
|
227 |
"heading" => __( 'Button URL', 'slider' ),
|
228 |
"param_name" => "btn_url",
|
229 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
230 |
"group" => 'Button',
|
231 |
),
|
232 |
array(
|
233 |
-
"type" => "
|
234 |
"heading" => __( 'Text Size', 'slider' ),
|
235 |
"param_name" => "btn_size",
|
236 |
-
"value" => "
|
237 |
-
"description" => "set in pixel eg
|
|
|
238 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
239 |
"group" => 'Button',
|
240 |
),
|
241 |
array(
|
242 |
-
"type" => "
|
243 |
"heading" => __( 'Button Height', 'slider' ),
|
244 |
"param_name" => "btn_height",
|
245 |
-
"description" => "set in pixel eg
|
246 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
247 |
-
"value" => "
|
|
|
248 |
"group" => 'Button',
|
249 |
),
|
250 |
array(
|
251 |
-
"type" => "
|
252 |
"heading" => __( 'Button Width', 'slider' ),
|
253 |
"param_name" => "btn_width",
|
254 |
-
"description" => "set in pixel eg
|
255 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
256 |
-
"value" => "
|
|
|
257 |
"group" => 'Button',
|
258 |
),
|
259 |
array(
|
260 |
-
"type" => "
|
261 |
"heading" => __( 'Button Border Radius', 'slider' ),
|
262 |
"param_name" => "btn_border",
|
263 |
"description" => "set in pixel",
|
264 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
265 |
-
"value" => "
|
|
|
266 |
"group" => 'Button',
|
267 |
),
|
268 |
array(
|
10 |
extract( shortcode_atts( array(
|
11 |
'contain_url' => '',
|
12 |
'image_id' => '',
|
13 |
+
'alt' => '',
|
14 |
'img_width' => '',
|
15 |
'img_height' => '',
|
16 |
+
'img_radius' => '0',
|
17 |
'title' => '',
|
18 |
+
'titlesize' => '22',
|
19 |
'titleclr' => '',
|
20 |
'fontweight' => 'normal',
|
21 |
'line_height' => '1',
|
22 |
'align' => 'center',
|
23 |
+
'line_width' => '50',
|
24 |
'line_style' => '0px solid #fff',
|
25 |
'btn_visibility' => 'hide',
|
26 |
'line_visibility' => 'hide',
|
27 |
'btn_text' => '',
|
28 |
+
'btn_size' => '15',
|
29 |
+
'btn_border' => '5',
|
30 |
+
'btn_height' => '20',
|
31 |
+
'btn_width' => '60',
|
32 |
'btn_url' => '',
|
33 |
'btn_clr' => '#fff',
|
34 |
'btn_bg' => '#000',
|
35 |
'btn_border_style' => '0px solid #fff',
|
36 |
), $atts ) );
|
37 |
+
$contain_url = vc_build_link($contain_url);
|
38 |
+
$btn_url = vc_build_link($btn_url);
|
39 |
if ($image_id != '') {
|
40 |
$image_url = wp_get_attachment_url( $image_id );
|
41 |
}
|
42 |
$content = wpb_js_remove_wpautop($content);
|
43 |
// wp_enqueue_style( 'social-icons-css', plugins_url( '../css/socialicons.css' , __FILE__ ));
|
44 |
ob_start(); ?>
|
45 |
+
<div class="carousel-caption" style="background: none;">
|
46 |
<div>
|
47 |
+
<?php if (!empty($image_url)) { ?>
|
48 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" class="ultimate-slide-img" style="max-width: 100%; width: <?php echo $img_width; ?>; height: <?php echo $img_height; ?>; border-radius: <?php echo $img_radius; ?>; margin-bottom: 15px;">
|
49 |
<?php } ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
50 |
<span class="content-section" style="text-align: <?php echo $align ?>;">
|
51 |
+
<h2 class="tdt-slider-heading" style="font-size: <?php echo $titlesize; ?>px; color: <?php echo $titleclr; ?>; font-weight: <?php echo $fontweight; ?>; line-height: <?php echo $line_height; ?>;">
|
52 |
<?php echo $title; ?>
|
53 |
</h2>
|
54 |
<?php if ($line_visibility == 'show') { ?>
|
55 |
<span class="heading-line" style="display: block;">
|
56 |
+
<span class="heading-line" style="width: <?php echo $line_width; ?>px; border-bottom: <?php echo $line_style; ?>; display: inline-block;"></span>
|
57 |
</span>
|
58 |
<?php } ?>
|
59 |
|
61 |
|
62 |
<?php if ($btn_visibility == 'show') { ?>
|
63 |
<span class="carousel_btn_span">
|
64 |
+
<a href="<?php echo esc_url($btn_url['url']); ?>" target="<?php echo $btn_url['target']; ?>" title="<?php echo esc_html($btn_url['title']); ?>" class="ultimate_carousel_btn" style="padding: <?php echo $btn_height/2 ?>px <?php echo $btn_width/2 ?>px;font-size: <?php echo $btn_size; ?>px; border-radius: <?php echo $btn_border; ?>px; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>;text-decoration: none;">
|
65 |
<?php echo $btn_text; ?>
|
66 |
</a>
|
67 |
</span>
|
68 |
<?php } ?>
|
69 |
</span>
|
70 |
</div>
|
71 |
+
</div>
|
72 |
<?php
|
73 |
|
74 |
return ob_get_clean();
|
86 |
"icon" => plugin_dir_url( __FILE__ ).'../icons/carousal-slider.png',
|
87 |
'params' => array(
|
88 |
array(
|
89 |
+
"type" => "vc_link",
|
90 |
+
"heading" => __( 'Link To (Get In Pro)', 'slider' ),
|
91 |
+
"param_name" => "co_url",
|
92 |
"description" => "Add Slide Url or leave blank, use it if you select theme [top image bottom content]",
|
93 |
"group" => 'General',
|
94 |
),
|
98 |
"param_name" => "image_id",
|
99 |
"group" => 'General',
|
100 |
),
|
101 |
+
array(
|
102 |
+
"type" => "textfield",
|
103 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
104 |
+
"param_name" => "alt",
|
105 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
106 |
+
"group" => 'General',
|
107 |
+
),
|
108 |
array(
|
109 |
"type" => "textfield",
|
110 |
"heading" => __( 'Width', 'slider' ),
|
148 |
"group" => 'Heading',
|
149 |
),
|
150 |
array(
|
151 |
+
"type" => "vc_number",
|
152 |
"heading" => __( 'Title Font Size', 'slider' ),
|
153 |
"param_name" => "titlesize",
|
154 |
+
"description" => "set in pixel eg, 22",
|
155 |
+
"value" => "22",
|
156 |
+
"suffix" => 'px',
|
157 |
"group" => 'Heading',
|
158 |
),
|
159 |
array(
|
171 |
"group" => 'Heading',
|
172 |
),
|
173 |
array(
|
174 |
+
"type" => "vc_number",
|
175 |
"heading" => __( 'Line Height', 'slider' ),
|
176 |
"param_name" => "line_height",
|
177 |
"description" => "default value is 1",
|
191 |
)
|
192 |
),
|
193 |
array(
|
194 |
+
"type" => "vc_number",
|
195 |
"heading" => __( 'Line Width', 'slider' ),
|
196 |
"param_name" => "line_width",
|
197 |
"description" => "set in pixel. line will show at bottom of heading",
|
198 |
"dependency" => array('element' => "line_visibility", 'value' => 'show'),
|
199 |
+
"value" => "50",
|
200 |
+
"suffix" => 'px',
|
201 |
"group" => 'Heading Line',
|
202 |
),
|
203 |
array(
|
230 |
"group" => 'Button',
|
231 |
),
|
232 |
array(
|
233 |
+
"type" => "vc_link",
|
234 |
"heading" => __( 'Button URL', 'slider' ),
|
235 |
"param_name" => "btn_url",
|
236 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
237 |
"group" => 'Button',
|
238 |
),
|
239 |
array(
|
240 |
+
"type" => "vc_number",
|
241 |
"heading" => __( 'Text Size', 'slider' ),
|
242 |
"param_name" => "btn_size",
|
243 |
+
"value" => "15",
|
244 |
+
"description" => "set in pixel eg 15",
|
245 |
+
"suffix" => 'px',
|
246 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
247 |
"group" => 'Button',
|
248 |
),
|
249 |
array(
|
250 |
+
"type" => "vc_number",
|
251 |
"heading" => __( 'Button Height', 'slider' ),
|
252 |
"param_name" => "btn_height",
|
253 |
+
"description" => "set in pixel eg 20,",
|
254 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
255 |
+
"value" => "20",
|
256 |
+
"suffix" => 'px',
|
257 |
"group" => 'Button',
|
258 |
),
|
259 |
array(
|
260 |
+
"type" => "vc_number",
|
261 |
"heading" => __( 'Button Width', 'slider' ),
|
262 |
"param_name" => "btn_width",
|
263 |
+
"description" => "set in pixel eg 60",
|
264 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
265 |
+
"value" => "60",
|
266 |
+
"suffix" => 'px',
|
267 |
"group" => 'Button',
|
268 |
),
|
269 |
array(
|
270 |
+
"type" => "vc_number",
|
271 |
"heading" => __( 'Button Border Radius', 'slider' ),
|
272 |
"param_name" => "btn_border",
|
273 |
"description" => "set in pixel",
|
274 |
"dependency" => array('element' => "btn_visibility", 'value' => 'show'),
|
275 |
+
"value" => "5",
|
276 |
+
"suffix" => 'px',
|
277 |
"group" => 'Button',
|
278 |
),
|
279 |
array(
|
render/tooltip_icons.php
CHANGED
@@ -9,6 +9,7 @@ class WPBakeryShortCode_tooltip_icons extends WPBakeryShortCode {
|
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'image_id' => '',
|
|
|
12 |
'text' => '',
|
13 |
'bgclr' => '#000',
|
14 |
'speed' => '350',
|
@@ -26,7 +27,7 @@ class WPBakeryShortCode_tooltip_icons extends WPBakeryShortCode {
|
|
26 |
$content = wpb_js_remove_wpautop($content, true);
|
27 |
$tooltip_id = rand();
|
28 |
ob_start(); ?>
|
29 |
-
<img src="<?php echo $image_url; ?>" data-uid="<?php echo $tooltip_id; ?>" class="tooltip" data-theme="tooltipster-<?php echo $theme; ?>" data-speed="<?php echo $speed; ?>" data-anim="<?php echo $animation; ?>" data-position="<?php echo $position; ?>" title="<?php echo $text; ?>">
|
30 |
|
31 |
<?php
|
32 |
return ob_get_clean();
|
@@ -48,6 +49,13 @@ vc_map( array(
|
|
48 |
"description" => __( 'Select the image', 'justicons' ),
|
49 |
"group" => 'Image',
|
50 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
51 |
array(
|
52 |
"type" => "textfield",
|
53 |
"heading" => __( 'ToolTip Text', 'justicons' ),
|
@@ -55,6 +63,13 @@ vc_map( array(
|
|
55 |
"description" => __( 'it will show on hover image', 'justicons' ),
|
56 |
"group" => 'Image',
|
57 |
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
58 |
// array(
|
59 |
// "type" => "colorpicker",
|
60 |
// "heading" => __( 'Background', 'justicons' ),
|
@@ -64,7 +79,7 @@ vc_map( array(
|
|
64 |
// "group" => 'Image',
|
65 |
// ),
|
66 |
array(
|
67 |
-
"type" => "
|
68 |
"heading" => __( 'Animation Speed', 'justicons' ),
|
69 |
"param_name" => "speed",
|
70 |
"description" => __( 'Sets the duration of the animation, in milliseconds', 'justicons' ),
|
9 |
|
10 |
extract( shortcode_atts( array(
|
11 |
'image_id' => '',
|
12 |
+
'alt' => '',
|
13 |
'text' => '',
|
14 |
'bgclr' => '#000',
|
15 |
'speed' => '350',
|
27 |
$content = wpb_js_remove_wpautop($content, true);
|
28 |
$tooltip_id = rand();
|
29 |
ob_start(); ?>
|
30 |
+
<img src="<?php echo $image_url; ?>" alt="<?php echo $alt; ?>" data-uid="<?php echo $tooltip_id; ?>" class="tooltip" data-theme="tooltipster-<?php echo $theme; ?>" data-speed="<?php echo $speed; ?>" data-anim="<?php echo $animation; ?>" data-position="<?php echo $position; ?>" title="<?php echo $text; ?>">
|
31 |
|
32 |
<?php
|
33 |
return ob_get_clean();
|
49 |
"description" => __( 'Select the image', 'justicons' ),
|
50 |
"group" => 'Image',
|
51 |
),
|
52 |
+
array(
|
53 |
+
"type" => "textfield",
|
54 |
+
"heading" => __( 'Alternate Text', 'info-banner-vc' ),
|
55 |
+
"param_name" => "alt",
|
56 |
+
"description" => __( 'It will be used as alt attribute of img tag', 'info-banner-vc' ),
|
57 |
+
"group" => 'Image',
|
58 |
+
),
|
59 |
array(
|
60 |
"type" => "textfield",
|
61 |
"heading" => __( 'ToolTip Text', 'justicons' ),
|
63 |
"description" => __( 'it will show on hover image', 'justicons' ),
|
64 |
"group" => 'Image',
|
65 |
),
|
66 |
+
array(
|
67 |
+
"type" => "vc_links",
|
68 |
+
"param_name" => "caption_url",
|
69 |
+
"class" => "ult_param_heading",
|
70 |
+
"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' ),
|
71 |
+
"group" => 'Image',
|
72 |
+
),
|
73 |
// array(
|
74 |
// "type" => "colorpicker",
|
75 |
// "heading" => __( 'Background', 'justicons' ),
|
79 |
// "group" => 'Image',
|
80 |
// ),
|
81 |
array(
|
82 |
+
"type" => "vc_number",
|
83 |
"heading" => __( 'Animation Speed', 'justicons' ),
|
84 |
"param_name" => "speed",
|
85 |
"description" => __( 'Sets the duration of the animation, in milliseconds', 'justicons' ),
|