TemplatesNext ToolKit - Version 3.1.5

Version Description

  • Removed: Breadcrumb removed
  • Added: Shape dividers
Download this release

Release Info

Developer marsian
Plugin Icon 128x128 TemplatesNext ToolKit
Version 3.1.5
Comparing to
See all releases

Code changes from version 3.1.4 to 3.1.5

Files changed (8) hide show
  1. css/shape-seperators.css +403 -0
  2. css/tx-admin-style.css +15 -0
  3. inc/pb-widgets/widget-shapedivider.php +116 -0
  4. inc/shape-seperators.php +246 -0
  5. readme.txt +5 -1
  6. shortcodes.php +24 -1
  7. tx-functions.php +4 -0
  8. tx-toolkit.php +17 -11
css/shape-seperators.css ADDED
@@ -0,0 +1,403 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**/
2
+ body.siteorigin-panels {
3
+ overflow: hidden;
4
+ }
5
+
6
+ .vc_row[data-vc-full-width] {}
7
+ .txo-shape-devider {
8
+ position: relative;
9
+ }
10
+
11
+
12
+ /* Triangles
13
+ .ss-style-triangles {
14
+ z-index: 10;
15
+ left: 50%;
16
+ position: absolute;
17
+ margin-top: -100px;
18
+ -webkit-transform: translateX(-50%);
19
+ transform: translateX(-50%);
20
+
21
+ width: 0;
22
+ height: 0;
23
+ border-left: 100px solid transparent;
24
+ border-right: 100px solid transparent;
25
+ border-bottom: 100px solid black;
26
+ }
27
+ */
28
+ /**/
29
+ .ss-style-triangles::before,
30
+ .ss-style-triangles::after {
31
+ left: 50%;
32
+ width: 100px;
33
+ height: 100px;
34
+ -webkit-transform: translateX(-50%) rotate(45deg);
35
+ transform: translateX(-50%) rotate(45deg);
36
+
37
+ content: '';
38
+ position: absolute;
39
+ }
40
+
41
+ .ss-style-triangles::before {
42
+ top: -50px;
43
+ background-color: #83b735;
44
+ }
45
+
46
+ .ss-style-triangles::after {
47
+ bottom: -50px;
48
+ z-index: 10;
49
+ background: inherit;
50
+ }
51
+
52
+ /* Double Diagonal line */
53
+ .ss-style-doublediagonal {
54
+ z-index: 1;
55
+ padding-top: 0px;
56
+ position: relative;
57
+ height: 100px;
58
+ margin-top: -100px;
59
+
60
+ width: 160%;
61
+ margin-left: -30%;
62
+ }
63
+
64
+ .ss-style-doublediagonal::before {
65
+ position: absolute;
66
+ display: block;
67
+ content: '';
68
+ width: 100%;
69
+ height: 100%;
70
+ background: #83b735;
71
+ -webkit-clip-path: polygon(100% 24%, 0% 100%, 100% 100%);
72
+ clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
73
+ }
74
+
75
+ .ss-style-doublediagonal::after {
76
+ position: absolute;
77
+ display: block;
78
+ content: '';
79
+ width: 100%;
80
+ height: 100%;
81
+ background: #649f0c;
82
+ -webkit-clip-path: polygon(100% 24%, 0% 100%, 100% 100%);
83
+ clip-path: polygon(100% 24%, 0% 100%, 100% 100%);
84
+ }
85
+
86
+ /* Half Circle */
87
+ .ss-style-halfcircle::before,
88
+ .ss-style-halfcircle::after {
89
+ left: 50%;
90
+ z-index: 10;
91
+ width: 100px;
92
+ height: 100px;
93
+ border-radius: 50%;
94
+ background: inherit;
95
+ -webkit-transform: translateX(-50%);
96
+ transform: translateX(-50%);
97
+ }
98
+
99
+ .ss-style-halfcircle::before {
100
+ top: -50px;
101
+ }
102
+
103
+ .ss-style-halfcircle::after {
104
+ bottom: -50px;
105
+ }
106
+
107
+ /*********** Big Triangle ***********/
108
+ svg#bigTriangleColor {
109
+ pointer-events: none;
110
+ position: absolute;
111
+ top: 0px;
112
+ z-index: 1;
113
+ height: 100px;
114
+ width: 160%;
115
+ left: -30%;
116
+ }
117
+
118
+ #bigTriangleColor path {
119
+ fill: #005c5c;
120
+ }
121
+
122
+ .txo-bigtriangle-up {
123
+ background-color: #090;
124
+ height: 60px;
125
+ -webkit-clip-path: polygon(50% 0%, 0 100%, 100% 100%);
126
+ clip-path: polygon(50% 0%, 0 100%, 100% 100%);
127
+ width: 160%;
128
+ margin-left: -30%;
129
+
130
+ position: absolute;
131
+ left: 0%;
132
+ }
133
+
134
+ .txo-bigtriangle-dn {
135
+ background-color: #090;
136
+ height: 60px;
137
+ /* polygon(top-corner left, top-corner top, left-corner left, left-corner top, right-corner left, right-corner top, )*/
138
+ -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
139
+ clip-path: polygon(50% 100%, 0 0, 100% 0);
140
+ width: 160%;
141
+ margin-left: -30%;
142
+
143
+ position: absolute;
144
+ left: 0%;
145
+ }
146
+
147
+ /* Curves */
148
+
149
+ #curveUpColor,
150
+ #curveDownColor {
151
+ display: block;
152
+ position: absolute;
153
+ width: 160%;
154
+ margin-left: -30%;
155
+ z-index: 1;
156
+ margin-top: -100px;
157
+ padding: 0px;
158
+ }
159
+
160
+ #curveUpColor path,
161
+ #curveDownColor path {
162
+ fill: #005c5c;
163
+ stroke: #005c5c;
164
+ margin: 0px;
165
+ }
166
+
167
+ /* Multiple Triangles */
168
+ .ss-style-multitriangles::before,
169
+ .ss-style-multitriangles::after {
170
+ left: 50%;
171
+ width: 50px;
172
+ height: 50px;
173
+ -webkit-transform: translateX(-50%) rotate(45deg);
174
+ transform: translateX(-50%) rotate(45deg);
175
+ }
176
+
177
+ .ss-style-multitriangles::before {
178
+ top: -25px;
179
+ background: inherit;
180
+ box-shadow: -50px 50px 0 #005c5c, 50px -50px 0 #005c5c;
181
+ }
182
+
183
+ .ss-style-multitriangles::after {
184
+ bottom: -25px;
185
+ z-index: 10;
186
+ background: inherit;
187
+ box-shadow: -50px 50px 0 #005c5c, 50px -50px 0 #005c5c;
188
+ }
189
+
190
+ /* Rounded corners */
191
+ .ss-style-roundedcorners::before {
192
+ top: 100%;
193
+ left: 0;
194
+ z-index: 10;
195
+ width: 100%;
196
+ height: 60px;
197
+ border-radius: 0 0 60px 60px;
198
+ background: inherit;
199
+ }
200
+
201
+ /* Rounded center split and bottom rounded */
202
+ .ss-style-roundedsplit {
203
+ padding-top: 7em;
204
+ border-radius: 0 0 80px 80px;
205
+ }
206
+
207
+ .ss-style-roundedsplit::before,
208
+ .ss-style-roundedsplit::after {
209
+ top: -70px;
210
+ left: 0;
211
+ z-index: 10;
212
+ width: 50%;
213
+ height: 70px;
214
+ background: inherit;
215
+ }
216
+
217
+ .ss-style-roundedsplit::before {
218
+ border-radius: 0 80px 0 0;
219
+ }
220
+
221
+ .ss-style-roundedsplit::after {
222
+ left: 50%;
223
+ border-radius: 80px 0 0 0;
224
+ }
225
+
226
+ /* Inverted rounded corners */
227
+ .ss-style-invertedrounded {
228
+ margin-bottom: 90px;
229
+ padding: 13em 10% 10em;
230
+ border-radius: 0 0 0 90px;
231
+ }
232
+
233
+ .ss-style-invertedrounded::before,
234
+ .ss-style-invertedrounded::after {
235
+ left: 0;
236
+ z-index: -1;
237
+ height: 90px;
238
+ background: #005c5c;
239
+ }
240
+
241
+ .ss-style-invertedrounded::before {
242
+ top: 100%;
243
+ width: 100%;
244
+ border-radius: 0 90px 0 0;
245
+ }
246
+
247
+ .ss-style-invertedrounded::after {
248
+ bottom: 0;
249
+ z-index: -1;
250
+ width: 50%;
251
+ }
252
+
253
+ /* Zig Zag (3d up and simple down) */
254
+ .ss-style-zigzag::before,
255
+ .ss-style-zigzag::after {
256
+ right: 0;
257
+ left: 0;
258
+ z-index: 10;
259
+ display: block;
260
+ height: 90px;
261
+ background-size: 50px 100%;
262
+ }
263
+
264
+ .ss-style-zigzag::before {
265
+ top: -90px;
266
+ background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, transparent), color-stop(0.25, #005c5c));
267
+ background-image: linear-gradient(315deg, #007676 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(45deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%);
268
+ background-position: 50%;
269
+ }
270
+
271
+ .ss-style-zigzag::after {
272
+ top: 100%;
273
+ background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #005c5c), color-stop(0.25, teal));
274
+ background-image: linear-gradient(135deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(225deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%);
275
+ background-position: 50%;
276
+ }
277
+
278
+ /* Edges */
279
+ .ss-style-roundedges {
280
+ padding-bottom: 16em;
281
+ }
282
+
283
+ .ss-style-roundedges::before,
284
+ .ss-style-roundedges::after {
285
+ width: 200px;
286
+ height: 200px;
287
+ border-radius: 50%;
288
+ background: teal;
289
+ top: -100px;
290
+ -webkit-transform: rotate(45deg);
291
+ transform: rotate(45deg);
292
+ }
293
+
294
+ .ss-style-roundedges::before {
295
+ left: -100px;
296
+ }
297
+
298
+ .ss-style-roundedges::after {
299
+ right: -100px;
300
+ }
301
+
302
+ /* Slit */
303
+ .ss-style-slit {
304
+ padding-top: 5em;
305
+ }
306
+
307
+ .ss-style-slit::before,
308
+ .ss-style-slit::after {
309
+ width: 50.5%;
310
+ width: -webkit-calc(50% + 10px);
311
+ width: -moz-calc(50% + 10px);
312
+ width: calc(50% + 10px);
313
+ height: 160px;
314
+ background: teal;
315
+ top: -160px;
316
+ }
317
+
318
+ .ss-style-slit::before {
319
+ left: -20px;
320
+ -webkit-transform: skewX(10deg);
321
+ transform: skewX(10deg);
322
+ box-shadow: -10px -20px #005757;
323
+ }
324
+
325
+ .ss-style-slit::after {
326
+ right: -20px;
327
+ -webkit-transform: skewX(-10deg);
328
+ transform: skewX(-10deg);
329
+ box-shadow: 10px -20px #005757;
330
+ }
331
+
332
+ /* Big half circle */
333
+ #bigHalfCircle path {
334
+ fill: #005c5c;
335
+ stroke: #005c5c;
336
+ }
337
+
338
+ /* Big triangle with shadow */
339
+ #bigTriangleShadow {
340
+ display: block;
341
+ position: absolute;
342
+ width: 160%;
343
+ margin-left: -30%;
344
+ z-index: 1;
345
+ margin-top: -100px;
346
+ padding: 0px;
347
+ }
348
+ #trianglePath1 {
349
+ fill: #005c5c;
350
+ stroke: #005c5c;
351
+ }
352
+
353
+ #trianglePath2 {
354
+ fill: #003e3e;
355
+ stroke: #003e3e;
356
+ }
357
+
358
+ /* Inclined Zig Zag */
359
+ .ss-style-inczigzag::before,
360
+ .ss-style-inczigzag::after {
361
+ left: 0;
362
+ width: 100%;
363
+ height: 50px;
364
+ background-size: 100px 100%;
365
+ }
366
+
367
+ .ss-style-inczigzag::before {
368
+ top: 0;
369
+ background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #004848), color-stop(0.5, #005c5c));
370
+ background-image: linear-gradient(15deg, #005c5c 50%, #008080 50%);
371
+ }
372
+
373
+ .ss-style-inczigzag::after {
374
+ bottom: 0;
375
+ background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #005c5c), color-stop(0.5, teal));
376
+ background-image: linear-gradient(15deg, #008080 50%, #005c5c 50%);
377
+ }
378
+
379
+ /* Clouds */
380
+ #clouds path {
381
+ fill: #ecf0f1;
382
+ stroke: #ecf0f1;
383
+ }
384
+
385
+ .clouds {
386
+ background: #ecf0f1;
387
+ }
388
+ .clouds p {
389
+ color: #333;
390
+ }
391
+ .clouds a {
392
+ color: #004d4d;
393
+ text-decoration: none;
394
+ }
395
+ .clouds a:hover {
396
+ color: black;
397
+ }
398
+
399
+ /* Media Queries for the layout */
400
+ @media screen and (max-width: 68em) {
401
+ }
402
+ @media screen and (max-width: 54em) {
403
+ }
css/tx-admin-style.css CHANGED
@@ -323,4 +323,19 @@ ul.tx-fa-icons > li.active {
323
 
324
  .form-table input[type="text"].tx-range-prev {
325
  width: 72px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
326
  }
323
 
324
  .form-table input[type="text"].tx-range-prev {
325
  width: 72px;
326
+ }
327
+
328
+ .gutenberg .rwmb-switch-label--rounded .rwmb-switch-slider {
329
+ height: 24px;
330
+ }
331
+
332
+ .gutenberg .rwmb-switch-on,
333
+ .gutenberg .rwmb-switch-off {
334
+ padding-top: 2px;
335
+ }
336
+
337
+ .post-type-page #postbox-container-2.postbox-container .postbox h2.hndle,
338
+ .post-type-post #postbox-container-2.postbox-container .postbox h2.hndle {
339
+ padding-top: 10px;
340
+ padding-bottom: 10px;
341
  }
inc/pb-widgets/widget-shapedivider.php ADDED
@@ -0,0 +1,116 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ Widget Name: NX Shape Divider For Page Builder
4
+ Description: NX Shape Divider Widget For Page Builder.
5
+ Author: templatesNext
6
+ Author URI:Author URI: http://www.TemplatesNext.org
7
+ */
8
+
9
+ class nx_shapedivider_widget extends WP_Widget {
10
+
11
+ //function nx_prodscroll_widget() {
12
+ function __construct() {
13
+ $widget_ops = array(
14
+ 'classname' => 'widget-nx-shapedivider',
15
+ 'description' => 'Shape divider widget for pagebuilder',
16
+ 'panels_icon' => 'dashicons dashicons-screenoptions',
17
+ 'panels_groups' => array('tx')
18
+ );
19
+ parent::__construct( 'widget-nx-shapedivider', 'TX Shape Divider ( for PB )', $widget_ops );
20
+ }
21
+
22
+ function form($instance) {
23
+ $defaults = array(
24
+ 'divider_type' => 'slanted',
25
+ 'bg_color_1' => '#FFFFFF',
26
+ 'bg_color_2' => '#BBBBBB',
27
+ 'height' => 100,
28
+ );
29
+ $instance = wp_parse_args( (array) $instance, $defaults );
30
+
31
+ ?>
32
+ <div class="nx-widget-content">
33
+ <p class="nx-pb-para">
34
+ <label class="nx-pb-lebel"><?php _e('Divider Type', 'nx-admin');?>:</label>
35
+
36
+ <select id="<?php echo $this->get_field_id( 'divider_type' ); ?>" name="<?php echo $this->get_field_name( 'divider_type' ); ?>" value="<?php echo $instance['divider_type']; ?>" class="nx-widselect nx-pb-input">
37
+
38
+ <option value="triangle"><?php _e('Triangle', 'nx-admin');?></option>
39
+ <option value="slanted"><?php _e('Slanted', 'nx-admin');?></option>
40
+ <option value="big-triangle-up"><?php _e('Big Triangle Upward', 'nx-admin');?></option>
41
+ <option value="big-triangle-dn"><?php _e('Big Triangle Downward', 'nx-admin');?></option>
42
+ <option value="curve-up"><?php _e('Curve Up', 'nx-admin');?></option>
43
+ <option value="curve-dn"><?php _e('Curve Down', 'nx-admin');?></option>
44
+ <option value="big-triangle-shadow"><?php _e('Big Triangle With Shadow', 'nx-admin');?></option>
45
+
46
+ </select>
47
+ </p>
48
+ <p class="nx-pb-para">
49
+ <label class="nx-pb-lebel"><?php _e('Color 1', 'nx-admin');?>:</label>
50
+ <input id="<?php echo $this->get_field_id( 'bg_color_1' ); ?>" name="<?php echo $this->get_field_name( 'bg_color_1' ); ?>" value="<?php echo $instance['bg_color_1']; ?>" class="nx-widenumber nx-pb-input tx-color" type="text" />
51
+ </p>
52
+ <p class="nx-pb-para">
53
+ <label class="nx-pb-lebel"><?php _e('Color 2', 'nx-admin');?>:</label>
54
+ <input id="<?php echo $this->get_field_id( 'bg_color_2' ); ?>" name="<?php echo $this->get_field_name( 'bg_color_2' ); ?>" value="<?php echo $instance['bg_color_2']; ?>" class="nx-widenumber nx-pb-input tx-color" type="text" />
55
+ <br /><span class="small"><?php _e('2nd color only used with Slanted and Big Triangle with shadow.', 'nx-admin');?></span>
56
+ </p>
57
+ <p class="nx-pb-para">
58
+ <label class="nx-pb-lebel"><?php _e('Height', 'nx-admin');?>:</label>
59
+ <input id="<?php echo $this->get_field_id( 'height' ); ?>" name="<?php echo $this->get_field_name( 'height' ); ?>" value="<?php echo $instance['height']; ?>" class="nx-widselect nx-pb-input" type="text" />
60
+ <br /><span class="small"><?php _e('Height of the shape divider in PX..', 'nx-admin');?></span>
61
+ </p>
62
+ </div>
63
+ <script>
64
+
65
+ jQuery(document).ready(function($) {
66
+ $('.tx-color').wpColorPicker();
67
+
68
+ $( "input.txRange" ).each(function( index ) {
69
+
70
+ var txRange = $(this);
71
+ var nxPrevi = $(this).prev( ".nxPrevi" );
72
+
73
+ txRange.bind("input", function() {
74
+ var newRange = txRange.val();
75
+ nxPrevi.val(newRange);
76
+ });
77
+ });
78
+ });
79
+
80
+ </script>
81
+ <?php
82
+ }
83
+
84
+ function update($new_instance, $old_instance) {
85
+ $instance = $old_instance;
86
+ $instance['divider_type'] = strip_tags( $new_instance['divider_type'] );
87
+ $instance['bg_color_1'] = strip_tags( $new_instance['bg_color_1'] );
88
+ $instance['bg_color_2'] = strip_tags( $new_instance['bg_color_2'] );
89
+ $instance['height'] = strip_tags( $new_instance['height'] );
90
+ return $instance;
91
+ }
92
+
93
+ function widget($args, $instance) {
94
+
95
+ extract( $args );
96
+
97
+ $divider_type = $instance['divider_type'];
98
+ $height = $instance['height'];
99
+ $bg_color_1 = $instance['bg_color_1'];
100
+ $bg_color_2 = $instance['bg_color_2'];
101
+
102
+ $output = '';
103
+ //nx_shapedivider divider_type="big-triangle-shadow" bg_color_1="#dd3333" bg_color_2="#dd3399" height="150"
104
+ $output .= '<div>[tx_shapedivider divider_type="'.$divider_type.'" bg_color_1="'.$bg_color_1.'" bg_color_2="'.$bg_color_2.'" height="'.$height.'"]</div>';
105
+
106
+ echo $output;
107
+
108
+ }
109
+
110
+ }
111
+
112
+ add_action( 'widgets_init', 'nx_load_shapedivider_widget' );
113
+
114
+ function nx_load_shapedivider_widget() {
115
+ register_widget('nx_shapedivider_widget');
116
+ }
inc/shape-seperators.php ADDED
@@ -0,0 +1,246 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /* Shape Deviders
4
+ ================================================== */
5
+
6
+ if (!function_exists('txo_shape_seperator')) {
7
+ function txo_shape_seperator($shape_seperator = '', $color_1 = '#FFFFFF', $color_2 = '#CCCCCC', $zindex = -1, $height = 100 ) {
8
+
9
+ if( $shape_seperator == 'triangle' )
10
+ {
11
+ return txo_sd_triangle( $color_1, $color_2, $zindex, $height );
12
+
13
+ } elseif ( $shape_seperator == 'slanted' )
14
+ {
15
+ return txo_sd_slanted( $color_1, $color_2, $zindex, $height );
16
+
17
+ } elseif ( $shape_seperator == 'big-triangle-up' )
18
+ {
19
+ return txo_bigtriangle_up( $color_1, $color_2, $zindex, $height );
20
+
21
+ } elseif ( $shape_seperator == 'big-triangle-dn' )
22
+ {
23
+ return txo_bigtriangle_dn( $color_1, $color_2, $zindex, $height );
24
+
25
+ } elseif ( $shape_seperator == 'curve-up' )
26
+ {
27
+ return txo_curve_up( $color_1, $color_2, $zindex, $height );
28
+
29
+ } elseif ( $shape_seperator == 'curve-dn' )
30
+ {
31
+ return txo_curve_dn( $color_1, $color_2, $zindex, $height );
32
+
33
+ } elseif ( $shape_seperator == 'big-triangle-shadow' )
34
+ {
35
+ return txo_big_triangle_shadow( $color_1, $color_2, $zindex, $height );
36
+ }
37
+ }
38
+ }
39
+
40
+ if (!function_exists('txo_sd_triangle')) {
41
+ function txo_sd_triangle( $color_1 = '#FFFFFF', $color_2 = '#CCCCCC', $zindex = -1, $height = 100 ) {
42
+
43
+ $txo_sd = '';
44
+ //$height = 100;
45
+ $txo_sd_style = '';
46
+ $txo_rand = 'random-'.rand(1111, 9999);
47
+
48
+ $txo_sd .= '<div class="txo-shape-devider ss-style-triangles '.$txo_rand.'" style="position: relative;">';
49
+ $txo_sd .= '<div class="txo-sd-spacer">';
50
+ $txo_sd .= '</div>';
51
+ $txo_sd .= '</div>';
52
+
53
+ wp_enqueue_style( 'txo-shape-divider' );
54
+
55
+ $width = $height;
56
+ $top = $bottom = ($width/2);
57
+ $zindex = -1;
58
+
59
+ $txo_sd_style .= '.ss-style-triangles.'.$txo_rand.'::before { background-color: '.$color_1.'; height: '.$height.'px; width: '.$width.'px; top: -'.$top.'px; }';
60
+ $txo_sd_style .= '.ss-style-triangles.'.$txo_rand.'::after { background-color: '.$color_2.'; height: '.$height.'px; width: '.$width.'px; bottom: -'.$bottom.'px; z-index: '.$zindex.'; }';
61
+
62
+ wp_add_inline_style( 'txo-shape-divider', $txo_sd_style );
63
+
64
+ return $txo_sd;
65
+ }
66
+ }
67
+
68
+ if (!function_exists('txo_sd_slanted')) {
69
+ function txo_sd_slanted( $color_1 = '#83b735', $color_2 = '#649f0c', $zindex = 1, $height = 100 ) {
70
+
71
+ $txo_sd = '';
72
+ $txo_sd_style = '';
73
+ $txo_rand = 'random-'.rand(1111, 9999);
74
+
75
+ $txo_sd .= '<div class="txo-shape-devider ss-style-doublediagonal '.$txo_rand.'">';
76
+ $txo_sd .= '<div class="txo-sd-spacer">';
77
+ $txo_sd .= '</div>';
78
+ $txo_sd .= '</div>';
79
+
80
+ wp_enqueue_style( 'txo-shape-divider' );
81
+
82
+ $width = $height;
83
+ //$zindex = 1; // Keep It Fixed
84
+ $zindex = 3; // Keep It Fixed
85
+ $top = $bottom = ($width/2);
86
+
87
+
88
+ $txo_sd_style .= '.ss-style-doublediagonal.'.$txo_rand.' { z-index: '.$zindex.'; height: '.$height.'px; margin-top: -'.$height.'px; }';
89
+ $txo_sd_style .= '.ss-style-doublediagonal.'.$txo_rand.'::before { z-index: '.($zindex).'; background-color: '.$color_1.'; }';
90
+ $txo_sd_style .= '.ss-style-doublediagonal.'.$txo_rand.'::after { z-index: '.($zindex).'; background-color: '.$color_2.'; }';
91
+
92
+ wp_add_inline_style( 'txo-shape-divider', $txo_sd_style );
93
+
94
+ return $txo_sd;
95
+ }
96
+ }
97
+
98
+ if (!function_exists('txo_bigtriangle_up')) {
99
+ function txo_bigtriangle_up( $color_1 = '#83b735', $color_2 = '#649f0c', $zindex = 1, $height = 100 ) {
100
+
101
+ $txo_sd = '';
102
+ $txo_sd_style = '';
103
+ $txo_rand = 'random-'.rand(1111, 9999);
104
+
105
+ $txo_sd .= '<div class="txo-shape-devider '.$txo_rand.'">';
106
+ $txo_sd .= '<div class="txo-bigtriangle-up">';
107
+ $txo_sd .= '</div>';
108
+ $txo_sd .= '</div>';
109
+
110
+
111
+
112
+ wp_enqueue_style( 'txo-shape-divider' );
113
+
114
+ /*
115
+ $height = 100;
116
+ $margin_top = -100;
117
+ */
118
+ $width = $height;
119
+
120
+ $txo_sd_style .= '.'.$txo_rand.' .txo-bigtriangle-up { z-index: '.$zindex.'; background-color: '.$color_1.'; height: '.$height.'px; margin-top: -'.$height.'px; }';
121
+
122
+ wp_add_inline_style( 'txo-shape-divider', $txo_sd_style );
123
+
124
+ return $txo_sd;
125
+ }
126
+ }
127
+
128
+
129
+ if (!function_exists('txo_bigtriangle_dn')) {
130
+ function txo_bigtriangle_dn( $color_1 = '#83b735', $color_2 = '#649f0c', $zindex = 1, $height = 100 ) {
131
+
132
+ $txo_sd = '';
133
+ $txo_sd_style = '';
134
+ $txo_rand = 'random-'.rand(1111, 9999);
135
+
136
+ $txo_sd .= '<div class="txo-shape-devider '.$txo_rand.'">';
137
+ $txo_sd .= '<div class="txo-bigtriangle-dn">';
138
+ $txo_sd .= '</div>';
139
+ $txo_sd .= '</div>';
140
+
141
+
142
+
143
+ wp_enqueue_style( 'txo-shape-divider' );
144
+
145
+ /*
146
+ $height = 100;
147
+ */
148
+ $margin_top = 0;
149
+
150
+ $width = $height;
151
+ $zindex = 10;
152
+
153
+ $txo_sd_style .= '.'.$txo_rand.' .txo-bigtriangle-dn { z-index: '.$zindex.'; background-color: '.$color_1.'; height: '.$height.'px; margin-top: '.$margin_top.'px; }';
154
+
155
+ wp_add_inline_style( 'txo-shape-divider', $txo_sd_style );
156
+
157
+ return $txo_sd;
158
+ }
159
+ }
160
+
161
+ if (!function_exists('txo_curve_up')) {
162
+ function txo_curve_up( $color_1 = '#83b735', $color_2 = '#649f0c', $zindex = 1, $height = 100 ) {
163
+
164
+ $txo_sd = '';
165
+ $txo_sd_style = '';
166
+ $txo_rand = 'random-'.rand(1111, 9999);
167
+
168
+ $txo_sd .= '<div class="txo-shape-devider '.$txo_rand.'">';
169
+ $txo_sd .= '<svg id="curveUpColor" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="'.$height.'" viewBox="0 0 100 100" preserveAspectRatio="none">';
170
+ $txo_sd .= '<path d="M0 100 C 20 0 50 0 100 100 Z" />';
171
+ $txo_sd .= '</svg>';
172
+ $txo_sd .= '</div>';
173
+
174
+
175
+ wp_enqueue_style( 'txo-shape-divider' );
176
+
177
+ $margin_top = $height;
178
+ //$zindex = 1; // Keep it fixed for now
179
+
180
+ $txo_sd_style .= '.'.$txo_rand.' #curveUpColor { display: block; position: absolute; z-index: 1; margin-top: -'.$margin_top.'px; }';
181
+ $txo_sd_style .= '.'.$txo_rand.' #curveUpColor path { fill: '.$color_1.'; stroke: '.$color_1.';}';
182
+
183
+ wp_add_inline_style( 'txo-shape-divider', $txo_sd_style );
184
+
185
+ return $txo_sd;
186
+ }
187
+ }
188
+
189
+
190
+ if (!function_exists('txo_curve_dn')) {
191
+ function txo_curve_dn( $color_1 = '#83b735', $color_2 = '#649f0c', $zindex = 1, $height = 100 ) {
192
+
193
+ $txo_sd = '';
194
+ $txo_sd_style = '';
195
+ $txo_rand = 'random-'.rand(1111, 9999);
196
+
197
+ $txo_sd .= '<div class="txo-shape-devider '.$txo_rand.'">';
198
+ $txo_sd .= '<svg id="curveDownColor" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="'.$height.'" viewBox="0 0 100 100" preserveAspectRatio="none">';
199
+ $txo_sd .= '<path d="M0 0 C 50 100 80 100 100 0 Z" />';
200
+ $txo_sd .= '</svg>';
201
+ $txo_sd .= '</div>';
202
+
203
+ wp_enqueue_style( 'txo-shape-divider' );
204
+
205
+ $margin_top = 0;
206
+ $width = $height;
207
+ //$zindex = 1; // Keep it fixed for now
208
+
209
+ $txo_sd_style .= '.'.$txo_rand.' #curveDownColor { display: block; position: absolute; z-index: 1; margin-top: '.$margin_top.'px; }';
210
+ $txo_sd_style .= '.'.$txo_rand.' #curveDownColor path { fill: '.$color_1.'; stroke: '.$color_1.';}';
211
+
212
+ wp_add_inline_style( 'txo-shape-divider', $txo_sd_style );
213
+
214
+ return $txo_sd;
215
+ }
216
+ }
217
+
218
+ if (!function_exists('txo_big_triangle_shadow')) {
219
+ function txo_big_triangle_shadow( $color_1 = '#83b735', $color_2 = '#649f0c', $zindex = -1, $height = 100 ) {
220
+
221
+ $txo_sd = '';
222
+ $txo_sd_style = '';
223
+ $txo_rand = 'random-'.rand(1111, 9999);
224
+
225
+ $txo_sd .= '<div class="txo-shape-devider '.$txo_rand.'">';
226
+ $txo_sd .= '<svg id="bigTriangleShadow" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="'.$height.'" viewBox="0 0 100 100" preserveAspectRatio="none">';
227
+ $txo_sd .= '<path id="trianglePath1" d="M0 0 L50 100 L100 0 Z" />';
228
+ $txo_sd .= '<path id="trianglePath2" d="M50 100 L100 40 L100 0 Z" />';
229
+ $txo_sd .= '</svg>';
230
+ $txo_sd .= '</div>';
231
+
232
+ wp_enqueue_style( 'txo-shape-divider' );
233
+
234
+ $margin_top = 0;
235
+ $width = $height;
236
+ $zindex = 10;
237
+
238
+ $txo_sd_style .= '.'.$txo_rand.' #bigTriangleShadow { position: absolute; z-index: 1; margin-top: '.$margin_top.'px; padding: 0px; }';
239
+ $txo_sd_style .= '.'.$txo_rand.' #trianglePath1 { fill: '.$color_1.'; stroke: '.$color_1.'; }';
240
+ $txo_sd_style .= '.'.$txo_rand.' #trianglePath2 { fill: '.$color_2.'; stroke: '.$color_2.'; }';
241
+
242
+ wp_add_inline_style( 'txo-shape-divider', $txo_sd_style );
243
+
244
+ return $txo_sd;
245
+ }
246
+ }
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: marsian
3
  Tags: shortcode, shortcodes, columns, column, section, sections, portfolio, testimonial, border, borders, button, buttons, masonry, posts, post_type, font awesome, icons, fontawesome
4
  Requires at least: 3.6
5
  Tested up to: 4.9
6
- Stable tag: 3.1.4
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -34,6 +34,10 @@ Install the plugin into the `/wp-content/plugins/` folder, and activate it.
34
 
35
 
36
  == Changelog ==
 
 
 
 
37
  = 3.1.4 =
38
  * Fix: Video slider bug fix
39
  * Fix: Meta box update
3
  Tags: shortcode, shortcodes, columns, column, section, sections, portfolio, testimonial, border, borders, button, buttons, masonry, posts, post_type, font awesome, icons, fontawesome
4
  Requires at least: 3.6
5
  Tested up to: 4.9
6
+ Stable tag: 3.1.5
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
34
 
35
 
36
  == Changelog ==
37
+ = 3.1.5 =
38
+ * Removed: Breadcrumb removed
39
+ * Added: Shape dividers
40
+
41
  = 3.1.4 =
42
  * Fix: Video slider bug fix
43
  * Fix: Meta box update
shortcodes.php CHANGED
@@ -1,5 +1,9 @@
1
  <?php
2
 
 
 
 
 
3
 
4
  function tx_shortcodes_button() {
5
 
@@ -1064,7 +1068,25 @@ function tx_progressbar_function($atts, $content = null) {
1064
 
1065
  return $return_string;
1066
  }
 
1067
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1068
  endif;
1069
 
1070
 
@@ -1090,7 +1112,8 @@ function tx_register_shortcodes(){
1090
  add_shortcode('tx_fancyblock', 'tx_fancyblock_function');
1091
  add_shortcode('tx_vslider', 'tx_vslider_function');
1092
  add_shortcode('tx_youtube', 'tx_youtube_function');
1093
- add_shortcode('tx_progressbar', 'tx_progressbar_function');
 
1094
  }
1095
 
1096
  add_action( 'init', 'tx_register_shortcodes');
1
  <?php
2
 
3
+ // Exit if accessed directly.
4
+ if ( ! defined( 'ABSPATH' ) ) {
5
+ exit;
6
+ }
7
 
8
  function tx_shortcodes_button() {
9
 
1068
 
1069
  return $return_string;
1070
  }
1071
+ endif;
1072
 
1073
+ // Shape Dividers
1074
+ if ( !function_exists('tx_shapedivider_function') ) :
1075
+ function tx_shapedivider_function($atts, $content = null) {
1076
+
1077
+ $atts = shortcode_atts( array(
1078
+ 'divider_type' => 'slanted',
1079
+ 'bg_color_1' => '#FFFFFF',
1080
+ 'bg_color_2' => '#CCCCCC',
1081
+ 'z_index' => 1,
1082
+ 'height' => 100,
1083
+ 'top_margin' => '',
1084
+ 'class' => ''
1085
+ ), $atts );
1086
+
1087
+ return txo_shape_seperator( $atts['divider_type'], $atts['bg_color_1'], $atts['bg_color_2'], $atts['z_index'], $atts['height'], $atts['top_margin'] );
1088
+
1089
+ }
1090
  endif;
1091
 
1092
 
1112
  add_shortcode('tx_fancyblock', 'tx_fancyblock_function');
1113
  add_shortcode('tx_vslider', 'tx_vslider_function');
1114
  add_shortcode('tx_youtube', 'tx_youtube_function');
1115
+ add_shortcode('tx_progressbar', 'tx_progressbar_function');
1116
+ add_shortcode('tx_shapedivider', 'tx_shapedivider_function');
1117
  }
1118
 
1119
  add_action( 'init', 'tx_register_shortcodes');
tx-functions.php CHANGED
@@ -1,5 +1,9 @@
1
  <?php
2
 
 
 
 
 
3
  //wp_list_categories('orderby=name');
4
  /**/
5
  function tx_fix_shortcodes($content){
1
  <?php
2
 
3
+ // Exit if accessed directly.
4
+ if ( ! defined( 'ABSPATH' ) ) {
5
+ exit;
6
+ }
7
  //wp_list_categories('orderby=name');
8
  /**/
9
  function tx_fix_shortcodes($content){
tx-toolkit.php CHANGED
@@ -3,11 +3,17 @@
3
  /*
4
  Plugin Name: TemplatesNext ToolKit
5
  Description: Custom Portfolio and Shortcode functionality for TemplatesNext Wordpress Themes
6
- Version: 3.1.4
7
  Author: TemplatesNext
8
  Author URI: http://templatesnext.org/
9
  License: GPLv2 or later
10
  */
 
 
 
 
 
 
11
  function tx_toolkit_activation() {
12
  }
13
  register_activation_hook(__FILE__, 'tx_toolkit_activation');
@@ -24,7 +30,7 @@ function tx_toolkit_admin_style() {
24
  wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', false, '4.7.0', 'all' );
25
 
26
  wp_enqueue_script( 'colorbox', plugins_url( 'js/jquery.colorbox-min.js', __FILE__ ), array( 'jquery' ), '1.6.3', true );
27
- wp_enqueue_script( 'tx-main', plugins_url('/js/tx_main.js', __FILE__) );
28
 
29
  }
30
 
@@ -35,7 +41,8 @@ function tx_scripts_styles() {
35
  wp_enqueue_style( 'owl-carousel', plugins_url( 'css/owl.carousel.css', __FILE__ ), false, '2.2.1', 'all' );
36
  wp_enqueue_style( 'owl-carousel-transitions', plugins_url( 'css/owl.transitions.css', __FILE__ ), false, '1.3.2', 'all' );
37
  wp_enqueue_style( 'colorbox', plugins_url( 'css/colorbox.css', __FILE__ ), false, '1.5.14', 'all' );
38
- wp_enqueue_style( 'animate', plugins_url( 'css/animate.css', __FILE__ ), false, '3.5.1', 'all' );
 
39
  wp_enqueue_style( 'tx-style', plugins_url('css/tx-style.css', __FILE__), array(), '1.01' );
40
 
41
  wp_enqueue_script( 'jquery-masonry' );
@@ -130,16 +137,11 @@ if (class_exists( 'SiteOrigin_Panels' ))
130
  require_once('inc/pb-widgets/widget-prodscroll.php');
131
  require_once('inc/pb-widgets/widget-team.php');
132
  require_once('inc/pb-widgets/widget-services.php');
133
- require_once('inc/pb-widgets/widget-progressbar.php');
134
- }
135
-
136
- // including breadcrumb
137
- if ( !function_exists('bcn_display') ) {
138
- require_once('inc/tx-breadcrumb/tx-breadcrumb.php');
139
  }
140
 
141
  /* *********************** WishList & Compare ********************/
142
-
143
  if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
144
 
145
  require_once('inc/woo-compare-wishlist/woo-compare-wishlist.php');
@@ -150,4 +152,8 @@ if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', g
150
  require_once ('inc/woo-compare-wishlist/includes/install.php');
151
  TX_WC_Compare_Wishlist_Install()->init();
152
  }
153
- }
 
 
 
 
3
  /*
4
  Plugin Name: TemplatesNext ToolKit
5
  Description: Custom Portfolio and Shortcode functionality for TemplatesNext Wordpress Themes
6
+ Version: 3.1.5
7
  Author: TemplatesNext
8
  Author URI: http://templatesnext.org/
9
  License: GPLv2 or later
10
  */
11
+
12
+ // Exit if accessed directly.
13
+ if ( ! defined( 'ABSPATH' ) ) {
14
+ exit;
15
+ }
16
+
17
  function tx_toolkit_activation() {
18
  }
19
  register_activation_hook(__FILE__, 'tx_toolkit_activation');
30
  wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', false, '4.7.0', 'all' );
31
 
32
  wp_enqueue_script( 'colorbox', plugins_url( 'js/jquery.colorbox-min.js', __FILE__ ), array( 'jquery' ), '1.6.3', true );
33
+ wp_enqueue_script( 'tx-main', plugins_url('js/tx_main.js', __FILE__) );
34
 
35
  }
