TemplatesNext ToolKit - Version 1.1.0

Version Description

Download this release

Release Info

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

Code changes from version 1.0.9 to 1.1.0

Files changed (5) hide show
  1. css/tx-style.css +126 -4
  2. readme.txt +4 -1
  3. shortcodes.php +12 -2
  4. tx-shortcodes.js +2 -2
  5. tx-toolkit.php +1 -1
css/tx-style.css CHANGED
@@ -414,6 +414,77 @@
414
  transform: scale(1.1);
415
  }
416
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
417
  .tx-subtitle {
418
  font-size: 20px;
419
  font-weight: 500;
@@ -423,6 +494,10 @@
423
  margin-bottom: 16px;
424
  }
425
 
 
 
 
 
426
  .tx-blog .tx-blog-item .tx-border-box h3.tx-folio-title a {}
427
 
428
  .tx-blog .tx-blog-item {
@@ -1058,6 +1133,17 @@
1058
  background-color: rgba(0,0,0,0.8);
1059
  }
1060
 
 
 
 
 
 
 
 
 
 
 
 
1061
 
1062
  @media (max-width: 999px) {
1063
  .folio-col-1 {
@@ -1109,21 +1195,57 @@
1109
  float: none;
1110
  width: 100%;
1111
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1112
 
1113
 
1114
  }
1115
 
 
 
 
 
 
1116
  @media (min-width: 768px) {
1117
 
1118
  }
1119
 
1120
  @media (max-width: 767px) {
1121
-
 
 
1122
  }
1123
 
1124
- @media (max-width: 999px) {
1125
-
1126
- }
1127
 
1128
  /* Mobile devices */
1129
  @media (max-width: 359px) {
414
  transform: scale(1.1);
415
  }
416
 
417
+ .tx-folio-img,
418
+ .tx-folio-img-wrap {
419
+ position: relative;
420
+ }
421
+
422
+ .tx-folio-img .folio-links {
423
+ position: absolute;
424
+ bottom: 0px;
425
+ left: 0px;
426
+ width: 100%;
427
+ background-color: rgba(0,0,0,0.4);
428
+ padding-top: 12px;
429
+ padding-bottom: 12px;
430
+ text-align: center;
431
+ overflow: hidden;
432
+
433
+ transition-property: all;
434
+ transition-duration: 0.4s;
435
+ transition-timing-function: ease-in-out;
436
+ transition-delay: 0.0s;
437
+
438
+ bottom: -64px;
439
+ z-index: 101;
440
+ visibility: hidden;
441
+ }
442
+
443
+ .tx-folio-img:hover .folio-links {
444
+ bottom: 0px;
445
+ visibility: visible;
446
+ }
447
+
448
+ .tx-folio-img .folio-links .folio-linkico,
449
+ .tx-folio-img .folio-links .folio-zoomico {
450
+ display: inline-block;
451
+ height: 32px;
452
+ width: 32px;
453
+ background-color: #666;
454
+ color: #FFF;
455
+ text-align: center;
456
+ line-height: 32px;
457
+ margin: auto 2px;
458
+ border-radius: 3px;
459
+ transition-property: all;
460
+ transition-duration: 0.2s;
461
+ transition-timing-function: ease-in-out;
462
+ transition-delay: 0.3s;
463
+ }
464
+
465
+ .tx-folio-img .folio-links .folio-linkico {
466
+ margin-right: 64px;
467
+ opacity: 0;
468
+ }
469
+ .tx-folio-img .folio-links .folio-zoomico {
470
+ margin-left: 64px;
471
+ opacity: 0;
472
+ }
473
+
474
+ .tx-folio-img:hover .folio-links .folio-linkico {
475
+ margin-right: 2px;
476
+ opacity: 1;
477
+ }
478
+ .tx-folio-img:hover .folio-links .folio-zoomico {
479
+ margin-left: 2px;
480
+ opacity: 1;
481
+ }
482
+
483
+ .tx-folio-img .folio-links .folio-linkico {}
484
+ .tx-folio-img .folio-links .folio-zoomico {
485
+ transition-delay: 0.5s;
486
+ }
487
+
488
  .tx-subtitle {
489
  font-size: 20px;
490
  font-weight: 500;
494
  margin-bottom: 16px;
495
  }
496
 
497
+ .tx-blog-imgpad {
498
+ height: 16px;
499
+ }
500
+
501
  .tx-blog .tx-blog-item .tx-border-box h3.tx-folio-title a {}
502
 
503
  .tx-blog .tx-blog-item {
1133
  background-color: rgba(0,0,0,0.8);
1134
  }
1135
 
1136
+ .tx-slider .owl-controls {
1137
+ }
1138
+
1139
+ .portfolio .entry-thumbnail.tx-slider .owl-controls {
1140
+ top: 45%;
1141
+ height: auto;
1142
+ }
1143
+
1144
+ .portfolio .entry-thumbnail.tx-slider .owl-controls .owl-pagination {
1145
+ display: none;
1146
+ }
1147
 
1148
  @media (max-width: 999px) {
1149
  .folio-col-1 {
1195
  float: none;
1196
  width: 100%;
1197
  }
1198
+
1199
+ .tx-row .tx-column {
1200
+ width: 100%;
1201
+ padding-left: 0px;
1202
+ padding-right: 0px;
1203
+ padding-bottom: 32px;
1204
+ }
1205
+
1206
+ .tx-slider .owl-wrapper .tx-slide-content .tx-slide-content-inner {
1207
+ text-align: center;
1208
+ }
1209
+
1210
+ .owl-item .tx-slide-details p {
1211
+ max-width: 100%;
1212
+ white-space: nowrap;
1213
+ overflow: hidden;
1214
+ text-overflow: ellipsis;
1215
+ max-height: 48px;
1216
+ }
1217
+
1218
+ .owl-item .tx-slide-title {
1219
+ font-size: 24px;
1220
+ font-weight: 500;
1221
+ margin-top: 0px;
1222
+ padding-top: 6px;
1223
+ padding-bottom: 6px;
1224
+ }
1225
+
1226
+ .tx-slider .tx-slide-button a {
1227
+ padding-top: 6px;
1228
+ padding-bottom: 6px;
1229
+ }
1230
 
1231
 
1232
  }
1233
 
1234
+
1235
+ @media (max-width: 999px) {
1236
+
1237
+ }
1238
+
1239
  @media (min-width: 768px) {
1240
 
1241
  }
1242
 
1243
  @media (max-width: 767px) {
1244
+ .owl-item .tx-slide-details p {
1245
+ display: none;
1246
+ }
1247
  }
1248
 
 
 
 
1249
 
1250
  /* Mobile devices */
1251
  @media (max-width: 359px) {
readme.txt CHANGED
@@ -4,7 +4,7 @@ Contributors: marsian
4
  Tags: shortcode, shortcodes, columns, column, section, sections, portfolio, testimonial, border, borders, button, buttons, masonry, posts, post_type, font awesome, icons, fontawesome
5
  Requires at least: 3.6
6
  Tested up to: 4.1
7
- Stable tag: 1.0.9
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -25,6 +25,9 @@ Install the plugin into the `/wp-content/plugins/` folder, and activate it.
25
 
26
  == Changelog ==
27
 
 
 
 
28
 
29
  = 1.0.7 =
30
  * Added pagination for recent posts (blog) shortcode.
4
  Tags: shortcode, shortcodes, columns, column, section, sections, portfolio, testimonial, border, borders, button, buttons, masonry, posts, post_type, font awesome, icons, fontawesome
5
  Requires at least: 3.6
6
  Tested up to: 4.1
7
+ Stable tag: 1.1.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
25
 
26
  == Changelog ==
27
 
28
+ = 1.0.9 =
29
+ * CSS fix for mobile devices.
30
+ * Portfolio on image link added.
31
 
32
  = 1.0.7 =
33
  * Added pagination for recent posts (blog) shortcode.
shortcodes.php CHANGED
@@ -95,7 +95,11 @@ function tx_blog_function($atts, $content = null) {
95
  if ( has_post_thumbnail() ) {
96
  $return_string .= '<div class="tx-blog-img"><a href="'.esc_url($full_image_url[0]).'" class="tx-colorbox">';
97
  $return_string .= '<img src="'.esc_url($large_image_url[0]).'" alt="" class="blog-image" /></a></div>';
98
- }
 
 
 
 
99
  $return_string .= '<div class="tx-post-content"><h3 class="tx-post-title"><a href="'.get_permalink().'">'.get_the_title().'</a></h3>';
100
  if ( $tx_category == "show" )
101
  {
@@ -429,7 +433,13 @@ function tx_portfolio_function($atts, $content = null) {
429
 
430
 
431
  if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
432
- $return_string .= '<div class="tx-folio-img"><a href="'.esc_url($full_image_url[0]).'" class="tx-colorbox"><img src="'.esc_url($large_image_url[0]).'" alt="" class="folio-img" /></a></div>';
 
 
 
 
 
 
433
  }
434
 
435
  $return_string .= '<h3 class="tx-folio-title"><a href="'.get_permalink().'">'.get_the_title().'</a></h3>';
95
  if ( has_post_thumbnail() ) {
96
  $return_string .= '<div class="tx-blog-img"><a href="'.esc_url($full_image_url[0]).'" class="tx-colorbox">';
97
  $return_string .= '<img src="'.esc_url($large_image_url[0]).'" alt="" class="blog-image" /></a></div>';
98
+ } else
99
+ {
100
+ $return_string .= '<div class="tx-blog-imgpad"></div>';
101
+ }
102
+
103
  $return_string .= '<div class="tx-post-content"><h3 class="tx-post-title"><a href="'.get_permalink().'">'.get_the_title().'</a></h3>';
104
  if ( $tx_category == "show" )
105
  {
433
 
434
 
435
  if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
436
+ $return_string .= '<div class="tx-folio-img">';
437
+ $return_string .= '<div class="tx-folio-img-wrap"><img src="'.esc_url($large_image_url[0]).'" alt="" class="folio-img" /></div>';
438
+ $return_string .= '<div class="folio-links">';
439
+ $return_string .= '<a href="'.esc_url(get_permalink()).'" class="folio-linkico"><i class="fa fa-link"></i></a>';
440
+ $return_string .= '<a href="'.esc_url($full_image_url[0]).'" class="tx-colorbox folio-zoomico"><i class="fa fa-search-plus"></i></a>';
441
+ $return_string .= '</div>';
442
+ $return_string .= '</div>';
443
  }
444
 
445
  $return_string .= '<h3 class="tx-folio-title"><a href="'.get_permalink().'">'.get_the_title().'</a></h3>';
tx-shortcodes.js CHANGED
@@ -36,7 +36,7 @@
36
  <td class="shortcode-list"><span id="services">Services</span></td><td class="shortcode-list"><span id="portfolios">Portfolios</span></td>\
37
  </tr>\
38
  <tr>\
39
- <td class="shortcode-list"><span id="recentposts">Recent Posts</span></td><td class="shortcode-list"><span id="heading">Heading</span></td>\
40
  </tr>\
41
  <tr>\
42
  <td class="shortcode-list"><span id="wooprods">Product Carousel <small>(WooCommerce)</small></span></td><td class="shortcode-list"><span id="itrans-slider">i-trans Slider</span></td>\
@@ -250,7 +250,7 @@
250
  // you should achieve this using AJAX instead of direct html code like this
251
  var form_blog = jQuery('<div id="blog-form" class="tx-sh-form"><div id="tx-blog-form"><table id="blog-table" class="form-table">\
252
  <tr>\
253
- <td class="tx-heading" colspan="2"><h2>Recent Posts</h2></td>\
254
  </tr>\
255
  <tr>\
256
  <th><label for="blog-ids">Category Id (optional)</label></th>\
36
  <td class="shortcode-list"><span id="services">Services</span></td><td class="shortcode-list"><span id="portfolios">Portfolios</span></td>\
37
  </tr>\
38
  <tr>\
39
+ <td class="shortcode-list"><span id="recentposts">Posts</span></td><td class="shortcode-list"><span id="heading">Heading</span></td>\
40
  </tr>\
41
  <tr>\
42
  <td class="shortcode-list"><span id="wooprods">Product Carousel <small>(WooCommerce)</small></span></td><td class="shortcode-list"><span id="itrans-slider">i-trans Slider</span></td>\
250
  // you should achieve this using AJAX instead of direct html code like this
251
  var form_blog = jQuery('<div id="blog-form" class="tx-sh-form"><div id="tx-blog-form"><table id="blog-table" class="form-table">\
252
  <tr>\
253
+ <td class="tx-heading" colspan="2"><h2>Posts</h2></td>\
254
  </tr>\
255
  <tr>\
256
  <th><label for="blog-ids">Category Id (optional)</label></th>\
tx-toolkit.php CHANGED
@@ -3,7 +3,7 @@
3
  /*
4
  Plugin Name: TemplatesNext ToolKit
5
  Description: Custom Portfolio and Shortcode functionality for TemplatesNext Wordpress Themes
6
- Version: 1.0.9
7
  Author: TemplatesNext
8
  Author URI: http://templatesnext.org/
9
  License: GPLv2 or later
3
  /*
4
  Plugin Name: TemplatesNext ToolKit
5
  Description: Custom Portfolio and Shortcode functionality for TemplatesNext Wordpress Themes
6
+ Version: 1.1.0
7
  Author: TemplatesNext
8
  Author URI: http://templatesnext.org/
9
  License: GPLv2 or later