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

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 Icon 128x128 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

Files changed (113) hide show
  1. css/accordion.css +5 -1
  2. css/flipbox.css +5 -5
  3. css/heading.css +2 -2
  4. css/hoverbtn.css +3 -4
  5. css/images/btnNext.png +0 -0
  6. css/images/sprite.png +0 -0
  7. css/images/sprite_next.png +0 -0
  8. css/images/sprite_prev.png +0 -0
  9. css/images/sprite_x.png +0 -0
  10. css/images/sprite_y.png +0 -0
  11. css/info-circle.css +2 -2
  12. css/infobanner.css +6 -2
  13. css/infobox.css +29 -17
  14. css/int_banner.css +1003 -343
  15. css/memberprofile.css +8 -8
  16. css/price_listing.css +1006 -1
  17. css/simplegrid.css +0 -249
  18. css/slick-carousal.css +16 -11
  19. css/statcounter.css +0 -12
  20. css/style.css +5 -1
  21. css/testimonial.css +1 -1
  22. images/slider.png → icons/beforeAfter.png +0 -0
  23. icons/dual-btn.png +0 -0
  24. icons/int-banner2.png +0 -0
  25. icons/{pro.png → post-grid.png} +0 -0
  26. icons/postcarousel.png +0 -0
  27. images/advanceprice.png +0 -0
  28. images/countdown.jpg +0 -0
  29. images/counter.jpg +0 -0
  30. images/creativelink.png +0 -0
  31. images/flipbox.png +0 -0
  32. images/hoverbutton.png +0 -0
  33. images/ihe.png +0 -0
  34. images/infobanner.png +0 -0
  35. images/infobox.png +0 -0
  36. images/loader.gif +0 -0
  37. images/memberprofile.jpg +0 -0
  38. images/photobook.png +0 -0
  39. images/popup.png +0 -0
  40. images/price.png +0 -0
  41. images/social.jpg +0 -0
  42. images/texttype.jpg +0 -0
  43. images/texttypes.jpg +0 -0
  44. images/timeline.png +0 -0
  45. images/triangle.svg +5 -0
  46. images/triangle2.svg +6 -0
  47. images/visual_composer.png +0 -0
  48. includes/AdPriceSetting.php +0 -163
  49. includes/PriceSetting.php +0 -135
  50. includes/class-vc-number-param.php +44 -0
  51. includes/countdownSetting.php +0 -173
  52. includes/counterSetting.php +0 -194
  53. includes/flipBoxSetting.php +0 -161
  54. includes/hoverBtnSetting.php +0 -293
  55. includes/hoverSetting.php +0 -192
  56. includes/infoBannerSetting.php +0 -278
  57. includes/infoBoxSetting.php +0 -155
  58. includes/memberSetting.php +0 -359
  59. includes/photobookSetting.php +0 -147
  60. includes/settings.php +320 -0
  61. includes/sliderSetting.php +0 -58
  62. includes/teamSetting.php +0 -319
  63. includes/texttypeSetting.php +0 -12
  64. includes/timelineSetting.php +0 -136
  65. index.php +8 -6
  66. js/accordion.js +7 -1
  67. js/bpopup.js +1 -1
  68. js/custom-after-before.js +16 -0
  69. js/custom-tm.js +31 -1
  70. js/jquery.matchHeight-min.js +0 -12
  71. js/script.js +4 -15
  72. lib/admin.css +117 -0
  73. lib/admin.js +13 -0
  74. lib/style.css +6 -0
  75. main.php +138 -50
  76. readme.txt +23 -5
  77. render/accordion_father.php +38 -7
  78. render/accordion_son.php +15 -12
  79. render/advanceprice.php +22 -10
  80. render/countdown.php +51 -30
  81. render/creativelink.php +25 -33
  82. render/flipbox.php +238 -158
  83. render/get_pro.php +0 -36
  84. render/googletrends.php +7 -0
  85. render/headings.php +35 -22
  86. render/highlight_box.php +39 -32
  87. render/hover.php +83 -20
  88. render/hoverbutton.php +39 -29
  89. render/image_swap.php +50 -12
  90. render/info_circle.php +49 -38
  91. render/info_list_son.php +68 -45
  92. render/infobanners.php +65 -39
  93. render/infobox.php +126 -88
  94. render/interectivebanner.php +165 -33
  95. render/memberprofile.php +0 -331
  96. render/modalPopup.php +64 -36
  97. render/photobook.php +19 -9
  98. render/post_carousel.php +0 -386
  99. render/post_grid.php +0 -335
  100. render/price-table/price1.php +30 -0
  101. render/price-table/price2.php +19 -0
  102. render/price-table/price4.php +18 -0
  103. render/price.php +145 -43
  104. render/social_son.php +36 -31
  105. render/statcounter.php +64 -46
  106. render/teamprofile.php +52 -36
  107. render/testimonial.php +58 -38
  108. render/texttyper.php +33 -23
  109. render/timeline_father.php +8 -6
  110. render/timeline_son.php +47 -37
  111. render/tm_carousel_father.php +73 -53
  112. render/tm_carousel_son.php +51 -40
  113. 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: 15px 20px;
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, .vc-ihe-panel .pad p {
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.flip .front {
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.flip .back {
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.flip .front1 {
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.flip .back1 {
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-block;
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 8px 8px 1px rgba(0,0,0,0.5);
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 8px 8px 1px rgba(0,0,0,0.5);
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 8px 8px 1px rgba(0,0,0,0.5);
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: 60px;
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 0;
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, h1, h3, h4, p {
 
 
 
 
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: 12px;
4
  margin: 0 auto;
5
  }
6
 
@@ -21,37 +21,39 @@
21
  }
22
 
23
  .mega_info_box .mega-info-desc {
24
- margin-bottom: 25px;
25
- color: #444444;
26
  text-align: center;
27
  }
28
 
29
  .mega_info_box .mega-info-btn {
30
  text-decoration: none;
31
- padding: 3px 8px;
32
- font-size: 12px;
33
- background: #DD3333;
34
  color: #fff;
35
  border-radius: 4px;
36
  }
37
 
38
- /********
39
- Style 2
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: 100px;
51
  }
52
 
53
  .mega_info_box_2 .mega-info-footer {
54
- margin-left: 50px;
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: 10px;
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: 5px 20px;
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: 1em 0 4em;
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: 1000;
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(-360px,0,0);
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: 1em;
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
- /***** Phoebe *****/
1678
  /*-----------------*/
1679
 
1680
- figure.effect-phoebe {
1681
- background: #675983;
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-phoebe:hover img {
1691
- opacity: 0.6;
 
 
 
 
1692
  }
1693
 
1694
- figure.effect-phoebe figcaption::before {
1695
  position: absolute;
1696
  top: 0;
1697
  left: 0;
1698
  width: 100%;
1699
  height: 100%;
1700
- background: url(../img/triangle2.svg) no-repeat center center;
1701
- background-size: 100% 100%;
1702
  content: '';
1703
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1704
- transition: opacity 0.35s, transform 0.35s;
1705
- -webkit-transform: scale3d(5,2.5,1);
1706
- transform: scale3d(5,2.5,1);
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
- @media screen and (max-width: 50em) {
2329
- .grid figure {
2330
- display: inline-block;
2331
- float: none;
2332
- margin: 10px auto;
2333
- width: 100%;
2334
- }
 
 
 
 
 
 
2335
  }
2336
 
2337
- /*custom css*/
2338
- @media only screen and (max-width: 480px) {
2339
- .vc-interactive-banner figure img {
2340
- height: 100% !important;
2341
- }
2342
  }
2343
 
2344
- .effect-apollo figcaption {
2345
- padding: 0.8em !important;
 
 
 
 
 
 
 
 
 
2346
  }
2347
- .effect-ming div {
2348
- padding: 15px !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2349
  }
2350
 
2351
- figure.effect-lily figcaption > div {
2352
- padding: 0 0 0 1em !important;
 
 
 
 
2353
  }
2354
- .effect-lily figcaption {
2355
- padding: 2em !important;
 
2356
  }
2357
 
2358
- .effect-oscar div {
2359
- padding: 0 40px !important;
 
2360
  }
2361
- figure.effect-oscar figcaption {
2362
- padding-bottom: 0.4em !important;
 
 
 
2363
  }
2364
 
2365
- .effect-dexter h2 {
2366
- padding: 2em;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
- font-family: 'Open Sans', sans-serif;
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
- font-family: 'Open Sans', sans-serif;
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
- font-family: 'Open Sans', sans-serif;
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
- font-family: 'Open Sans', sans-serif;
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
- font-family: 'Open Sans', sans-serif;
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
- font-family: 'Open Sans', sans-serif;
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
- font-family: 'Open Sans', sans-serif;
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 0px !important;
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: 999;
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 Visual Composer
4
  Description: Mega Addons gives you multi plugins all in one. It's very powerful for any theme.
5
- Plugin URI: http://addons.topdigitaltrends.net/
6
  Author: Nasir
7
- Author URI: http://topdigitaltrends.net/
8
- Version: 2.3
9
  License: GPL2
10
  */
11
 
12
  /*
13
 
14
- Copyright (C) 2017 Nasir nasir179125@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,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 type = ($(this).data('type') == 'default') ? true : false;
 
 
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").slick({
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
- }, 50);
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
- function __construct()
 
 
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
- include 'render/infobanners.php';
25
- include 'render/hover.php';
26
- include 'render/price.php';
27
- include 'render/advanceprice.php';
28
- include 'render/infobox.php';
29
- include 'render/hoverbutton.php';
30
- include 'render/teamprofile.php';
31
- include 'render/photobook.php';
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
- }elseif (defined( 'WPB_VC_VERSION' )) {
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://addons.topdigitaltrends.net/mega-addons-beta-version/" style="font-size: 14px;color: #11967A;" target="_blank"><b>Download Beta Version 3.0</b></a>');
94
 
95
- $actions = array_merge($actions, $site_link);
96
 
97
  }
98
 
@@ -101,5 +190,4 @@ class VC_MEGA
101
 
102
  }
103
 
104
- $N_object = new VC_MEGA;
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.0.2
7
- Stable tag: 2.3
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
- 'bgclr2' => '',
12
- 'type' => 'default',
 
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-type="<?php echo $type; ?>">
19
  <?php echo $content; ?>
20
  </div>
21
 
@@ -36,14 +37,44 @@ vc_map( array(
36
  'params' => array(
37
  array(
38
  "type" => "dropdown",
39
- "heading" => __( 'Type', 'accordion' ),
40
- "param_name" => "type",
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
41
  "description" => __( 'select', 'accordion' ),
42
  "group" => 'General',
43
  "value" => array(
44
- "Default" => "default",
45
- "Collapsible" => "collapsible",
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' => '0px',
12
  'title' => '',
13
- 'height' => '50px',
14
- 'size' => '16px',
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="<?php echo $type; ?> ac-style" style="margin-top: <?php echo $titlemargin; ?>; 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; ?>;height: <?php echo $height; ?>; line-height: <?php echo $height; ?>;">
27
  <?php echo $title; ?>
28
  </h3>
29
- <div class="mega-panel" style="margin-bottom: <?php echo $titlemargin; ?>;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,11 +48,12 @@ vc_map( array(
48
  // Title Section
49
 
50
  array(
51
- "type" => "textfield",
52
  "heading" => __( 'Margin', 'accordion' ),
53
  "param_name" => "titlemargin",
54
  "description" => __( 'margin from bottom for each tab, set in pixel', 'accordion' ),
55
- "value" => "0px",
 
56
  "group" => 'General',
57
  ),
58
 
@@ -66,19 +67,21 @@ vc_map( array(
66
 
67
 
68
  array(
69
- "type" => "textfield",
70
  "heading" => __( 'Title Section Height', 'accordion' ),
71
  "param_name" => "height",
72
- "description" => __( 'set in pixel default 50px', 'accordion' ),
73
- "value" => "50px",
 
74
  "group" => "Title",
75
  ),
76
  array(
77
  "type" => "textfield",
78
  "heading" => __( 'Font Size', 'accordion' ),
79
  "param_name" => "size",
80
- "description" => __( 'set in pixel eg, 16px', 'accordion' ),
81
- "value" => "16px",
 
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' => '35px',
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" => "textfield",
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 30px. It is recomend for first price listing from left side.', 'pt-vc' ),
 
77
  "group" => 'Price Header',
78
  ),
79
  array(
@@ -103,11 +105,13 @@ vc_map( array(
103
  "group" => 'Price Header',
104
  ),
105
  array(
106
- "type" => "textfield",
107
  "heading" => __( 'Amount font size', 'pt-vc' ),
108
  "param_name" => "price_fontsize",
109
- "description" => __( 'Set font size of price amount e.g 35px', 'pt-vc' ),
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" => "textfield",
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' => '150px',
20
- 'height' => '150px',
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" => "textfield",
96
  "heading" => __( 'Width', 'countdown' ),
97
  "param_name" => "width",
98
- "description" => __( 'set width in pixel for each week, hours, minutes and seconds e.g 100px', 'countdown' ),
 
 
99
  "group" => 'General',
100
  ),
101
 
102
  array(
103
- "type" => "textfield",
104
  "heading" => __( 'Height', 'countdown' ),
105
  "param_name" => "height",
106
- "description" => __( 'set height in pixel for each week, hours, minutes and seconds e.g 100px', 'countdown' ),
 
 
107
  "group" => 'General',
108
  ),
109
 
110
  array(
111
- "type" => "textfield",
112
  "heading" => __( 'Timer Font size', 'countdown' ),
113
  "param_name" => "size",
114
- "description" => __( 'Timer font size in pixel e.g 18px', 'countdown' ),
 
 
115
  "group" => 'General',
116
  ),
117
 
118
  array(
119
- "type" => "textfield",
120
  "heading" => __( 'Period Font size', 'countdown' ),
121
  "param_name" => "periodsize",
122
- "description" => __( 'period font size in pixel e.g 18px', 'countdown' ),
 
 
123
  "group" => 'General',
124
  ),
125
 
126
  array(
127
- "type" => "textfield",
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" => "textfield",
136
  "heading" => __( 'Padding From Top', 'countdown' ),
137
  "param_name" => "padding",
138
- "description" => __( 'padding from top help to move time in center default 15px', 'countdown' ),
 
139
  "group" => 'General',
140
  ),
141
 
142
  array(
143
- "type" => "textfield",
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 10px', 'countdown' ),
 
 
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" => "textfield",
174
  "heading" => __( 'Border Width', 'countdown' ),
175
  "param_name" => "borderwidth",
176
- "description" => __( 'set border width in pixel or leave blank e.g 10px', 'countdown' ),
 
 
177
  "group" => 'Color',
178
  ),
179
 
@@ -229,15 +250,15 @@ vc_map( array(
229
  ),
230
 
231
  array(
232
- "type" => "textfield",
233
  "heading" => __( 'Year', 'countdown' ),
234
  "param_name" => "year",
235
- "description" => __( 'just number start from 1 [ e.g 1 for current year, 2 for next year.. ]', 'countdown' ),
236
  "group" => 'Countdown',
237
  ),
238
 
239
  array(
240
- "type" => "textfield",
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" => "textfield",
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
- $content = wpb_js_remove_wpautop($content, true);
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; ?>; font-weight: <?php echo $weight; ?>;">
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; ?>; 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,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; ?>; font-weight: <?php echo $weight; ?>;">
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; ?>; font-weight: <?php echo $weight; ?>;">
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; ?>" data-hover="Umbrella" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>; 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,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; ?>; 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,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; ?>" data-hover="<?php echo $text; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>; 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,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; ?>" data-hover="<?php echo $text; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; border-top: 2px solid transparent; font-size: <?php echo $size; ?>; 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,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; ?>" data-hover="<?php echo $text; ?>" target="<?php echo $target; ?>" style="color: <?php echo $hoverclr; ?>; font-size: <?php echo $size; ?>; 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,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; ?>" data-hover="<?php echo $text; ?>" target="<?php echo $target; ?>" style="color: <?php echo $clr; ?>; font-size: <?php echo $size; ?>; 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,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; ?>; 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,7 +153,7 @@ vc_map( array(
153
  "type" => "dropdown",
154
  "heading" => __( 'Effect Style', 'creativelink' ),
155
  "param_name" => "style",
156
- "description" => __( 'Select effect style', 'creativelink' ),
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" => "textfield",
203
  "heading" => __( 'Font Size', 'creativelink' ),
204
  "param_name" => "size",
205
- "description" => __( 'font size of text in pixel e.g 18px', 'creativelink' ),
 
 
206
  "group" => 'General',
207
  ),
208
 
@@ -215,19 +208,18 @@ vc_map( array(
215
  ),
216
 
217
  array(
218
- "type" => "textfield",
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" => "textfield",
227
- "heading" => __( 'Open Link New Tab', 'creativelink' ),
228
- "param_name" => "target",
229
- "description" => __( 'write _blank to open link in new tab', 'creativelink' ),
230
- "group" => 'General',
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' => '200px',
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
- wp_enqueue_style( 'flip-box-css', plugins_url( '../css/flipbox.css' , __FILE__ ));
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
- <?php if ($style == 'vertical') { ?>
48
- <div class="hover vc-ihe-panel" style="height: <?php echo $height; ?>;">
49
- <div class="front" style="background: <?php echo $front_bg; ?>;">
50
- <div style="display:table;width:100%;height:100%;">
51
- <div class="pad" style="display: table-cell !important;vertical-align: middle !important; border: <?php echo $border_width; ?> <?php echo $border_style; ?> <?php echo $border_clr; ?>;">
52
- <?php if ($info_opt == 'show_image') { ?>
53
- <img class="" src="<?php echo $image_url; ?>" style="border-radius: <?php echo $radius; ?>; width: <?php echo $image_size; ?>;">
54
- <?php } ?>
55
- <?php if ($info_opt == 'show_icon') { ?>
56
- <i class="<?php echo $font_icon; ?>" aria-hidden="true" style="font-size: <?php echo $icon_size; ?>; color: <?php echo $icon_color; ?>;"></i>
57
- <?php } ?>
58
- <h4 style="color: <?php echo $color; ?>; font-size: <?php echo $size; ?>; line-height: <?php echo $lineheight; ?>;">
59
- <b><?php echo $title; ?></b>
60
- </h4>
61
- <p style="color: <?php echo $descrcolor; ?>; font-size: <?php echo $descrsize; ?>;">
62
- <?php echo $desc; ?>
63
- </p>
 
64
  </div>
65
- </div>
66
- </div>
67
- <div class="back" style="background: <?php echo $bgcolor; ?>">
68
- <div style="display:table;width:100%;height:100%;">
69
- <div class="pad" style="display: table-cell !important;vertical-align: middle !important; padding: 10px;">
70
- <?php echo $content; ?>
71
- <p style="text-align: center;">
72
- <?php if (!empty($url_txt)) { ?>
73
- <a href="<?php echo $url; ?>" class="mega_hvr_btn" style="color: <?php echo $url_clr; ?>; background: <?php echo $url_bg; ?>;">
74
- <?php echo $url_txt; ?>
75
- </a>
76
- <?php } ?>
77
- </p>
78
  </div>
79
- </div>
80
- </div>
81
- </div>
82
- <?php } ?>
83
 
84
- <?php if ($style == 'horizental') { ?>
85
- <div class="hover vc-ihe-panel" style="height: <?php echo $height; ?>;">
86
- <div class="front1" style="background: <?php echo $front_bg; ?>;">
87
- <div style="display:table;width:100%;height:100%;">
88
- <div class="pad" style="display: table-cell !important;vertical-align: middle !important; border: <?php echo $border_width; ?> <?php echo $border_style; ?> <?php echo $border_clr; ?>;">
89
- <?php if ($info_opt == 'show_image') { ?>
90
- <img class="" src="<?php echo $image_url; ?>" style="border-radius: <?php echo $radius; ?>; width: <?php echo $image_size; ?>;">
91
- <?php } ?>
92
- <?php if ($info_opt == 'show_icon') { ?>
93
- <i class="<?php echo $font_icon; ?>" aria-hidden="true" style="font-size: <?php echo $icon_size; ?>; color: <?php echo $icon_color; ?>;"></i>
94
- <?php } ?>
95
- <h4 style="color: <?php echo $color; ?>; font-size: <?php echo $size; ?>; line-height: <?php echo $lineheight; ?>;">
96
- <b><?php echo $title; ?></b>
97
- </h4>
98
- <p style="color: <?php echo $descrcolor; ?>; font-size: <?php echo $descrsize; ?>;">
99
- <?php echo $desc; ?>
100
- </p>
 
101
  </div>
102
- </div>
103
 
104
- </div>
105
- <div class="back1" style="background: <?php echo $bgcolor; ?>">
106
- <div style="display:table;width:100%;height:100%;">
107
- <div class="pad" style="display: table-cell !important;vertical-align: middle !important; padding: 10px;">
108
- <?php echo $content; ?>
109
- <p style="text-align: center;">
110
- <?php if (!empty($url_txt)) { ?>
111
- <a href="<?php echo $url; ?>" class="mega_hvr_btn" style="color: <?php echo $url_clr; ?>; background: <?php echo $url_bg; ?>;">
112
- <?php echo $url_txt; ?>
113
- </a>
114
- <?php } ?>
115
- </p>
 
116
  </div>
117
- </div>
118
- </div>
119
- </div>
120
- <?php } ?>
121
 
122
- <?php if ($style == '3d') { ?>
123
- <div style="height: <?php echo $height; ?>;">
124
- <div class="cube">
125
- <div class="active-state" style="background: <?php echo $bgcolor; ?>; height: <?php echo $height; ?>;transform-origin: center center -<?php echo $height/2; ?>px;">
126
- <div style="display:table;width:100%;height:100%;">
127
- <div style="display: table-cell !important;vertical-align: middle !important; padding: 0 10px;">
128
- <?php echo $content; ?>
129
- <p style="text-align: center; padding-top: 4px;">
130
- <?php if (!empty($url_txt)) { ?>
131
- <a href="<?php echo $url; ?>" class="mega_hvr_btn" style="color: <?php echo $url_clr; ?>; background: <?php echo $url_bg; ?>;">
132
- <?php echo $url_txt; ?>
133
- </a>
134
- <?php } ?>
135
- </p>
 
 
 
136
  </div>
137
- </div>
138
- </div>
139
- <div class="default-state <?php echo $css_class; ?>" style="height: <?php echo $height; ?>; transform-origin: center center -<?php echo $height/2; ?>px; background: <?php echo $front_bg; ?>;">
140
- <div style="display:table;width:100%;height:100%;">
141
- <div style="display: table-cell !important;vertical-align: middle !important; border: <?php echo $border_width; ?> <?php echo $border_style; ?> <?php echo $border_clr; ?>; padding: 0 10px;">
142
- <?php if ($info_opt == 'show_image') { ?>
143
- <img class="" src="<?php echo $image_url; ?>" width="<?php echo $image_size; ?>" style="border-radius: <?php echo $radius; ?>;">
144
- <?php } ?>
145
- <?php if ($info_opt == 'show_icon') { ?>
146
- <i class="<?php echo $font_icon; ?>" aria-hidden="true" style="font-size: <?php echo $icon_size; ?>; color: <?php echo $icon_color; ?>;"></i>
147
- <?php } ?>
148
- <h4 style="color: <?php echo $color; ?>; font-size: <?php echo $size; ?>; line-height: <?php echo $lineheight; ?>;">
149
- <b><?php echo $title; ?></b>
150
- </h4>
151
- <p style="color: <?php echo $descrcolor; ?>; font-size: <?php echo $descrsize; ?>;">
152
- <?php echo $desc; ?>
153
- </p>
154
- </div>
155
- </div>
156
- </div>
157
  </div>
158
- </div>
159
- <?php } ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
160
 
161
  <?php
162
  return ob_get_clean();
@@ -184,11 +208,13 @@ vc_map( array(
184
  )
185
  ),
186
  array(
187
- "type" => "textfield",
188
  "heading" => __( 'Flip height', 'flip-box-vc' ),
189
  "param_name" => "height",
190
- "description" => __( 'Required. set flip box height e.g 200px', 'flip-box-vc' ),
191
- 'value' => __( "200px", 'flip-box-vc' ),
 
 
192
  "group" => 'General',
193
  ),
194
  array(
@@ -217,11 +243,12 @@ vc_map( array(
217
  "group" => 'General',
218
  ),
219
  array(
220
- "type" => "textfield",
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" => "textfield",
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" => 'Icon/Image',
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" => 'Icon/Image',
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" => 'Icon/Image',
312
  "dependency" => array('element' => "info_opt", 'value' => 'show_image'),
313
  ),
314
  array(
315
- "type" => "textfield",
316
  "heading" => __( 'Width', 'flip-box-vc' ),
317
  "param_name" => "image_size",
318
- "description" => __( 'Image width in pixel e.g 80px', 'flip-box-vc' ),
319
- "group" => 'Icon/Image',
320
- 'value' => __( "80px", 'flip-box-vc' ),
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" => 'Icon/Image',
329
  "dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
330
  ),
331
  array(
332
- "type" => "textfield",
333
  "heading" => __( 'Font size', 'flip-box-vc' ),
334
  "param_name" => "icon_size",
335
- "description" => __( 'Set icon font size in pixel e.g 30px', 'flip-box-vc' ),
336
- "group" => 'Icon/Image',
 
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" => 'Icon/Image',
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" => "textfield",
360
- "heading" => __( 'Title', 'flip-box-vc' ),
361
- "param_name" => "title",
362
- "description" => __( 'set title for front display', 'flip-box-vc' ),
363
- "group" => 'Front',
 
 
364
  ),
365
  array(
366
- "type" => "textfield",
367
- "heading" => __( 'Font Size', 'flip-box-vc' ),
368
- "param_name" => "size",
369
- "description" => __( 'set title font size for front display e.g 15px', 'flip-box-vc' ),
370
- 'value' => __( "15px", 'flip-box-vc' ),
371
- "group" => 'Front',
 
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" => __( 'Title color', 'flip-box-vc' ),
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' => '230px',
14
- 'borderwidth' => '2px',
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' => '22px',
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; ?>; border: <?php echo $borderwidth; ?> solid <?php echo $borderclr; ?>;"></span>
36
- <h2 style="font-size: <?php echo $titlesize; ?>; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>;">
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; ?>; 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; ?>; border: <?php echo $borderwidth; ?> solid <?php echo $borderclr; ?>;"></span>
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; ?>; 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; ?>; border: <?php echo $borderwidth; ?> solid <?php echo $borderclr; ?>;"></span>
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; ?>; color: <?php echo $titleclr; ?>; line-height: <?php echo $lineheight; ?>; margin-bottom: -15px;">
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; ?>; color: <?php echo $titleclr; ?>;">
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; ?>; color: <?php echo $titleclr; ?>;">
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" => "textfield",
161
  "heading" => __( 'Line length', 'heading' ),
162
  "param_name" => "linewidth",
163
- "description" => __('set in pixel. default: 230px', 'heading'),
164
  "dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
165
- "value" => "230px",
166
- "group" => "General",
 
 
167
  ),
168
 
169
  array(
170
- "type" => "textfield",
171
  "heading" => __( 'Border Width', 'heading' ),
172
  "param_name" => "borderwidth",
173
- "description" => __('set in pixel. default: 2px', 'heading'),
174
  "dependency" => array('element' => "style", 'value' => array('theme1', 'theme2', 'theme3')),
175
- "value" => "2px",
 
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" => "textfield",
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" => "textfield",
273
  "heading" => __( 'Title Font Size', 'heading' ),
274
  "param_name" => "titlesize",
275
- "value" => "22px",
 
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' => '140px',
14
  'lineheight' => '2',
15
  'url' => '#0',
16
  'icon' => '',
17
- 'iconsize' => '31px',
18
- 'textsize' => '31px',
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 $id; ?>" style="display: table; width: 100%;height: 100%;">
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; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>;">
31
- <i class="<?php echo $icon; ?> span-before" aria-hidden="true" style="font-size: <?php echo $iconsize; ?>; line-height: <?php echo $height; ?>; color: <?php echo $clr; ?>;"></i>
32
  <div>
33
- <span class="text" style="font-size: <?php echo $textsize; ?>;"><?php echo $text; ?> <br> <?php echo $text2; ?></span>
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; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; text-align: center;">
41
  <div>
42
- <span class="text" style="font-size: <?php echo $textsize; ?>; line-height: <?php echo $lineheight-.5; ?>;">
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; ?>; color: <?php echo $clr; ?>;"></i>
47
  </a>
48
  <?php } ?>
49
  </div>
50
 
51
  <style>
52
- #highlight_box<?php echo $id; ?> a:hover{
53
  background: <?php echo $hoverbg; ?> !important;
54
  }
55
- #highlight_box<?php echo $id; ?> .fade i{
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" => "textfield",
96
  "heading" => __( 'Box Height', 'highlight' ),
97
  "param_name" => "height",
98
- "description" => __( 'set in pixel eg, 140px'),
99
- "value" => "140px",
 
100
  "group" => "General",
101
  ),
102
  array(
103
- "type" => "textfield",
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" => "textfield",
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" => "textfield",
126
  "heading" => __( 'Font Size', 'highlight' ),
127
  "param_name" => "iconsize",
128
- "description" => __( 'set in pixel eg, 30px'),
129
- "value" => "30px",
 
130
  "group" => "Icon",
131
  ),
132
 
@@ -135,11 +141,12 @@ vc_map( array(
135
 
136
 
137
  array(
138
- "type" => "textfield",
139
  "heading" => __( 'Text Font Size', 'highlight' ),
140
  "param_name" => "textsize",
141
- "description" => __( 'set in pixel eg, 35px'),
142
- "value" => "35px",
 
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
- 'image_alt' => '',
 
 
 
13
  'caption_bg' => '#FFF',
14
  'caption_url' => '',
15
  'caption_url_target' => '',
16
- 'border_width' => '10px',
 
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; ?> solid <?php echo $border_color; ?>;">
27
  <?php if (isset($caption_url) && $caption_url != '') { ?>
28
- <a href="<?php echo $caption_url; ?>" target="<?php echo $caption_url_target; ?>">
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 $image_alt; ?>">
36
  </div>
37
  <div class="info" style="background-color: <?php echo $caption_bg; ?>;">
38
- <?php echo $content; ?>
 
 
 
 
39
  </div>
40
  </a>
41
  </div>
@@ -60,26 +70,60 @@ vc_map( array(
60
  "group" => 'Image',
61
  ),
62
 
63
- array(
64
- "type" => "textfield",
65
- "heading" => __( 'Alternate Text', 'ihover' ),
66
- "param_name" => "image_alt",
67
- "description" => __( 'It will be used as alt attribute of img tag', 'ihover' ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
68
  "group" => 'Image',
69
  ),
70
 
71
  array(
72
- "type" => "textfield",
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" => "textfield",
80
- "heading" => __( 'Link Target', 'ihover' ),
81
- "param_name" => "caption_url_target",
82
- "description" => __( 'Write _blank to open link in new window', 'ihover' ),
83
  "group" => 'Image',
84
  ),
85
 
@@ -106,12 +150,31 @@ vc_map( array(
106
  /* Border */
107
 
108
  array(
109
- "type" => "textfield",
110
  "heading" => __( 'Border Width', 'ihover' ),
111
  "param_name" => "border_width",
112
- "description" => __( 'Width of border, eg: 15px. Leaving blank will disable border', 'ihover' ),
 
 
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', 'ihover' ). ' <a target="_blank" href="http://gudh.github.io/ihover/dist/index.html">Demo</a>',
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' => '5px',
20
- 'padding_left' => '10px',
21
  'btn_radius' => '',
22
  'btn_next' => '',
23
  'btn_url' => '',
24
  'btn_text' => '',
25
- 'btn_size' => '18px',
26
  'btn_icon' => '',
27
  'btn_border' => '',
28
- 'border_width' => '1px',
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 $btn_next; ?>" class="mega_hvr_btn <?php echo $anim_trans; ?>" style="padding: <?php echo $padding_top; ?> <?php echo $padding_left; ?>; border:<?php echo $border_width; ?> solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>">
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 $btn_next; ?>" style="padding: <?php echo $padding_top; ?> <?php echo $padding_left; ?>; border:<?php echo $border_width; ?> solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>" class="mega_hvr_btn <?php echo $bg_trans; ?>">
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 $btn_next; ?>" style="padding: <?php echo $padding_top; ?> <?php echo $padding_left; ?>; border:<?php echo $border_width; ?> solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>" class="mega_hvr_btn <?php echo $brdr_trans; ?>">
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 $btn_next; ?>" class="mega_hvr_btn <?php echo $shadow_trans; ?>" style="padding: <?php echo $padding_top; ?> <?php echo $padding_left; ?>; border:<?php echo $border_width; ?> solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>">
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 $btn_next; ?>" class="mega_hvr_btn <?php echo $bubble_trans; ?>" style="padding: <?php echo $padding_top; ?> <?php echo $padding_left; ?>; border:<?php echo $border_width; ?> solid <?php echo $btn_border; ?>; font-size: <?php echo $btn_size; ?>; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>; border-radius: <?php echo $btn_radius; ?>">
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; ?>" class="push_button" target="<?php echo $btn_next; ?>" style="font-size: <?php echo $btn_size; ?>; padding: <?php echo $padding_top; ?> <?php echo $padding_left; ?>; 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);">
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" => "textfield",
261
  "heading" => __( 'Padding [Top Bottom]', 'button' ),
262
  "param_name" => "padding_top",
263
- "description" => __( 'It will increase height of button e.g 10px', 'button' ),
 
 
264
  "group" => 'General',
265
  ),
266
  array(
267
- "type" => "textfield",
268
  "heading" => __( 'Padding [Left Right]', 'button' ),
269
  "param_name" => "padding_left",
270
- "description" => __( 'It will increase width of button e.g 20px', 'button' ),
 
 
271
  "group" => 'General',
272
  ),
273
  array(
274
- "type" => "textfield",
275
  "heading" => __( 'Radius', 'button' ),
276
  "param_name" => "btn_radius",
277
- "description" => __( 'set button radius e.g 5px', 'button' ),
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" => "textfield",
297
  "heading" => __( 'Text font size', 'button' ),
298
  "param_name" => "btn_size",
299
- "description" => __( 'Set font size in pixel e.g 18px', 'button' ),
 
 
300
  "group" => 'Text',
301
  ),
302
  array(
303
- "type" => "textfield",
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" => "textfield",
329
  "heading" => __( 'Border width', 'button' ),
330
  "param_name" => "border_width",
331
- "description" => __( 'Set width of border in pixel e.g 1px', 'button' ),
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; ?> solid <?php echo $border_color; ?>;">
29
  <?php if (isset($caption_url) && $caption_url != '') { ?>
30
- <a href="<?php echo $caption_url; ?>" target="<?php echo $caption_url_target; ?>">
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" => "textfield",
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" => "textfield",
73
- "heading" => __( 'Link Target', 'swap' ),
74
- "param_name" => "caption_url_target",
75
- "description" => __( 'Write _blank to open link in new window', 'swap' ),
76
  "group" => 'Image',
77
  ),
78
 
@@ -80,12 +93,29 @@ vc_map( array(
80
  /* Border */
81
 
82
  array(
83
- "type" => "textfield",
84
  "heading" => __( 'Border Width', 'swap' ),
85
  "param_name" => "border_width",
86
- "description" => __( 'Width of border, eg: 15px. Leaving blank will disable border', 'swap' ),
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' => '18px',
14
- 'desc_size' => '15px',
15
  'captionclr' => '',
16
  'bgclr' => '',
17
  'outer_border' => '2px solid #E1E1E1',
18
- 'icon_size' => '25px',
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; ?>; 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,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; ?>; 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; ?>; color: <?php echo $captionclr; ?>;">
75
  <?php echo $heading; ?>
76
  </h3>
77
- <p style="font-size: <?php echo $desc_size; ?>; color: <?php echo $captionclr; ?>;">
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; ?>; 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; ?>; color: <?php echo $captionclr; ?>;">
95
  <?php echo $heading2; ?>
96
  </h3>
97
- <p style="font-size: <?php echo $desc_size; ?>; color: <?php echo $captionclr; ?>;">
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; ?>; 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; ?>; color: <?php echo $captionclr; ?>;">
115
  <?php echo $heading3; ?>
116
  </h3>
117
- <p style="font-size: <?php echo $desc_size; ?>; color: <?php echo $captionclr; ?>;">
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; ?>; 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; ?>; color: <?php echo $captionclr; ?>;">
135
  <?php echo $heading4; ?>
136
  </h3>
137
- <p style="font-size: <?php echo $desc_size; ?>; color: <?php echo $captionclr; ?>;">
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; ?>; 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; ?>; color: <?php echo $captionclr; ?>;">
155
  <?php echo $heading5; ?>
156
  </h3>
157
- <p style="font-size: <?php echo $desc_size; ?>; color: <?php echo $captionclr; ?>;">
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; ?>; 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,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; ?>; 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,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; ?>; 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,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; ?>; 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,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; ?>; 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,11 +265,12 @@ vc_map( array(
265
  "icon" => plugin_dir_url( __FILE__ ).'../icons/infocircle.png',
266
  'params' => array(
267
  array(
268
- "type" => "textfield",
269
- "heading" => __( 'Caption Width', 'circle' ),
270
  "param_name" => "width",
271
- "description" => __( 'width of inner container in % eg, 60%'),
272
- "value" => "60%",
 
273
  "group" => 'General',
274
  ),
275
  array(
@@ -280,19 +281,21 @@ vc_map( array(
280
  "group" => 'General',
281
  ),
282
  array(
283
- "type" => "textfield",
284
  "heading" => __( 'Heading Font size', 'circle' ),
285
  "param_name" => "heading_size",
286
- "description" => __( 'set in pixel eg, 18px'),
287
- "value" => "18px",
 
288
  "group" => 'General',
289
  ),
290
  array(
291
- "type" => "textfield",
292
  "heading" => __( 'Description Font size', 'circle' ),
293
  "param_name" => "desc_size",
294
- "description" => __( 'set in pixel eg, 15px'),
295
- "value" => "15px",
 
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" => "textfield",
337
  "heading" => __( 'Font Icon size', 'circle' ),
338
  "param_name" => "icon_size",
339
- "description" => __( 'set in pixel eg, 25px'),
340
  "dependency" => array('element' => "style", 'value' => 'icon'),
341
- "value" => "25px",
 
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' => '30px',
16
- 'width' => '80px',
17
- 'height' => '80px',
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' => '18px',
27
  'titleclr' => '#000',
28
  'title_weight' => 'default',
29
  'desc' => '',
30
- 'descsize' => '15px',
31
- 'connector_h' => '30px',
32
  'descclr' => '#000',
33
- 'listwidth' => '1px',
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; ?>; border-left: <?php echo $listwidth; ?> <?php echo $liststyle; ?> <?php echo $listclr; ?>; display: table;margin-left: <?php echo $width/2+$borderwidth; ?>px; float: none; margin-bottom: 2px;">
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; ?>; height: <?php echo $height; ?>;" class="<?php echo $imgstyle; ?>">
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; ?>; height: <?php echo $height; ?>; border-radius: <?php echo $radius; ?>; text-align: center;">
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; ?>; color: <?php echo $iconclr; ?>;"></i>
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; ?>; color: <?php echo $titleclr; ?>; font-style: <?php echo $title_weight; ?>;">
64
  <?php echo $title; ?>
65
  </h2>
66
- <p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr; ?>;">
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; ?>; border-right: <?php echo $listwidth; ?> <?php echo $liststyle; ?> <?php echo $listclr; ?>; display: table;margin-right: <?php echo $width/2+$borderwidth; ?>px; float: none; margin-bottom: 2px;">
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; ?>; color: <?php echo $titleclr; ?>; font-style: <?php echo $title_weight; ?>;">
79
  <?php echo $title; ?>
80
  </h2>
81
- <p style="font-size: <?php echo $descsize; ?>; color: <?php echo $descclr; ?>;">
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; ?>; height: <?php echo $height; ?>;" class="<?php echo $imgstyle; ?>">
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; ?>; height: <?php echo $height; ?>; border-radius: <?php echo $radius; ?>;text-align: center;">
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; ?>; color: <?php echo $iconclr; ?>;"></i>
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" => "textfield",
160
  "heading" => __( 'Font Size', 'infolist' ),
161
  "param_name" => "size",
162
- "description" => __( 'icon font size in pixel eg, 30px', 'infolist' ),
163
  "dependency" => array('element' => "style", 'value' => 'icon'),
164
- "value" => "30px",
 
165
  "group" => 'Icon/Image',
166
  ),
167
  array(
168
- "type" => "textfield",
169
  "heading" => __( 'Width', 'infolist' ),
170
  "param_name" => "width",
171
- "description" => __( 'set width in pixel eg, 80px', 'infolist' ),
172
- "value" => "80px",
 
173
  "group" => 'Icon/Image',
174
  ),
175
  array(
176
- "type" => "textfield",
177
  "heading" => __( 'Height', 'infolist' ),
178
  "param_name" => "height",
179
- "description" => __( 'set height in pixel eg, 80px', 'infolist' ),
180
- "value" => "80px",
 
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, 5px', 'infolist' ),
221
  "dependency" => array('element' => "style", 'value' => 'icon'),
222
- "value" => "5px",
 
223
  "group" => 'Icon/Image',
224
  ),
225
 
@@ -267,11 +286,12 @@ vc_map( array(
267
  "group" => 'Content',
268
  ),
269
  array(
270
- "type" => "textfield",
271
  "heading" => __( 'Title Font Size', 'infolist' ),
272
  "param_name" => "titlesize",
273
- "description" => __('set in pixel, default 18px', 'infolist'),
274
- "value" => "18px",
 
275
  "group" => 'Content',
276
  ),
277
  array(
@@ -301,11 +321,12 @@ vc_map( array(
301
  "group" => 'Content',
302
  ),
303
  array(
304
- "type" => "textfield",
305
  "heading" => __( 'Description Font Size', 'infolist' ),
306
  "param_name" => "descsize",
307
- "description" => __('set in pixel, default 15px', 'infolist'),
308
- "value" => "15px",
 
309
  "group" => 'Content',
310
  ),
311
  array(
@@ -319,19 +340,21 @@ vc_map( array(
319
  // Settings
320
 
321
  array(
322
- "type" => "textfield",
323
  "heading" => __( 'Connector Line Height', 'infolist' ),
324
  "param_name" => "connector_h",
325
- "description" => __( 'line between to info list. set in pixel default 30px', 'infolist' ),
326
- "value" => "30px",
 
327
  "group" => 'Settings',
328
  ),
329
  array(
330
- "type" => "textfield",
331
  "heading" => __( 'Connector Width', 'infolist' ),
332
  "param_name" => "listwidth",
333
- "description" => __( 'set connector line width for info list in pixel eg, 1px', 'infolist' ),
334
- "value" => "1px",
 
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' => '20px',
25
- 'btn_pleft' => '60px',
26
- 'btn_size' => '18px',
27
- 'btn_url' => '',
28
  'border_style' => '',
29
- 'btn_radius' => '5px',
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-1; ?>%; float: <?php echo $style_visibility; ?>; padding: <?php echo $img_padding; ?>;">
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-1; ?>%; padding: <?php echo $text_padding; ?>;">
58
  <?php echo $content; ?><br>
59
 
60
- <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; ?>" class="mega_hvr_btn <?php echo $anim_style; ?>" style="font-size: <?php echo $btn_size; ?>; color: <?php echo $btn_clr; ?>; background: <?php echo $btn_bg; ?>; border: <?php echo $border_style; ?>; border-radius: <?php echo $btn_radius; ?>; padding: <?php echo $btn_ptop/2; ?>px <?php echo $btn_pleft/2; ?>px; border-radius: <?php echo $btn_radius; ?>;">
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 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; ?>" class="mega_hvr_btn <?php echo $anim_style; ?>" style="font-size: <?php echo $btn_size; ?>; 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; ?>;">
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" => "textfield",
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%', 'info-banner-vc' ),
132
  "dependency" => array('element' => "style_visibility", 'value' => array('left', 'right',)),
133
- "value" => "50%",
 
134
  "group" => 'General',
135
  ),
136
 
137
  array(
138
- "type" => "textfield",
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%', 'info-banner-vc' ),
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" => "textfield",
175
  "heading" => __( 'Image height', 'info-banner-vc' ),
176
  "param_name" => "pic_height",
177
- "description" => __( 'set image height e.g 100px or leave blank for default', 'info-banner-vc' ),
 
178
  "group" => 'Image',
179
  ),
180
 
@@ -189,10 +211,11 @@ vc_map( array(
189
  "group" => 'Content',
190
  ),
191
  array(
192
- "type" => "textfield",
193
  "heading" => __( 'Discription Font Size (For Mobile)', 'info-banner-vc' ),
194
  "param_name" => "descsize",
195
- "description" => __( 'set in pixel eg, 15px or leave blank', 'info-banner-vc' ),
 
196
  "group" => 'Content',
197
  ),
198
  array(
@@ -249,38 +272,40 @@ vc_map( array(
249
  "group" => 'Button',
250
  ),
251
  array(
252
- "type" => "textfield",
253
  "heading" => __( 'Button Height', 'info-banner-vc' ),
254
  "param_name" => "btn_ptop",
255
- "description" => __( 'button height. set in pixel e.g 20px', 'info-banner-vc' ),
256
- "value" => "20px",
 
257
  "group" => 'Button',
258
  ),
259
 
260
  array(
261
- "type" => "textfield",
262
  "heading" => __( 'Button Width', 'info-banner-vc' ),
263
  "param_name" => "btn_pleft",
264
- "description" => __( 'button width. set in pixel e.g 60px', 'info-banner-vc' ),
265
- "value" => "60px",
 
266
  "group" => 'Button',
267
  ),
268
  array(
269
- "type" => "textfield",
270
  "heading" => __( 'Text font size', 'info-banner-vc' ),
271
  "param_name" => "btn_size",
272
- "description" => __( 'Set font size in pixel e.g 18px', 'info-banner-vc' ),
273
- "value" => "18px",
 
274
  "group" => 'Button',
275
  ),
276
  array(
277
- "type" => "textfield",
278
  "heading" => __( 'Button URL', 'info-banner-vc' ),
279
- "param_name" => "btn_url",
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" => "textfield",
294
  "heading" => __( 'Border Radius', 'info-banner-vc' ),
295
  "param_name" => "btn_radius",
296
- "description" => __( 'set in pixel eg 5px or leave blank', 'info-banner-vc' ),
297
- "value" => "5px",
 
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' => '25px',
18
  'icon_color' => '',
19
- 'icon_height' => '80px',
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
- 'btn_bg' => '',
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
- <div class="mega-info-header">
46
- <?php if ($info_opt == 'show_image') { ?>
47
- <img class="mega-info-img" src="<?php echo $image_url; ?>" style="width: <?php echo $image_size; ?>; border-radius: <?php echo $image_radius; ?>;">
48
- <?php } ?>
49
- <?php if ($info_opt == 'show_icon') { ?>
50
- <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; ?>; height: <?php echo $icon_height; ?>; line-height: <?php echo $icon_height-$border_width*2; ?>px; font-size: <?php echo $icon_size; ?>; color: <?php echo $icon_color; ?>;"></i>
51
- <?php } ?>
52
- </div>
53
- <div class="mega-info-footer">
54
- <h3 class="mega-info-title" style="font-size: <?php echo $title_size; ?>; line-height: <?php echo $line_height; ?>;">
55
- <?php echo $info_title; ?>
56
- </h3>
57
- <p class="mega-info-desc" style="font-size: <?php echo $desc_size; ?>;">
58
- <?php echo $info_desc; ?>
59
- </p>
60
- <a class="mega-info-btn" href="<?php echo $btn_url; ?>" style="background: <?php echo $btn_bg; ?>; display: <?php echo $btn_visibility; ?>;">
61
- <?php echo $btn_text; ?>
62
- </a>
63
- </div>
 
 
 
 
 
 
 
 
 
 
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" => "textfield",
111
  "heading" => __( 'Width', 'infobox' ),
112
  "param_name" => "image_size",
113
- "description" => __( 'Set the width in pixel e.g 80px', 'infobox' ),
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" => "textfield",
144
  "heading" => __( 'Font size', 'infobox' ),
145
  "param_name" => "icon_size",
146
- "description" => __( 'Set icon font size in pixel e.g 30px', 'infobox' ),
147
  "group" => 'General',
148
- "value" => "25px",
 
149
  "dependency" => array('element' => "info_opt", 'value' => 'show_icon'),
150
  ),
151
  array(
152
- "type" => "textfield",
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" => "80px",
 
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" => "textfield",
239
  "heading" => __( 'Line Height', 'infobox' ),
240
  "param_name" => "line_height",
241
  "description" => __( 'Set line height for text', 'infobox' ),
242
- "value" => "0",
243
  "group" => 'Detail',
244
  ),
245
  array(
@@ -250,67 +333,22 @@ vc_map( array(
250
  "group" => 'Detail',
251
  ),
252
  array(
253
- "type" => "textfield",
254
  "heading" => __( 'Title font size', 'infobox' ),
255
  "param_name" => "title_size",
256
- "description" => __( 'Set font size for title e.g 16px', 'infobox' ),
 
257
  "group" => 'Detail',
258
  ),
259
  array(
260
- "type" => "textarea",
261
- "heading" => __( 'Description', 'infobox' ),
262
- "param_name" => "info_desc",
263
- "description" => __( 'Write description for detail', 'infobox' ),
264
- "group" => 'Detail',
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
- 'blank' => '',
16
- 'title' => 'Heading',
17
- 'titlesize' => '18px',
18
  'desc' => '',
19
- 'descsize' => '15px',
20
  'clr' => '#fff',
21
  'bgclr' => '',
 
 
 
 
 
 
 
 
 
 
 
22
  ), $atts ) );
 
23
  if ($image_id != '') {
24
  $image_url = wp_get_attachment_url( $image_id );
25
  }
26
- $content = wpb_js_remove_wpautop($content, true);
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; ?>; width: 100%;" />
33
  <figcaption>
34
  <div>
35
- <h2 style="font-size: <?php echo $titlesize; ?>; color: <?php echo $clr; ?>; font-weight: 500;">
36
  <?php echo $title; ?>
37
  </h2>
38
- <p style="font-size: <?php echo $descsize; ?>; color: <?php echo $clr; ?>;">
39
  <?php echo $desc; ?>
 
 
 
 
 
 
 
 
 
 
 
40
  </p>
41
  </div>
42
  <?php if (isset($url) && $url != '') { ?>
43
- <a href="<?php echo $url; ?>" target="<?php echo $blank; ?>">
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" => __( 'Choose hover effect', 'int_banner' ). ' <a target="_blank" href="http://addons.topdigitaltrends.net/interactive-banner/">Demo</a>',
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, 230px or leave blank', 'int_banner' ),
 
106
  "group" => "Image",
107
  ),
108
  array(
109
- "type" => "textfield",
110
  "heading" => __( 'Url', 'int_banner' ),
111
  "param_name" => "url",
112
  "description" => __( 'write url for moving to specific link', 'int_banner' ),
113
- "value" => "URL",
114
  "group" => "Image",
115
  ),
116
  array(
117
  "type" => "textfield",
118
- "heading" => __( 'Target', 'int_banner' ),
119
- "param_name" => "blank",
120
- "description" => __( 'write _blank for open link into new tab or leave blank', 'int_banner' ),
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" => "textfield",
134
  "heading" => __( 'Heading Font Size', 'int_banner' ),
135
  "param_name" => "titlesize",
136
- "description" => __( 'set in pixel e.g 18px', 'int_banner' ),
137
- "value" => "18px",
 
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
- "value" => "Description goes here",
146
  "group" => "Title",
147
  ),
148
  array(
149
- "type" => "textfield",
150
- "heading" => __( 'Description Font Size', 'int_banner' ),
151
  "param_name" => "descsize",
152
- "description" => __( 'set in pixel e.g 15px', 'int_banner' ),
153
- "value" => "15px",
 
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" => "Color",
163
  ),
164
  array(
165
  "type" => "colorpicker",
166
  "heading" => __( 'Background Color', 'int_banner' ),
167
  "param_name" => "bgclr",
168
- "group" => "Color",
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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' => '60px',
13
- 'width' => '600px',
14
  'bodybg' => '#1a94ad',
15
  'bgclr' => '#ececec',
16
  'btntext' => '',
17
- 'btnsize' => '18px',
18
- 'leftpadding' => '20px',
19
- 'toppadding' => '5px',
20
  'border' => '0px solid transparent',
21
- 'btnradius' => '3px',
22
  'btnclr' => '',
 
23
  'btnbg' => '',
 
24
  'titlealign' => 'left',
25
  'titletext' => 'Image Gallery',
26
- 'titlesize' => '20px',
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; ?>; font-size: <?php echo $btnsize; ?>; padding: <?php echo $toppadding; ?> <?php echo $leftpadding; ?>;">
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; ?>; width: 95%;max-width: <?php echo $width; ?>; background: <?php echo $bgclr; ?>;">
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; ?>; line-height: <?php echo $titleline; ?>; color: <?php echo $titleclr; ?>; background: <?php echo $titlebg; ?>; margin: 0px; padding: 0px 20px;">
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" => "textfield",
123
  "heading" => __( 'Top', 'modal_popup' ),
124
  "param_name" => "top",
125
  "description" => __( 'set position from top in pixel', 'modal_popup' ),
126
- "value" => __( "60px", "modal_popup" ),
 
127
  "group" => 'General',
128
  ),
129
  array(
130
- "type" => "textfield",
131
  "heading" => __( 'Popup Width', 'modal_popup' ),
132
  "param_name" => "width",
133
  "description" => __( 'set in pixel', 'modal_popup' ),
134
- "value" => __( "600px", "modal_popup" ),
 
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" => "textfield",
153
  "heading" => __( 'Font Size', 'modal_popup' ),
154
  "param_name" => "btnsize",
155
  "description" => __( 'font size for button in pixel', 'modal_popup' ),
156
- "value" => __( "18px", "modal_popup" ),
 
157
  "group" => 'Button Setting',
158
  ),
159
  array(
160
- "type" => "textfield",
161
  "heading" => __( 'Padding [Left,Right]', 'modal_popup' ),
162
  "param_name" => "leftpadding",
163
  "description" => __( 'write in pixel for button width', 'modal_popup' ),
164
- "value" => __( "20px", "modal_popup" ),
 
165
  "group" => 'Button Setting',
166
  ),
167
  array(
168
- "type" => "textfield",
169
  "heading" => __( 'Padding [Top,Bottom]', 'modal_popup' ),
170
  "param_name" => "toppadding",
171
  "description" => __( 'write in pixel for button height', 'modal_popup' ),
172
- "value" => __( "5px", "modal_popup" ),
 
173
  "group" => 'Button Setting',
174
  ),
175
  array(
@@ -181,11 +193,12 @@ vc_map( array(
181
  "group" => 'Button Setting',
182
  ),
183
  array(
184
- "type" => "textfield",
185
  "heading" => __( 'Radius', 'modal_popup' ),
186
  "param_name" => "btnradius",
187
  "description" => __( 'button radius in pixel', 'modal_popup' ),
188
- "value" => __( "5px", "modal_popup" ),
 
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" => "textfield",
226
  "heading" => __( 'Font Size', 'modal_popup' ),
227
  "param_name" => "titlesize",
228
- "description" => __( 'write in pixel e.g 20px', 'modal_popup' ),
229
- "value" => __( "20px", "modal_popup" ),
 
230
  "group" => 'Title',
231
  ),
232
  array(
233
- "type" => "textfield",
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
- // 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,10 +82,11 @@ vc_map( array(
82
  ),
83
 
84
  array(
85
- "type" => "textfield",
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" => "textfield",
106
  "heading" => __( 'Page Padding', 'photobook' ),
107
  "param_name" => "padding",
108
  "description" => __( 'Padding added to each page wrapper', 'photobook' ),
109
  "group" => 'Settings',
110
  ),
111
 
112
- /*array(
113
- "type" => "textfield",
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" => "textfield",
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
- /*array(
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
- 'offer_visibility' => 'none',
12
- 'offer_text' => '',
13
- 'offer_bg' => '',
14
- 'price_title' => '',
15
- 'price_visibility' => 'block',
16
- 'price_currency' => '',
17
- 'price_amount' => '',
18
- 'price_plan' => '',
19
- 'btn_text' => '',
20
- 'btn_url' => '',
21
- 'price_bg' => '',
22
- 'top_bg' => '',
 
 
 
 
 
 
 
 
 
 
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
- <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;">
29
- <div class="type" style="background-color: <?php echo $top_bg; ?>;">
30
- <div class="ribbon-right" style="display: <?php echo $offer_visibility; ?>;">
31
- <span style="background: <?php echo $offer_bg; ?>;"><?php echo $offer_text; ?></span>
32
- </div>
33
- <p><?php echo $price_title; ?></p>
34
- </div>
35
-
36
- <div class="plan">
37
- <div class="header" style="display: <?php echo $price_visibility; ?>;">
38
- <span class="price_curr" style="color: <?php echo $top_bg; ?>">
39
- <?php echo $price_currency; ?>
40
- </span>
41
- <span class="amount" style="color: <?php echo $top_bg; ?>">
42
- <?php echo $price_amount; ?>
43
- </span>
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" => "textfield",
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" => __( 'Content background color', 'pt-vc' ),
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' => '10px',
13
  'icon' => '',
14
  'text' => 'icontext',
15
- 'width' => '40px',
16
- 'height' => '40px',
17
- 'size' => '20px',
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; ?>; border-radius: <?php echo $radius; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width; ?>; height: <?php echo $height; ?>; line-height: <?php echo $height; ?>;" 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,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; ?>; width: <?php echo $width ?>; height: <?php echo $width; ?>; line-height: <?php echo $width; ?>; 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 ?>; height: <?php echo $height; ?>; line-height: <?php echo $height; ?>;" 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 ?>; height: <?php echo $height; ?>;"></span>
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; ?>; border-radius: <?php echo $radius; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width; ?>; height: <?php echo $height; ?>; line-height: <?php echo $height; ?>;" 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; ?>;">
57
  <div class="social-buttons">
58
- <a class="social-button" href="<?php echo $url ?>" target="<?php echo $target; ?>" style="font-size: <?php echo $size; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width ?>; height: <?php echo $height; ?>; 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,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; ?>; border-radius: <?php echo $radius; ?>; color: <?php echo $clr; ?>; background: <?php echo $bgclr; ?>; width: <?php echo $width; ?>; height: <?php echo $height; ?>; line-height: <?php echo $height; ?>;" 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,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" => "textfield",
119
  "heading" => __( 'Margin', 'socialicon' ),
120
  "param_name" => "margin",
121
- "description" => __( 'space between two social icons eg 10px', 'socialicon' ),
122
  "group" => 'General',
123
- 'value' => __( "10px", 'socialicon' ),
 
124
  ),
125
  array(
126
- "type" => "textfield",
127
  "heading" => __( 'Width', 'socialicon' ),
128
  "param_name" => "width",
129
  "description" => __( 'social icon width in pixel', 'socialicon' ),
130
  "group" => 'General',
131
- 'value' => __( "40px", 'socialicon' ),
 
132
  ),
133
 
134
  array(
135
- "type" => "textfield",
136
  "heading" => __( 'Height', 'socialicon' ),
137
  "param_name" => "height",
138
  "description" => __( 'social icon height in pixel', 'socialicon' ),
139
  "group" => 'General',
140
- 'value' => __( "40px", 'socialicon' ),
 
141
  ),
142
 
143
  array(
@@ -150,12 +153,13 @@ vc_map( array(
150
  ),
151
 
152
  array(
153
- "type" => "textfield",
154
- "heading" => __( 'Move to Next Tab', 'socialicon' ),
155
- "param_name" => "target",
156
- "description" => __( 'write _blank to open link in new tab', 'socialicon' ),
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" => "textfield",
178
  "heading" => __( 'Font size', 'socialicon' ),
179
  "param_name" => "size",
180
  "description" => __( 'icon font size in pixel', 'socialicon' ),
181
  "group" => 'Font Icon',
182
- 'value' => __( "20px", 'socialicon' ),
 
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' => '30px',
25
  'title_font' => '500',
26
  'title_clr' => '',
27
- 'lineheight' => '',
28
  'stat_numb' => '',
29
- 'stat_size' => '20px',
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; ?>; height: <?php echo $image_height; ?>; 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; ?>; 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; ?>; 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; ?>; font-weight: <?php echo $title_font; ?>; color: <?php echo $title_clr; ?>;">
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; ?>; height: <?php echo $image_height; ?>; 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; ?>; 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; ?>; 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; ?>; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
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; ?>; height: <?php echo $image_height; ?>; 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; ?>; 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; ?>; 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; ?>; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
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; ?>; 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; ?>; 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; ?>" 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; ?>; height: <?php echo $image_height; ?>; 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; ?>; color: <?php echo $icon_clr; ?>;"></i>
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; ?>; 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; ?>" 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; ?>; 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; ?>; font-weight: <?php echo $stat_font; ?>; color: <?php echo $stat_clr; ?>;">
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" => "textfield",
218
  "heading" => __( 'Icon font size', 'counter' ),
219
  "param_name" => "icon_size",
220
- "description" => __( 'set font size in pixel e.g 25px', 'counter' ),
221
  "dependency" => array('element' => "sec_style", 'value' => 'icon'),
222
- "value" => "25px",
 
223
  "group" => 'General',
224
  ),
225
  array(
226
- "type" => "textfield",
227
  "heading" => __( 'Width', 'counter' ),
228
  "param_name" => "image_width",
229
- "description" => __( 'Set custom width in pixel or leave blank e.g 100px', 'counter' ),
230
- "value" => "50px",
 
231
  "group" => 'General',
232
  ),
233
  array(
234
- "type" => "textfield",
235
  "heading" => __( 'Height', 'counter' ),
236
  "param_name" => "image_height",
237
- "description" => __( 'Set custom height in pixel or leave blank e.g 100px', 'counter' ),
238
- "value" => "50px",
 
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" => "textfield",
296
  "heading" => __( 'Font size', 'counter' ),
297
  "param_name" => "title_size",
298
- "description" => __( 'set title font size in pixel e.g 30px', 'counter' ),
 
299
  "group" => 'Title',
300
  ),
301
  array(
302
- "type" => "textfield",
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" => "textfield",
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" => "textfield",
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" => "textfield",
336
  "heading" => __( 'Font size', 'counter' ),
337
  "param_name" => "stat_size",
338
- "description" => __( 'set counter font size in pixel e.g 20px', 'counter' ),
 
339
  "group" => 'Stat Counter',
340
  ),
341
  array(
342
- "type" => "textfield",
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" => "textfield",
360
  "heading" => __( 'Decimal', 'counter' ),
361
  "param_name" => "count_decimal",
362
- "description" => __( 'put decimal after points e.g 2 or leave blank', 'counter' ),
363
  "group" => 'Setting',
364
  ),
365
  array(
366
- "type" => "textfield",
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" => "textfield",
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" => "textfield",
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; ?>; color: <?php echo $info_clr; ?>">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
218
  </div>
219
  </div>
220
  <?php } ?>
221
  </div>
222
- <div class="member-info" style="font-size: <?php echo $info_size; ?>; color: <?php echo $info_clr; ?>">
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; ?>; color: <?php echo $info_clr; ?>">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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; ?>; background-color: <?php echo $member_clr; ?>;">
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" => "textfield",
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" => "textfield",
497
  "heading" => __( 'Info text font size', 'memberprofile' ),
498
  "param_name" => "info_size",
499
- "description" => __( 'Write font size along with units e.g 13px', 'memberprofile' ),
 
500
  "group" => 'Info',
501
  ),
502
  array(
@@ -550,10 +561,11 @@ vc_map( array(
550
  ),
551
 
552
  array(
553
- "type" => "textfield",
554
  "heading" => __( 'First percentage', 'memberprofile' ),
555
  "param_name" => "memb_perl",
556
- "description" => __( 'first skill percentage e.g 87% or leave blank', 'memberprofile' ),
 
557
  "group" => 'Skill',
558
  ),
559
 
@@ -566,10 +578,11 @@ vc_map( array(
566
  ),
567
 
568
  array(
569
- "type" => "textfield",
570
  "heading" => __( 'Second percentage', 'memberprofile' ),
571
  "param_name" => "memb_per2",
572
- "description" => __( 'second skill percentage e.g 83% or leave blank', 'memberprofile' ),
 
573
  "group" => 'Skill',
574
  ),
575
 
@@ -582,10 +595,11 @@ vc_map( array(
582
  ),
583
 
584
  array(
585
- "type" => "textfield",
586
  "heading" => __( 'Third percentage', 'memberprofile' ),
587
  "param_name" => "memb_per3",
588
- "description" => __( 'third skill percentage e.g 83% or leave blank', 'memberprofile' ),
 
589
  "group" => 'Skill',
590
  ),
591
  array(
@@ -597,10 +611,11 @@ vc_map( array(
597
  ),
598
 
599
  array(
600
- "type" => "textfield",
601
  "heading" => __( 'Fourth percentage', 'memberprofile' ),
602
  "param_name" => "memb_per4",
603
- "description" => __( 'fourth skill percentage e.g 83% or leave blank', 'memberprofile' ),
 
604
  "group" => 'Skill',
605
  ),
606
 
@@ -613,10 +628,11 @@ vc_map( array(
613
  ),
614
 
615
  array(
616
- "type" => "textfield",
617
  "heading" => __( 'Fifth percentage', 'memberprofile' ),
618
  "param_name" => "memb_per5",
619
- "description" => __( 'fifth skill percentage e.g 83% or leave blank', 'memberprofile' ),
 
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
- 'width' => '100px',
16
- 'radius' => '50%',
 
17
  'name' => '#000',
18
- 'namesize' => '14px',
19
  'nameclr' => '',
20
  'prof' => '',
21
- 'profsize' => '14px',
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; ?>; border-radius: <?php echo $radius; ?>">
40
  </div>
41
  <div class="tm-prof">
42
  <div class="tm-name">
43
- <span style="font-size: <?php echo $namesize; ?>; color: <?php echo $nameclr; ?>; font-weight: bold;"><?php echo $name; ?></span>,
44
- <span><i><a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>; font-style: italic; text-decoration: none;"><?php echo $prof; ?></a></i></span>
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; ?>; color: <?php echo $nameclr; ?>; font-weight: bold;"><?php echo $name; ?></span>,
61
  <p>
62
- <a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>; font-style: italic; text-decoration: none;"><?php echo $prof; ?></a>
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; ?>; border-radius: <?php echo $radius; ?>">
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; ?>; 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;">
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; ?>; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></p>
90
  <p style="text-align: center;">
91
- <a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>; font-style: italic; text-decoration: none; ">
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; ?>; border-radius: <?php echo $radius; ?>;">
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; ?>; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
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; ?>; font-style: italic; text-decoration: none; ">
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; ?>; border-radius: <?php echo $radius; ?>;">
129
  <div class="tm-prof4">
130
- <span style="font-size: <?php echo $namesize; ?>; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
131
- <p><a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>; font-style: italic; text-decoration: none; ">
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; ?>; border-radius: <?php echo $radius; ?>;">
148
  <div class="tm-prof6" style="text-align: center; padding-top: 6px;">
149
- <span style="font-size: <?php echo $namesize; ?>; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
150
  <p style="text-align: center;">
151
- <a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>; font-style: italic; text-decoration: none; ">
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; ?>; border-radius: <?php echo $radius; ?>;">
166
  </div>
167
  <div class="tm-prof-7">
168
- <span style="font-size: <?php echo $namesize; ?>; color: <?php echo $nameclr; ?>; font-weight: bold; text-align: center;"><?php echo $name; ?></span>
169
  <p>
170
- <a href="<?php echo $link; ?>" style="color: <?php echo $profclr; ?>; font-size: <?php echo $profsize; ?>; font-style: italic; text-decoration: none; ">
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" => "textfield",
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 100px', 'testimonial' ),
 
 
242
  "group" => 'Image',
243
  ),
244
  array(
245
- "type" => "textfield",
246
  "heading" => __( 'Radius', 'testimonial' ),
247
  "param_name" => "radius",
248
- "description" => __( 'image border radius in pixel or percentage e,g 50%', 'testimonial' ),
249
- "value" => "50%",
 
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" => "textfield",
264
  "heading" => __( 'Name Font Size', 'testimonial' ),
265
  "param_name" => "namesize",
266
- "value" => "14px",
267
- "description" => __( 'set in pixel e,g 14px', 'testimonial' ),
 
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" => "textfield",
286
  "heading" => __( 'Profession Font Size', 'testimonial' ),
287
  "param_name" => "profsize",
288
- "value" => "14px",
289
- "description" => __( 'set in pixel e,g 14px', 'testimonial' ),
 
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
- <!-- 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; ?>;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; ?>; color: <?php echo $verticalclr; ?>;">|</span>
44
- <?php } ?>
45
- <span style="font-size: <?php echo $size; ?>;color: <?php echo $clr; ?>;"><?php echo $after; ?></span>
46
- </div>
47
 
48
- <!-- HTML END DESIGN HERE -->
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" => "textfield",
89
  "heading" => __( 'Font size', 'text_type_vc' ),
90
  "param_name" => "size",
91
- "description" => __( 'text font size in pixel e.g 18px', 'text_type_vc' ),
92
- 'value' => __( "18px", 'text_type_vc' ),
 
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" => "textfield",
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" => "textfield",
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; ?>;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; ?>; background: <?php echo $linebg; ?>;"></span>
29
  <span></span>
30
  <?php echo $content; ?>
31
  </div>
@@ -53,10 +53,11 @@ vc_map( array(
53
  "group" => 'General',
54
  ),
55
  array(
56
- "type" => "textfield",
57
  "heading" => __( 'Font Size', 'timeline' ),
58
  "param_name" => "size",
59
- "description" => __( 'title font size in pixel e.g 17px', 'timeline' ),
 
60
  "group" => 'General',
61
  ),
62
  array(
@@ -74,10 +75,11 @@ vc_map( array(
74
  "group" => 'General',
75
  ),
76
  array(
77
- "type" => "textfield",
78
  "heading" => __( 'Line Width', 'timeline' ),
79
  "param_name" => "width",
80
- "description" => __( 'set timeline central line width in pixel default 4px', 'timeline' ),
 
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' => '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; ?>; 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; ?>;">
44
- <?php echo $date ?>
45
- </span>
46
- </div>
47
- </div>
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" => "textfield",
81
  "heading" => __( 'Font size', 'timeline' ),
82
  "param_name" => "size",
83
- "description" => __( 'fone size of date in pixel e.g 17px', 'timeline' ),
 
84
  "group" => 'General',
85
  ),
86
 
 
 
 
 
 
 
 
 
87
 
88
  array(
89
  "type" => "colorpicker",
@@ -131,11 +140,12 @@ vc_map( array(
131
  ),
132
 
133
  array(
134
- "type" => "textfield",
135
  "heading" => __( 'Font size', 'timeline' ),
136
  "param_name" => "icon_size",
137
- "description" => __( 'Icon font size e.g 17px', 'timeline' ),
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' => '30px',
12
  'theme' => 'default-tdt',
13
  'mbl_height' => '',
14
  'effect' => 'false',
15
  'arrow' => 'false',
16
  'dot' => 'true',
17
  'autoplay' => 'true',
18
- 'speed' => '1500',
19
  'slide_visible' => '1',
 
20
  'slide_scroll' => '1',
21
- 'id' => '',
22
  'dotclr' => 'transparent',
23
  'borderclr' => 'transparent',
24
  'arrowclr' => '#000',
25
- 'arrowsize' => '20px',
 
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<?php echo $id ?>" style="width: <?php echo $width; ?>;" data-slick='{"arrows": <?php echo $arrow; ?>, "autoplaySpeed": <?php echo $speed; ?>, "dots": <?php echo $dot; ?>, "autoplay": <?php echo $autoplay; ?>, "slidesToShow": <?php echo $slide_visible; ?>, "slidesToScroll": <?php echo $slide_scroll; ?>, "fade": <?php echo $effect; ?>}'>
33
  <?php echo $content; ?>
34
  </section>
35
 
36
  <style>
37
- #tdt-slider<?php echo $id ?> .slick-dots li button:before{
38
- color: <?php echo $dotclr ?>;
39
- border: 2px solid <?php echo $borderclr ?>;
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<?php echo $id ?>.content-over-slider .ultimate-slide-img {
60
- height: <?php echo $mbl_height; ?> !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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" => "textfield",
99
  "heading" => __( 'Carousel Height (For Mobile)', 'slider' ),
100
  "param_name" => "mbl_height",
101
- "description" => __( 'set in pixel eg, 250px or leave blank', 'slider' ),
 
102
  "dependency" => array('element' => "theme", 'value' => 'content-over-slider'),
103
  "group" => 'Settings',
104
  ),
105
  array(
106
- "type" => "textfield",
107
  "heading" => __( 'Padding Top', 'slider' ),
108
  "param_name" => "padding",
109
- "description" => __('set in pixel eg 100px. padding will apply from top for the content', 'slider'),
110
  "dependency" => array('element' => "theme", 'value' => 'content-over-slider'),
111
- "value" => "30px",
 
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" => "true",
155
- "False" => "false",
156
  )
157
  ),
158
  /*array(
@@ -164,29 +161,51 @@ vc_map( array(
164
  "group" => 'Settings',
165
  ),*/
166
  array(
167
- "type" => "textfield",
168
  "heading" => __( 'Slider Speed', 'slider' ),
169
  "param_name" => "speed",
170
- "description" => __('write in ms eg, 1500 [1s = 1000]', 'slider'),
171
- "value" => "1500",
172
  "group" => 'Settings',
173
  ),
174
  array(
175
- "type" => "textfield",
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" => "textfield",
 
 
 
 
 
 
 
 
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" => "textfield",
233
  "heading" => __( 'Arrow Font Size', 'slider' ),
234
  "param_name" => "arrowsize",
235
- "description" => "set in pixel eg, 20px",
236
  "dependency" => array('element' => "arrow", 'value' => 'true'),
237
- "value" => "20px",
 
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' => '0px',
16
  'title' => '',
17
- 'titlesize' => '22px',
18
  'titleclr' => '',
19
  'fontweight' => 'normal',
20
  'line_height' => '1',
21
  'align' => 'center',
22
- 'line_width' => '50px',
23
  'line_style' => '0px solid #fff',
24
  'btn_visibility' => 'hide',
25
  'line_visibility' => 'hide',
26
  'btn_text' => '',
27
- 'btn_size' => '15px',
28
- 'btn_border' => '5px',
29
- 'btn_height' => '20px',
30
- 'btn_width' => '60px',
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
- <?php if ($contain_url != '') { ?>
44
- <a href="<?php echo $contain_url; ?>">
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; ?>; color: <?php echo $titleclr; ?>; font-weight: <?php echo $fontweight; ?>; line-height: <?php echo $line_height; ?>;">
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; ?>; border-bottom: <?php echo $line_style; ?>; display: inline-block;"></span>
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; ?>; border-radius: <?php echo $btn_border; ?>; color: <?php echo $btn_clr; ?>; background-color: <?php echo $btn_bg; ?>;">
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" => "textfield",
92
- "heading" => __( 'Link To', 'slider' ),
93
- "param_name" => "contain_url",
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" => "textfield",
147
  "heading" => __( 'Title Font Size', 'slider' ),
148
  "param_name" => "titlesize",
149
- "description" => "set in pixel eg, 22px",
150
- "value" => "22px",
 
151
  "group" => 'Heading',
152
  ),
153
  array(
@@ -165,7 +171,7 @@ vc_map( array(
165
  "group" => 'Heading',
166
  ),
167
  array(
168
- "type" => "textfield",
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" => "textfield",
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" => "50px",
 
194
  "group" => 'Heading Line',
195
  ),
196
  array(
@@ -223,46 +230,50 @@ vc_map( array(
223
  "group" => 'Button',
224
  ),
225
  array(
226
- "type" => "textfield",
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" => "textfield",
234
  "heading" => __( 'Text Size', 'slider' ),
235
  "param_name" => "btn_size",
236
- "value" => "15px",
237
- "description" => "set in pixel eg 15px",
 
238
  "dependency" => array('element' => "btn_visibility", 'value' => 'show'),
239
  "group" => 'Button',
240
  ),
241
  array(
242
- "type" => "textfield",
243
  "heading" => __( 'Button Height', 'slider' ),
244
  "param_name" => "btn_height",
245
- "description" => "set in pixel eg 20px,",
246
  "dependency" => array('element' => "btn_visibility", 'value' => 'show'),
247
- "value" => "20px",
 
248
  "group" => 'Button',
249
  ),
250
  array(
251
- "type" => "textfield",
252
  "heading" => __( 'Button Width', 'slider' ),
253
  "param_name" => "btn_width",
254
- "description" => "set in pixel eg 60px",
255
  "dependency" => array('element' => "btn_visibility", 'value' => 'show'),
256
- "value" => "60px",
 
257
  "group" => 'Button',
258
  ),
259
  array(
260
- "type" => "textfield",
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" => "5px",
 
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" => "textfield",
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' ),