36
 
41
  wp_enqueue_style( 'owl-carousel', plugins_url( 'css/owl.carousel.css', __FILE__ ), false, '2.2.1', 'all' );
42
  wp_enqueue_style( 'owl-carousel-transitions', plugins_url( 'css/owl.transitions.css', __FILE__ ), false, '1.3.2', 'all' );
43
  wp_enqueue_style( 'colorbox', plugins_url( 'css/colorbox.css', __FILE__ ), false, '1.5.14', 'all' );
44
+ wp_enqueue_style( 'animate', plugins_url( 'css/animate.css', __FILE__ ), false, '3.5.1', 'all' );
45
+ wp_register_style( 'txo-shape-divider', plugins_url('css/shape-seperators.css', __FILE__), array(), '1.01' );
46
  wp_enqueue_style( 'tx-style', plugins_url('css/tx-style.css', __FILE__), array(), '1.01' );
47
 
48
  wp_enqueue_script( 'jquery-masonry' );
137
  require_once('inc/pb-widgets/widget-prodscroll.php');
138
  require_once('inc/pb-widgets/widget-team.php');
139
  require_once('inc/pb-widgets/widget-services.php');
140
+ require_once('inc/pb-widgets/widget-progressbar.php');
141
+ require_once('inc/pb-widgets/widget-shapedivider.php');
 
 
 
 
142
  }
143
 
144
  /* *********************** WishList & Compare ********************/
 
145
  if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
146
 
147
  require_once('inc/woo-compare-wishlist/woo-compare-wishlist.php');
152
  require_once ('inc/woo-compare-wishlist/includes/install.php');
153
  TX_WC_Compare_Wishlist_Install()->init();
154
  }
155
+ }
156
+
157
+
158
+ /* *********************** Shape Dividers ********************/
159
+ require_once('inc/shape-seperators.php');