Carousel, Slider, Gallery by WP Carousel – Image Carousel & Photo Gallery, Post Carousel & Post Grid, Product Carousel & Product Grid for WooCommerce - Version 1.4.8

Version Description

  • Fix: Carousel position issue.
Download this release

Release Info

Developer shapedplugin
Plugin Icon 128x128 Carousel, Slider, Gallery by WP Carousel – Image Carousel & Photo Gallery, Post Carousel & Post Grid, Product Carousel & Product Grid for WooCommerce
Version 1.4.8
Comparing to
See all releases

Code changes from version 1.4.5 to 1.4.8

Files changed (5) hide show
  1. assets/css/admin.css +77 -138
  2. assets/css/style.css +1 -1
  3. inc/scripts.php +1 -0
  4. readme.txt +89 -73
  5. wp-carousel-free.php +151 -130
assets/css/admin.css CHANGED
@@ -1,176 +1,115 @@
1
- .welcome-panel.sp-wpc-pro-features {
2
- background-color: #f1f9fa;
3
- margin-top: 0;
4
- margin-bottom: 0;
5
- padding-bottom: 46px;
6
- padding-top: 46px;
7
- }
8
- .welcome-panel.sp-wpc-pro-features .sp-wpc-pro-features-section-title {
9
  text-align: center;
10
  }
11
- .welcome-panel.sp-wpc-pro-features .sp-wpc-pro-features-section-title h1 {
12
- font-weight: 600;
13
- padding-top: 0;
14
- padding-bottom: 12px;
15
- }
16
- .welcome-panel.sp-wpc-pro-features .sp-wpc-pro-features-section-title p {
17
- font-size: 16px;
18
- padding-bottom: 36px;
19
- }
20
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column:first-child,
21
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column{
22
- width: 33.3%;
23
- }
24
 
25
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column .sp-feature {
 
 
 
 
 
 
 
26
  background-color: #fff;
27
- box-shadow: 0 0 20px 0 #dddddd;
28
- padding: 26px 28px;
29
- margin: 15px;
30
- -webkit-transition: all .4s;
31
- -moz-transition: all .4s;
32
- -ms-transition: all .4s;
33
- -o-transition: all .4s;
34
- transition: all .4s;
35
  }
36
-
37
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column:hover .sp-feature {
38
- box-shadow: 0 0 20px 0 #adadad;
39
  }
40
 
41
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column .sp-feature h3 {
42
- margin-top: 0;
 
 
43
  }
44
-
45
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column .sp-feature h3 span {
46
- color: #ffffff;
47
  background-color: #22afba;
48
- width: 30px;
49
- height: 30px;
50
- font-size: 24px;
51
- line-height: 30px;
52
- text-align: center;
53
  border-radius: 50%;
54
- margin-top: -3px;
55
  margin-right: 10px;
56
  }
57
-
58
- .welcome-panel.sp-wpc-pro-update-button{
59
- margin-top: 0;
60
- border-top: 0;
61
- text-align: center;
62
- background: linear-gradient(#157592, #22afba);
63
- padding-bottom: 46px;
64
- padding-top: 46px;
65
  }
66
-
67
- .welcome-panel.sp-wpc-pro-update-button h1{
68
- color: #fff;
69
- font-weight: 600;
70
- padding-top: 0;
71
- padding-bottom: 14px;
72
  }
73
-
74
- .welcome-panel.sp-wpc-pro-update-button p{
75
- color: #ffffff;
76
- font-size: 15px;
77
- padding-bottom: 36px;
78
- }
79
-
80
- .welcome-panel.sp-wpc-pro-update-button a.button{
81
- border-radius: 20px;
82
- height: 38px;
83
- line-height: 38px;
84
- padding: 0 20px;
85
- border: 0;
86
- box-shadow: 0 0 0;
87
- margin: 0 6px;
88
- font-weight: 600;
89
- -webkit-transition: all .3s;
90
- -moz-transition: all .3s;
91
- -ms-transition: all .3s;
92
- -o-transition: all .3s;
93
- transition: all .3s;
94
  }
95
-
96
- .welcome-panel.sp-wpc-pro-update-button a.button.sp-wpc-live-demo{
97
- background-color: #ffffff;
98
- color: #22afba;
99
  }
100
-
101
- .welcome-panel.sp-wpc-pro-update-button a.button.sp-wpc-live-demo:hover{
102
- background-color: #f8f8f8;
 
103
  }
104
-
105
- .welcome-panel.sp-wpc-pro-update-button a.button.sp-wpc-update{
106
- background-color: #68a834;
107
- color: #ffffff;
108
  }
109
 
110
- .welcome-panel.sp-wpc-pro-update-button a.button.sp-wpc-update:hover{
111
- background-color: #63a22d;
112
- }
113
-
114
- .welcome-panel.sp-wpc-video-tutorial{
115
- margin-bottom: 0;
116
- border-bottom: 0;
117
- padding-top: 46px;
118
- padding-bottom: 46px;
119
  text-align: center;
 
 
 
120
  }
121
- .welcome-panel.sp-wpc-video-tutorial .sp-wpc-shortcode{
122
- display: inline-block;
123
- text-align: left;
124
  }
125
- .welcome-panel.sp-wpc-video-tutorial .sp-wpc-video-section-title h1{
126
- padding-top: 0;
127
- padding-bottom: 10px;
128
  }
129
- .welcome-panel.sp-wpc-video-tutorial .sp-wpc-video-section-title p{
130
- font-size: 15px;
131
- padding-bottom: 34px;
132
- }
133
- .welcome-panel.sp-wpc-video-tutorial .sp-wpc-video{
134
- margin-bottom: 32px;
135
  }
136
 
137
  /* ShortCode Table */
138
- .welcome-panel.sp-wpc-video-tutorial .table-bordered {
139
  border: 1px solid #ddd;
 
140
  }
141
- .welcome-panel.sp-wpc-video-tutorial .table-bordered>tbody>tr>td{
142
  border: 1px solid #ddd;
143
- padding: 2px 8px;
 
 
144
  }
145
- .welcome-panel.sp-wpc-video-tutorial .table-bordered>thead>tr>th{
146
  border: 1px solid #ddd;
147
  background: #f1f9fa;
148
- padding: 0 8px;
 
149
  }
150
 
151
- @media screen and (max-width: 870px){
152
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column:first-child,
153
- .welcome-panel.sp-wpc-pro-features .welcome-panel-column{
154
- display: block;
155
- float: none;
156
- width: 100%;
157
  }
158
  }
159
-
160
- @media screen and (max-width: 1190px){
161
- .welcome-panel.sp-wpc-video-tutorial .sp-wpc-video{
162
- position: relative;
163
- padding-bottom: 56%;
164
- width: 100%;
165
- max-width: 100%;
166
- height: 0;
167
- text-align: center;
168
- }
169
- .welcome-panel.sp-wpc-video-tutorial .sp-wpc-video iframe{
170
- position: absolute;
171
- top: 0;
172
- left: 0;
173
- width: 100%;
174
- height: 100%;
175
  }
176
  }
1
+ /* Help Page */
2
+ .sp-wpc-text-center{
 
 
 
 
 
 
3
  text-align: center;
4
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
5
 
6
+ div.sp-wpc-help .headline-feature.feature-video iframe{
7
+ position: absolute;
8
+ top: 0;
9
+ left: 0;
10
+ width: 100%;
11
+ height: 100%;
12
+ }
13
+ div.sp-wpc-help .feature-section .sp-wpc-feature{
14
  background-color: #fff;
15
+ padding: 20px 20px;
16
+ border: 1px solid #ddd;
 
 
 
 
 
 
17
  }
18
+ div.sp-wpc-help .feature-section .sp-wpc-feature h3{
19
+ font-size: 16px;
20
+ margin-top: 18px;
21
  }
22
 
23
+ div.sp-wpc-help .feature-section i.fa{
24
+ font-size: 30px;
25
+ display: block;
26
+ color: #22afba;
27
  }
28
+ div.sp-wpc-help .sp-wpc-pro-features .feature-section span.dashicons{
29
+ font-size: 22px;
30
+ color: #fff;
31
  background-color: #22afba;
32
+ width: 28px;
33
+ height: 28px;
34
+ line-height: 28px;
 
 
35
  border-radius: 50%;
 
36
  margin-right: 10px;
37
  }
38
+ div.sp-wpc-help .sp-wpc-pro-features .feature-section{
39
+ margin-bottom: 40px;
 
 
 
 
 
 
40
  }
41
+ div.sp-wpc-help .sp-wpc-pro-features .feature-section .sp-wpc-feature h3{
42
+ margin-top:0;
 
 
 
 
43
  }
44
+ div.sp-wpc-help .sp-wpc-pro-features .feature-section .sp-wpc-feature p{
45
+ margin-bottom:0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  }
47
+ div.sp-wpc-help .sp-wpc-pro-features .feature-section .sp-wpc-feature{
48
+ box-shadow: 0 0 10px 0 #dddddd;
49
+ margin: 4px;
50
+ border: 0 solid;
51
  }
52
+ div.sp-wpc-help .sp-wpc-pro-features .feature-section.three-col .col{
53
+ min-width: 32%;
54
+ max-width: 32%;
55
+ margin-top: 20px;
56
  }
57
+ div.sp-wpc-help .sp-wpc-pro-features .sp-wpc-pro-subtitle{
58
+ font-size: 1.2em;
59
+ margin-bottom: 26px;
 
60
  }
61
 
62
+ div.sp-wpc-help .sp-wpc-upgrade-sticky-footer{
63
+ position: fixed;
64
+ bottom: 0;
65
+ background: #fff;
66
+ width: calc(100% - 195px);
67
+ z-index: 9;
68
+ margin-left: -25px;
 
 
69
  text-align: center;
70
+ border: 1px solid #dfdfdf;
71
+ padding: 15px 0;
72
+ border-bottom: none;
73
  }
74
+ div.sp-wpc-help .sp-wpc-pro-features h2{
75
+ font-size: 2.5em;
76
+ font-weight: 400;
77
  }
78
+ div.sp-wpc-help .sp-wpc-upgrade-sticky-footer h3{
79
+ margin-top: 17px;
80
+ margin-bottom: 20px;
81
  }
82
+
83
+ div.sp-wpc-help .sp-wpc-upgrade-sticky-footer a.button{
84
+ margin: 0 8px;
 
 
 
85
  }
86
 
87
  /* ShortCode Table */
88
+ div.sp-wpc-help .table-bordered {
89
  border: 1px solid #ddd;
90
+ width: 100%;
91
  }
92
+ div.sp-wpc-help .table-bordered>tbody>tr>td{
93
  border: 1px solid #ddd;
94
+ padding: 3px 10px;
95
+ background-color: #ffffff;
96
+ font-size: 13px;
97
  }
98
+ div.sp-wpc-help .table-bordered>thead>tr>th{
99
  border: 1px solid #ddd;
100
  background: #f1f9fa;
101
+ padding: 3px 8px;
102
+ font-size: 13px;
103
  }
104
 
105
+ /* Responsive CSS */
106
+ @media (max-width: 960px) {
107
+ div.sp-wpc-help .sp-wpc-upgrade-sticky-footer {
108
+ width: calc(100%);
 
 
109
  }
110
  }
111
+ @media (max-width: 500px) {
112
+ div.sp-wpc-help .wp-badge {
113
+ background-position-x: center;
 
 
 
 
 
 
 
 
 
 
 
 
 
114
  }
115
  }
assets/css/style.css CHANGED
@@ -1,6 +1,5 @@
1
  div.wordpress-carousel-free-section {
2
  display: none;
3
- margin-right: -20px;
4
  }
5
 
6
  div.wordpress-carousel-free-section.slick-initialized {
@@ -21,6 +20,7 @@ div.wordpress-carousel-free-section .single_wcf_item {
21
  div.wordpress-carousel-free-section .single_wcf_item img {
22
  margin: 0 auto;
23
  display: block;
 
24
  }
25
 
26
  div.wordpress-carousel-free-section .slick-prev {
1
  div.wordpress-carousel-free-section {
2
  display: none;
 
3
  }
4
 
5
  div.wordpress-carousel-free-section.slick-initialized {
20
  div.wordpress-carousel-free-section .single_wcf_item img {
21
  margin: 0 auto;
22
  display: block;
23
+ max-width: 100%;
24
  }
25
 
26
  div.wordpress-carousel-free-section .slick-prev {
inc/scripts.php CHANGED
@@ -43,6 +43,7 @@ class SP_WCF_Scripts_AND_Style{
43
 
44
  if ( 'options-general.php?page=about-wp-carousel' ) {
45
  //CSS Files
 
46
  wp_enqueue_style( 'sp-wp-carousel-admin-style', SP_WP_CAROUSEL_FREE_URL . 'assets/css/admin.css', false, $this->version );
47
 
48
  //JS Files
43
 
44
  if ( 'options-general.php?page=about-wp-carousel' ) {
45
  //CSS Files
46
+ wp_enqueue_style( 'font-awesome', SP_WP_CAROUSEL_FREE_URL . 'assets/css/font-awesome.min.css', false, $this->version );
47
  wp_enqueue_style( 'sp-wp-carousel-admin-style', SP_WP_CAROUSEL_FREE_URL . 'assets/css/admin.css', false, $this->version );
48
 
49
  //JS Files
readme.txt CHANGED
@@ -3,18 +3,18 @@ Contributors: shapedplugin
3
  Donate link: http://shapedplugin.com/donate
4
  Tags: carousel, slider, carousel plugin, testimonial, best testimonial, client testimonials plugin, wordpress testimonial, smooth testimonial, woocommerce slider, woocommerce product slider, woocommerce product carousel, lightbox, nice lightbox, carousel slider, logo carousel, carousel shortcode, client carousel, easy carousel, best logo carousel, best carousel, easy logo carousel, best client logo carousel, best logo slider, image carousel, image slider, post carousel, post slider, logo carousel, Nice carousel, responsive carousel, touch carousel, wordpress carousel, top logo slider, shortcode slider, shortcode carousel, free logo slider carousel, animations, autoplay, ecommerce, product, product carousel, product category, product slider, product slider carousel, product slider categories
5
  Requires at least: 4.3
6
- Tested up to: 4.8.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
 
11
- A Powerful Carousel plugin for WordPress that enables you to create beautiful carousel by using regular media uploader.
12
 
13
 
14
  == Description ==
15
  [__Live Demo__](http://shapedplugin.com/demo/wordpress-carousel-pro/) | [__Upgrade to PRO!__](http://shapedplugin.com/plugin/wordpress-carousel-pro/) | [__Documentation__](https://shapedplugin.com/docs/docs/wordpress-carousel-pro/) | [__Support__](https://shapedplugin.com/support/)
16
 
17
- [youtube https://www.youtube.com/watch?v=hX84VfMKOBA]
18
 
19
  WordPress Carousel is a Powerful Carousel plugin for WordPress that enables you to create beautiful carousel using your regular media uploader. This plugin has nice combination in WordPress regular gallery.
20
 
@@ -23,82 +23,89 @@ Default WordPress gallery shortcode is <code>[gallery ids="39,38,37,36,35,34,31"
23
  You can add unlimited carousel in page or post or anywhere you want.
24
 
25
  **Plugin Features**:
26
- <ul>
27
- <li>100% Responsive.</li>
28
- <li>Lightweight, fast &amp; powerful.</li>
29
- <li>AutoPlay on/off.</li>
30
- <li>Show/hide navigation arrow in the carousel.</li>
31
- <li>Show/hide bullets or pagination dots.</li>
32
- <li>Multiple slideshows (supports more than one carousel per page).</li>
33
- <li>Control number of carousel items in different devices.</li>
34
- <li>Translation Ready.</li>
35
- <li>Compatible with any theme.</li>
36
- <li>Developer friendly &amp; easy to customize.</li>
37
- <li>SEO friendly &amp; optimized for speed.</li>
38
- <li>Support all modern browsers: Firefox, Chrome, IE, Safari etc.</li>
39
- <li>Free basic support.</li>
40
- <li>And much more.</li>
41
- </ul>
42
 
43
  == WordPress Carousel PRO ==
44
 
45
  Want more features? This plugin has a [__Premium Version__](http://shapedplugin.com/plugin/wordpress-carousel-pro/) with cool features. Check it out now!
46
 
47
  **Pro Version Features**:
48
- <ul>
49
- <li>30+ Different Carousel Examples</li>
50
- <li>Slide any post type (e.g. post, page, product, portfolio etc.)</li>
51
- <li>Carousel with AutoPlay on/off</li>
52
- <li>Control carousel sliding speed</li>
53
- <li>Ticker Carousel</li>
54
- <li>Smooth bullet control system</li>
55
- <li>Bullets with numbers</li>
56
- <li>Show/hide the bullets</li>
57
- <li>Simple navigation arrows</li>
58
- <li>Show/hide the navigation arrows</li>
59
- <li>Unlimited custom colors</li>
60
- <li>Different types of sliding effects</li>
61
- <li>Stop on mouse hover for carousel items</li>
62
- <li>Display unlimited number of carousel items</li>
63
- <li>Set number of displayed items in devices (mobile, tablet, desktop)</li>
64
- <li>Re-order the carousel items</li>
65
- <li>Display carousel items from multiple categories</li>
66
- <li>Unlimited Carousel anywhere (post, page, template, widget or sidebar)</li>
67
- <li>Easy-to-use interface allows you to create and manage carousel with no coding skills!</li>
68
- <li>Set the items Dimension: (width or height) to keep an aspect ratio from settings</li>
69
- <li>Carousel items auto & fixed height option</li>
70
- <li>Link to carousel items with external link</li>
71
- <li>External link opening with new tab option</li>
72
- <li>Carousel items order by (date, title, modified, author, random)</li>
73
- <li>Carousel items order (Descending, Ascending)</li>
74
- <li>Logo Carousel</li>
75
- <li>Post carousel from post, page, category</li>
76
- <li>Custom post carousel with excerpt or read more</li>
77
- <li>Show/hide excerpt or read more</li>
78
- <li>Read more button text customization option</li>
79
- <li>Post carousel with the only image</li>
80
- <li>Show/hide post title and description</li>
81
- <li>7+ different style Testimonial slider</li>
82
- <li>Testimonials from specific categories</li>
83
- <li>One page slider (single item) with title & description</li>
84
- <li>Show/hide image title & description</li>
85
- <li>WooCommerce Product carousel slider</li>
86
- <li>Display WooCommerce Product carousel from category</li>
87
- <li>WooCommerce product image, description & read more button</li>
88
- <li>Image Carousel</li>
89
- <li>Lightbox functionality for carousel images</li>
90
- <li>Title for Lightbox images</li>
91
- <li>Smart lazy-loading option for images</li>
92
- <li>Widget Ready</li>
93
- <li>Tons of easy and useful shortcodes attributes</li>
94
- <li>Show/hide most of the carousel elements</li>
95
- <li>RTL Support</li>
96
- <li>Extensive online docs & Tutorials</li>
97
- <li>24/7 Free & quick support</li>
98
- <li>Lifetime free update</li>
99
- <li>7 Days money back guarantee </li>
100
- <li>And many more options…</li>
101
- </ul>
 
 
 
 
 
 
 
102
 
103
  [youtube https://www.youtube.com/watch?v=EVgB5CGti8I]
104
 
@@ -220,6 +227,15 @@ Thanks!
220
 
221
  == Changelog ==
222
 
 
 
 
 
 
 
 
 
 
223
  = 1.4.5 =
224
  * Loading broken issue fixed.
225
 
3
  Donate link: http://shapedplugin.com/donate
4
  Tags: carousel, slider, carousel plugin, testimonial, best testimonial, client testimonials plugin, wordpress testimonial, smooth testimonial, woocommerce slider, woocommerce product slider, woocommerce product carousel, lightbox, nice lightbox, carousel slider, logo carousel, carousel shortcode, client carousel, easy carousel, best logo carousel, best carousel, easy logo carousel, best client logo carousel, best logo slider, image carousel, image slider, post carousel, post slider, logo carousel, Nice carousel, responsive carousel, touch carousel, wordpress carousel, top logo slider, shortcode slider, shortcode carousel, free logo slider carousel, animations, autoplay, ecommerce, product, product carousel, product category, product slider, product slider carousel, product slider categories
5
  Requires at least: 4.3
6
+ Tested up to: 4.9.7
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
 
11
+ A simple and powerful WordPress Carousel plugin for creating beautiful carousel using your regular media uploader with shortcode easily.
12
 
13
 
14
  == Description ==
15
  [__Live Demo__](http://shapedplugin.com/demo/wordpress-carousel-pro/) | [__Upgrade to PRO!__](http://shapedplugin.com/plugin/wordpress-carousel-pro/) | [__Documentation__](https://shapedplugin.com/docs/docs/wordpress-carousel-pro/) | [__Support__](https://shapedplugin.com/support/)
16
 
17
+ [youtube https://www.youtube.com/watch?v=0rxYjMWDZ7k]
18
 
19
  WordPress Carousel is a Powerful Carousel plugin for WordPress that enables you to create beautiful carousel using your regular media uploader. This plugin has nice combination in WordPress regular gallery.
20
 
23
  You can add unlimited carousel in page or post or anywhere you want.
24
 
25
  **Plugin Features**:
26
+
27
+ * Fully Responsive and Mobile friendly.
28
+ * Lightweight, fast &amp; powerful.
29
+ * AutoPlay on/off.
30
+ * Show/hide navigation arrow in the carousel.
31
+ * Show/hide bullets or pagination dots.
32
+ * Multiple slideshows (supports more than one carousel per page).
33
+ * Control number of carousel items in different devices.
34
+ * Translation Ready.
35
+ * Compatible with any theme.
36
+ * Developer friendly &amp; easy to customize.
37
+ * SEO friendly &amp; optimized for speed.
38
+ * Support all modern browsers: Firefox, Chrome, IE, Safari etc.
39
+ * Free basic support.
40
+ * And much more.
41
+
42
 
43
  == WordPress Carousel PRO ==
44
 
45
  Want more features? This plugin has a [__Premium Version__](http://shapedplugin.com/plugin/wordpress-carousel-pro/) with cool features. Check it out now!
46
 
47
  **Pro Version Features**:
48
+
49
+ * **30+ Different Carousel Examples.**
50
+ * **Slide any Post Type. (e.g. post, page, product, portfolio etc.)**
51
+ * **Display Carousel items from multiple Categories.**
52
+ * Add Unlimited Carousels. (**e.g. post, page, custom template, widget or sidebar** and even anywhere you want.)
53
+ * **Image Carousel.**
54
+ * Show/hide image Captions.
55
+ * **Lightbox functionality for carousel images.**
56
+ * Set title for lightbox images.
57
+ * Lightbox images group by the view.
58
+ * Smart lazy-loading option for images.
59
+ * GrayScale effect for images.
60
+ * **Re-order the carousel items.**
61
+ * Set custom dimension for carousel item: (width or height).
62
+ * **Set carousel items auto & fixed height option.**
63
+ * **Link to carousel items with the external link.**
64
+ * External link opening with new tab option.
65
+ * Link disable option for carousel item.
66
+ * **One Page Slider (single item) with title & description.**
67
+ * **Post Carousel from post, page, category.**
68
+ * Show/hide post title and description.
69
+ * Post excerpt limit option.
70
+ * Custom Post Carousel with the excerpt or read more.
71
+ * Show/hide excerpt or read more.
72
+ * Read more button text customization option.
73
+ * **WooCommerce Product Carousel Slider.**
74
+ * Display WooCommerce Product Carousel from Category.
75
+ * Product image, description & read more button.
76
+ * **7+ different Testimonial Theme Styles.**
77
+ * Testimonials Showcase from Specific Categories.
78
+ * SEO friendly & optimized for speed.
79
+ * **Ticker mode carousel.**
80
+ * AutoPlay on/off.
81
+ * Control AutoPlay speed.
82
+ * Stop on hover carousel.
83
+ * Pause at last item option.
84
+ * Infinite loop for the carousel.
85
+ * Mouse draggable on/off.
86
+ * **Set a maximum number of carousel items to show.**
87
+ * Show/hide navigation arrows & pagination dots.
88
+ * Control slider pagination speed.
89
+ * Carousel items order by date, title, modified, author, random.
90
+ * Carousel items order (Descending and Ascending).
91
+ * Unlimited custom colors.
92
+ * Set different types of sliding effects.
93
+ * Display unlimited number of carousel items.
94
+ * Control number of carousel items on different devices. (e.g. mobile, tablet, desktop).
95
+ * Set number of slides to scroll on mobile view.
96
+ * Easy-to-use interface for creating and managing carousel with no coding skills!
97
+ * Translation Ready.
98
+ * **Widget Ready.**
99
+ * RTL Supported.
100
+ * Compatible with any theme.
101
+ * Support all browsers: Firefox, Chrome, IE, Safari etc.
102
+ * Tons of easy and useful shortcodes attributes.
103
+ * Show/hide most of the carousel fields or elements.
104
+ * Extensive online docs & tutorials.
105
+ * **Fast and friendly support(24x7).**
106
+ * Any new features we add in the future (which is often).
107
+ * And so much more!
108
+
109
 
110
  [youtube https://www.youtube.com/watch?v=EVgB5CGti8I]
111
 
227
 
228
  == Changelog ==
229
 
230
+ = 1.4.8 =
231
+ * Fix: Carousel position issue.
232
+
233
+ = 1.4.7 =
234
+ * Fix: Image max-width issue.
235
+
236
+ = 1.4.6 =
237
+ * Help page updated.
238
+
239
  = 1.4.5 =
240
  * Loading broken issue fixed.
241
 
wp-carousel-free.php CHANGED
@@ -5,7 +5,7 @@ Plugin URI: https://shapedplugin.com/plugin/wordpress-carousel-pro
5
  Description: A Powerful Carousel plugin for WordPress that enables you to create beautiful carousel by using regular media uploader.
6
  Author: ShapedPlugin
7
  Author URI: http://shapedplugin.com/
8
- Version: 1.4.5
9
  */
10
 
11
 
@@ -48,205 +48,226 @@ if ( is_admin() ) : // Load only if we are viewing an admin page
48
  // Function to generate options page
49
  function about_wp_carousel_content() { ?>
50
 
51
- <div class="wrap">
52
- <h1 class="wp-heading-inline">Welcome To WordPress Carousel!</h1>
53
- <div class="welcome-panel sp-wpc-video-tutorial">
54
- <div class="welcome-panel-column-container">
55
- <div class="sp-wpc-video-section-title">
56
- <h1>Thank you for installing WordPress Carousel!</h1>
57
- <p>This video will help you get started with the plugin.</p>
58
- </div>
59
 
60
- <div class="sp-wpc-video">
61
- <iframe width="940" height="528" src="https://www.youtube.com/embed/hX84VfMKOBA"
62
- frameborder="0" allowfullscreen></iframe>
63
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
64
 
65
- <div class="sp-wpc-shortcode">
66
- <table class="table-bordered table-striped table-condensed cf">
67
- <thead class="cf">
68
- <tr>
69
- <th>Attribute</th>
70
- <th>Default value</th>
71
- <th>Options</th>
72
- <th>Description</th>
73
- </tr>
74
- </thead>
75
- <tbody>
76
- <tr>
77
- <td>ids</td>
78
- <td></td>
79
- <td></td>
80
- <td>"ids" will be generated automatically when we create gallery.</td>
81
- </tr>
82
- <tr>
83
- <td>items</td>
84
- <td>5</td>
85
- <td>Numeric value only e.g. 4</td>
86
- <td>Number of columns to show for the carousel. Screen larger than 1200px.</td>
87
- </tr>
88
- <tr>
89
- <td>items_desktop</td>
90
- <td>4</td>
91
- <td>Numeric value only e.g. 3</td>
92
- <td>Number of columns to show on Desktop. Screen smaller than 1200px.</td>
93
- </tr>
94
- <tr>
95
- <td>items_desktop_small</td>
96
- <td>3</td>
97
- <td>Numeric value only e.g. 2</td>
98
- <td>Number of columns to show on Small Desktop. Screen smaller than 980px.</td>
99
- </tr>
100
- <tr>
101
- <td>items_tablet</td>
102
- <td>2</td>
103
- <td>Numeric value only e.g. 1</td>
104
- <td>Number of columns to show on Tablet. Screen smaller than 768px.</td>
105
- </tr>
106
- <tr>
107
- <td>items_mobile</td>
108
- <td>1</td>
109
- <td>Numeric value only e.g. 1</td>
110
- <td>Number of columns to show on Mobile. Screen smaller than 4780px.</td>
111
- </tr>
112
- <tr>
113
- <td>bullets</td>
114
- <td>false</td>
115
- <td>true / false</td>
116
- <td>Show / Hide pagination dots.</td>
117
- </tr>
118
- <tr>
119
- <td>nav</td>
120
- <td>true</td>
121
- <td>true / false</td>
122
- <td>Show / Hide navigation arrows.</td>
123
- </tr>
124
- <tr>
125
- <td>auto_play</td>
126
- <td>true</td>
127
- <td>true / false</td>
128
- <td>On / Off carousel AutoPlay</td>
129
- </tr>
130
- </tbody>
131
- </table>
132
  </div>
133
  </div>
134
- </div>
135
- <div class="welcome-panel sp-wpc-pro-features">
136
- <div class="sp-wpc-pro-features-section-title">
137
- <h1>Upgrade to WordPress Carousel Pro!</h1>
138
- <p>We've added 100+ extra features in our Premium Version of this plugin. Let see some amazing
139
- features.</p>
 
 
140
  </div>
 
 
 
 
 
 
 
 
 
 
 
141
 
142
- <div class="welcome-panel-column-container">
143
- <div class="welcome-panel-column">
144
- <div class="sp-feature">
 
 
 
145
  <h3><span class="dashicons dashicons-yes"></span>Slide any Post Type</h3>
146
  <p>You can display posts from multiple post types (posts, pages, products, portfolio etc.). With WordPress Carousel Pro, you will be able to add unlimited carousels into a page, post, widget or anywhere you want easily.</p>
147
  </div>
148
  </div>
149
- <div class="welcome-panel-column">
150
- <div class="sp-feature">
151
  <h3><span class="dashicons dashicons-yes"></span>Display any Taxonomy</h3>
152
  <p>Do you want to display some featured category to your visitors? WordPress Carousel Pro will help you to show any category, tag or custom taxonomy in output using just a shortcode attribute.</p>
153
  </div>
154
  </div>
155
- <div class="welcome-panel-column">
156
- <div class="sp-feature">
157
  <h3><span class="dashicons dashicons-yes"></span>Image Carousel with Caption</h3>
158
  <p>You can easily create Image Carousel using your regular media uploader. This plugin has a nice combination in WordPress regular gallery. You can add image caption, description, alternative text, URL etc.</p>
159
  </div>
160
  </div>
161
-
162
- <div class="welcome-panel-column">
163
- <div class="sp-feature">
164
  <h3><span class="dashicons dashicons-yes"></span>Lightbox for Images</h3>
165
- <p>We've added Lightbox features in Premium Version of this plugin. You only have to turn on Lightbox option via shortcode. It can help you to zoom smoothly your images with a bottom title. It's fully responsive and super easy to use! </p>
166
  </div>
167
  </div>
168
- <div class="welcome-panel-column">
169
- <div class="sp-feature">
170
  <h3><span class="dashicons dashicons-yes"></span>Link to Carousel Items</h3>
171
  <p>You can link to each carousel item easily even, external link opening with new tab option. You can add a link to each carousel in media manager. Just add your link there, your carousel items will line to that URL.</p>
172
  </div>
173
  </div>
174
- <div class="welcome-panel-column">
175
- <div class="sp-feature">
176
  <h3><span class="dashicons dashicons-yes"></span>Ticker Carousel</h3>
177
  <p>This is an another amazing feature of WordPress Carousel Pro. It slides with the infinite loop, with no Pause. You can set the speed and if the carousel pauses on hover.</p>
178
  </div>
179
  </div>
180
-
181
- <div class="welcome-panel-column">
182
- <div class="sp-feature">
183
  <h3><span class="dashicons dashicons-yes"></span>Image Re-Size Options</h3>
184
  <p>You can change the default size of your carousel images via an attribute. New uploaded image will be resized to the specified dimensions what you set.
185
  Your images will be hard cropped equally. </p>
186
  </div>
187
  </div>
188
- <div class="welcome-panel-column">
189
- <div class="sp-feature">
190
  <h3><span class="dashicons dashicons-yes"></span>7+ Different Testimonial Styles</h3>
191
  <p>Different Testimonial styles have been added to Premium Version which can help to show amazingly your clients' testimonials. Hence you need to define an attribute in carousel shortcode.</p>
192
  </div>
193
  </div>
194
- <div class="welcome-panel-column">
195
- <div class="sp-feature">
196
  <h3><span class="dashicons dashicons-yes"></span>One Page Slider</h3>
197
  <p>You are able to build image slider by using image width and height size attribute. It's like image slider. You can add slider title & description too. You can change slider colors with your dream color!</p>
198
  </div>
199
  </div>
200
-
201
- <div class="welcome-panel-column">
202
- <div class="sp-feature">
203
  <h3><span class="dashicons dashicons-yes"></span>Unlimited Colors & Styling</h3>
204
  <p>Premium version of this plugin supports unlimited colors & styling options! You can add any color that matches your current theme or website. You can use the color name or color HEX code.</p>
205
  </div>
206
  </div>
207
- <div class="welcome-panel-column">
208
- <div class="sp-feature">
209
  <h3><span class="dashicons dashicons-yes"></span>Post Carousel with Excerpt</h3>
210
  <p>With Pro version of this plugin, You can create post excerpt carousel slider as well. This will show a featured image, some amount of post content & a read more button. This is cool for a large type of post!</p>
211
  </div>
212
  </div>
213
- <div class="welcome-panel-column">
214
- <div class="sp-feature">
215
  <h3><span class="dashicons dashicons-yes"></span>Carousel from WooCommerce Product Category</h3>
216
  <p>Using Premium Version of this plugin, you can add WooCommerce product carousel slider in anywhere. This will show product image, product description & read more button.</p>
217
  </div>
218
  </div>
219
-
220
- <div class="welcome-panel-column">
221
- <div class="sp-feature">
222
  <h3><span class="dashicons dashicons-yes"></span>Essential Carousel Settings</h3>
223
  <p>You can set how many posts to scroll at a time in the carousel or show, the transition speed, autoplay, swipe, pause on hover, infinite loop, mouse draggable, and many other settings.</p>
224
  </div>
225
  </div>
226
- <div class="welcome-panel-column">
227
- <div class="sp-feature">
228
  <h3><span class="dashicons dashicons-yes"></span>Responsive Mobile Friendly</h3>
229
  <p>WordPress Carousel Pro is 100% responsive and with the premium version of the plugin, you can set the number of post columns to show simultaneously in the carousel according to the specific device resolution.</p>
230
  </div>
231
  </div>
232
- <div class="welcome-panel-column">
233
- <div class="sp-feature">
234
  <h3><span class="dashicons dashicons-yes"></span>24/7 Fast & Friendly Support</h3>
235
  <p>A fully dedicated 24/7 Support Forum is ready to help you instantly whenever you face with any issues to configure or use the plugin. They will help you until you become happy.</p>
236
  </div>
237
  </div>
 
238
  </div>
239
  </div>
240
 
241
- <div class="welcome-panel sp-wpc-pro-update-button">
242
- <div class="welcome-panel-column-container">
243
- <h1>Cool! You are ready to enable those features in $29 only?</h1>
244
- <p>Watch Live Demo before purchase. I think you must like 30+ Examples. Thanks for reading features. <br>
245
- Good luck with creating carousels in your WordPress site.</p>
246
- <a target="_blank" href="http://shapedplugin.com/demo/wordpress-carousel-pro/" class="button sp-wpc-live-demo">Live Demo</a> <a target="_blank" href="http://shapedplugin.com/plugin/wordpress-carousel-pro/" class="button
247
- sp-wpc-update">Get it Now!</a>
248
- </div>
249
  </div>
 
250
  </div>
251
 
252
  <?php
5
  Description: A Powerful Carousel plugin for WordPress that enables you to create beautiful carousel by using regular media uploader.
6
  Author: ShapedPlugin
7
  Author URI: http://shapedplugin.com/
8
+ Version: 1.4.8
9
  */
10
 
11
 
48
  // Function to generate options page
49
  function about_wp_carousel_content() { ?>
50
 
51
+ <div class="wrap about-wrap sp-wpc-help">
52
+ <h1><?php _e( 'Welcome to WordPress Carousel!', 'wp-carousel' ); ?></h1>
53
+ <p class="about-text"><?php _e( 'Thank you for installing WordPress Carousel! You\'re now running the most popular WordPress Carousel plugin.
54
+ This video will help you get started with the plugin.', 'wp-carousel' ); ?></p>
 
 
 
 
55
 
56
+ <hr>
57
+
58
+ <div class="headline-feature feature-video">
59
+ <iframe width="940" height="528" src="https://www.youtube.com/embed/0rxYjMWDZ7k" frameborder="0" allowfullscreen></iframe>
60
+ </div>
61
+
62
+ <div class="sp-wpc-shortcode">
63
+ <table class="table-bordered table-striped table-condensed cf">
64
+ <thead class="cf">
65
+ <tr>
66
+ <th>Attribute</th>
67
+ <th>Default value</th>
68
+ <th>Options</th>
69
+ <th>Description</th>
70
+ </tr>
71
+ </thead>
72
+ <tbody>
73
+ <tr>
74
+ <td>ids</td>
75
+ <td></td>
76
+ <td></td>
77
+ <td>"ids" will be generated automatically when we create gallery.</td>
78
+ </tr>
79
+ <tr>
80
+ <td>items</td>
81
+ <td>5</td>
82
+ <td>Numeric value only e.g. 4</td>
83
+ <td>Number of columns to show for the carousel. Screen larger than 1200px.</td>
84
+ </tr>
85
+ <tr>
86
+ <td>items_desktop</td>
87
+ <td>4</td>
88
+ <td>Numeric value only e.g. 3</td>
89
+ <td>Number of columns to show on Desktop. Screen smaller than 1200px.</td>
90
+ </tr>
91
+ <tr>
92
+ <td>items_desktop_small</td>
93
+ <td>3</td>
94
+ <td>Numeric value only e.g. 2</td>
95
+ <td>Number of columns to show on Small Desktop. Screen smaller than 980px.</td>
96
+ </tr>
97
+ <tr>
98
+ <td>items_tablet</td>
99
+ <td>2</td>
100
+ <td>Numeric value only e.g. 1</td>
101
+ <td>Number of columns to show on Tablet. Screen smaller than 768px.</td>
102
+ </tr>
103
+ <tr>
104
+ <td>items_mobile</td>
105
+ <td>1</td>
106
+ <td>Numeric value only e.g. 1</td>
107
+ <td>Number of columns to show on Mobile. Screen smaller than 4780px.</td>
108
+ </tr>
109
+ <tr>
110
+ <td>bullets</td>
111
+ <td>false</td>
112
+ <td>true / false</td>
113
+ <td>Show / Hide pagination dots.</td>
114
+ </tr>
115
+ <tr>
116
+ <td>nav</td>
117
+ <td>true</td>
118
+ <td>true / false</td>
119
+ <td>Show / Hide navigation arrows.</td>
120
+ </tr>
121
+ <tr>
122
+ <td>auto_play</td>
123
+ <td>true</td>
124
+ <td>true / false</td>
125
+ <td>On / Off carousel AutoPlay</td>
126
+ </tr>
127
+ </tbody>
128
+ </table>
129
+ </div>
130
 
131
+ <br>
132
+ <br>
133
+
134
+ <hr>
135
+
136
+ <div class="feature-section three-col">
137
+ <div class="col">
138
+ <div class="sp-wpc-feature sp-wpc-text-center">
139
+ <i class="fa fa-life-bouy" aria-hidden="true"></i>
140
+ <h3>Need any Support?</h3>
141
+ <p>Our Expert Support Team is always ready to help you out promptly.</p>
142
+ <a href="https://wordpress.org/support/plugin/wp-carousel-free" target="_blank" class="button
143
+ button-primary">Support Forum</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
144
  </div>
145
  </div>
146
+ <div class="col">
147
+ <div class="sp-wpc-feature sp-wpc-text-center">
148
+ <i class="fa fa-file-text" aria-hidden="true"></i>
149
+ <h3>Looking for Documentation?</h3>
150
+ <p>We have detailed documentation on every aspects of WordPress Carousel.</p>
151
+ <a href="https://shapedplugin.com/docs/wordpress-carousel/" target="_blank" class="button
152
+ button-primary">Documentation</a>
153
+ </div>
154
  </div>
155
+ <div class="col">
156
+ <div class="sp-wpc-feature sp-wpc-text-center">
157
+ <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
158
+ <h3>Like This Plugin?</h3>
159
+ <p>If you like WordPress Carousel please leave us a 5 star rating. It helps us much.</p>
160
+ <a href="https://wordpress.org/support/plugin/wp-carousel-free/reviews/?filter=5#new-post" target="_blank" class="button button-primary">Rate the Plugin</a>
161
+ </div>
162
+ </div>
163
+ </div>
164
+
165
+ <hr>
166
 
167
+ <div class="sp-wpc-pro-features">
168
+ <h2 class="sp-wpc-text-center">Upgrade to WordPress Carousel Pro!</h2>
169
+ <p class="sp-wpc-text-center sp-wpc-pro-subtitle">We've added 100+ extra features in our Premium Version of this plugin. Let’s see some amazing features.</p>
170
+ <div class="feature-section three-col">
171
+ <div class="col">
172
+ <div class="sp-wpc-feature">
173
  <h3><span class="dashicons dashicons-yes"></span>Slide any Post Type</h3>
174
  <p>You can display posts from multiple post types (posts, pages, products, portfolio etc.). With WordPress Carousel Pro, you will be able to add unlimited carousels into a page, post, widget or anywhere you want easily.</p>
175
  </div>
176
  </div>
177
+ <div class="col">
178
+ <div class="sp-wpc-feature">
179
  <h3><span class="dashicons dashicons-yes"></span>Display any Taxonomy</h3>
180
  <p>Do you want to display some featured category to your visitors? WordPress Carousel Pro will help you to show any category, tag or custom taxonomy in output using just a shortcode attribute.</p>
181
  </div>
182
  </div>
183
+ <div class="col">
184
+ <div class="sp-wpc-feature">
185
  <h3><span class="dashicons dashicons-yes"></span>Image Carousel with Caption</h3>
186
  <p>You can easily create Image Carousel using your regular media uploader. This plugin has a nice combination in WordPress regular gallery. You can add image caption, description, alternative text, URL etc.</p>
187
  </div>
188
  </div>
189
+ <div class="col">
190
+ <div class="sp-wpc-feature">
 
191
  <h3><span class="dashicons dashicons-yes"></span>Lightbox for Images</h3>
192
+ <p>We've added Lightbox features in Premium Version of this plugin. You only have to turn on Lightbox option via shortcode. It can help you to zoom smoothly your images with a bottom title. It's fully responsive and super easy to use!</p>
193
  </div>
194
  </div>
195
+ <div class="col">
196
+ <div class="sp-wpc-feature">
197
  <h3><span class="dashicons dashicons-yes"></span>Link to Carousel Items</h3>
198
  <p>You can link to each carousel item easily even, external link opening with new tab option. You can add a link to each carousel in media manager. Just add your link there, your carousel items will line to that URL.</p>
199
  </div>
200
  </div>
201
+ <div class="col">
202
+ <div class="sp-wpc-feature">
203
  <h3><span class="dashicons dashicons-yes"></span>Ticker Carousel</h3>
204
  <p>This is an another amazing feature of WordPress Carousel Pro. It slides with the infinite loop, with no Pause. You can set the speed and if the carousel pauses on hover.</p>
205
  </div>
206
  </div>
207
+ <div class="col">
208
+ <div class="sp-wpc-feature">
 
209
  <h3><span class="dashicons dashicons-yes"></span>Image Re-Size Options</h3>
210
  <p>You can change the default size of your carousel images via an attribute. New uploaded image will be resized to the specified dimensions what you set.
211
  Your images will be hard cropped equally. </p>
212
  </div>
213
  </div>
214
+ <div class="col">
215
+ <div class="sp-wpc-feature">
216
  <h3><span class="dashicons dashicons-yes"></span>7+ Different Testimonial Styles</h3>
217
  <p>Different Testimonial styles have been added to Premium Version which can help to show amazingly your clients' testimonials. Hence you need to define an attribute in carousel shortcode.</p>
218
  </div>
219
  </div>
220
+ <div class="col">
221
+ <div class="sp-wpc-feature">
222
  <h3><span class="dashicons dashicons-yes"></span>One Page Slider</h3>
223
  <p>You are able to build image slider by using image width and height size attribute. It's like image slider. You can add slider title & description too. You can change slider colors with your dream color!</p>
224
  </div>
225
  </div>
226
+ <div class="col">
227
+ <div class="sp-wpc-feature">
 
228
  <h3><span class="dashicons dashicons-yes"></span>Unlimited Colors & Styling</h3>
229
  <p>Premium version of this plugin supports unlimited colors & styling options! You can add any color that matches your current theme or website. You can use the color name or color HEX code.</p>
230
  </div>
231
  </div>
232
+ <div class="col">
233
+ <div class="sp-wpc-feature">
234
  <h3><span class="dashicons dashicons-yes"></span>Post Carousel with Excerpt</h3>
235
  <p>With Pro version of this plugin, You can create post excerpt carousel slider as well. This will show a featured image, some amount of post content & a read more button. This is cool for a large type of post!</p>
236
  </div>
237
  </div>
238
+ <div class="col">
239
+ <div class="sp-wpc-feature">
240
  <h3><span class="dashicons dashicons-yes"></span>Carousel from WooCommerce Product Category</h3>
241
  <p>Using Premium Version of this plugin, you can add WooCommerce product carousel slider in anywhere. This will show product image, product description & read more button.</p>
242
  </div>
243
  </div>
244
+ <div class="col">
245
+ <div class="sp-wpc-feature">
 
246
  <h3><span class="dashicons dashicons-yes"></span>Essential Carousel Settings</h3>
247
  <p>You can set how many posts to scroll at a time in the carousel or show, the transition speed, autoplay, swipe, pause on hover, infinite loop, mouse draggable, and many other settings.</p>
248
  </div>
249
  </div>
250
+ <div class="col">
251
+ <div class="sp-wpc-feature">
252
  <h3><span class="dashicons dashicons-yes"></span>Responsive Mobile Friendly</h3>
253
  <p>WordPress Carousel Pro is 100% responsive and with the premium version of the plugin, you can set the number of post columns to show simultaneously in the carousel according to the specific device resolution.</p>
254
  </div>
255
  </div>
256
+ <div class="col">
257
+ <div class="sp-wpc-feature">
258
  <h3><span class="dashicons dashicons-yes"></span>24/7 Fast & Friendly Support</h3>
259
  <p>A fully dedicated 24/7 Support Forum is ready to help you instantly whenever you face with any issues to configure or use the plugin. They will help you until you become happy.</p>
260
  </div>
261
  </div>
262
+
263
  </div>
264
  </div>
265
 
266
+ <div class="sp-wpc-upgrade-sticky-footer sp-wpc-text-center">
267
+ <p><a href="https://shapedplugin.com/demo/wordpress-carousel-pro/" target="_blank" class="button
268
+ button-primary">Live Demo</a> <a href="https://shapedplugin.com/plugin/wordpress-carousel-pro/" target="_blank" class="button button-primary">Upgrade Now</a></p>
 
 
 
 
 
269
  </div>
270
+
271
  </div>
272
 
273
  <?php