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

Version Description

  • Help page updated.
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.6
Comparing to
See all releases

Code changes from version 1.4.4 to 1.4.6

Files changed (6) hide show
  1. assets/css/admin.css +115 -0
  2. assets/css/style.css +33 -13
  3. assets/js/admin.js +16 -0
  4. inc/scripts.php +17 -0
  5. readme.txt +102 -20
  6. wp-carousel-free.php +200 -154
assets/css/admin.css ADDED
@@ -0,0 +1,115 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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,26 +1,40 @@
1
- div.wordpress-carousel-free-section .single_wcf_item:focus{
 
 
 
 
 
 
 
 
 
2
  outline: none;
3
  }
4
- div.wordpress-carousel-free-section .single_wcf_item{
 
5
  margin: 0 10px;
6
  display: inline-block;
7
  vertical-align: middle;
8
  float: none;
9
  }
10
- div.wordpress-carousel-free-section .single_wcf_item img{
 
11
  margin: 0 auto;
12
  display: block;
13
  }
14
- div.wordpress-carousel-free-section .slick-prev{
 
15
  left: 0;
16
  text-align: left;
17
  }
18
- div.wordpress-carousel-free-section .slick-next{
 
19
  right: 0;
20
  text-align: right;
21
  }
 
22
  div.wordpress-carousel-free-section .slick-prev,
23
- div.wordpress-carousel-free-section .slick-next{
24
  position: absolute;
25
  z-index: 22;
26
  top: 50%;
@@ -37,22 +51,26 @@ div.wordpress-carousel-free-section .slick-next{
37
  cursor: pointer;
38
  opacity: .5;
39
  }
 
40
  div.wordpress-carousel-free-section .slick-prev:hover,
41
- div.wordpress-carousel-free-section .slick-next:hover{
42
- opacity:1;
43
  }
 
44
  /* Dots */
45
- div.wordpress-carousel-free-section ul.slick-dots{
46
  list-style: none;
47
  padding: 0;
48
  margin: 0;
49
  text-align: center;
50
  margin-top: 22px;
51
  }
52
- div.wordpress-carousel-free-section ul.slick-dots li{
 
53
  display: inline;
54
  }
55
- div.wordpress-carousel-free-section ul.slick-dots li button{
 
56
  border: 0 solid;
57
  overflow: hidden;
58
  width: 12px;
@@ -62,9 +80,11 @@ div.wordpress-carousel-free-section ul.slick-dots li button{
62
  background-color: #cccccc;
63
  margin: 3px;
64
  }
65
- div.wordpress-carousel-free-section ul.slick-dots li button:focus{
 
66
  outline: none;
67
  }
68
- div.wordpress-carousel-free-section ul.slick-dots li.slick-active button{
 
69
  background-color: #666;
70
  }
1
+ div.wordpress-carousel-free-section {
2
+ display: none;
3
+ margin-right: -20px;
4
+ }
5
+
6
+ div.wordpress-carousel-free-section.slick-initialized {
7
+ display: block;
8
+ }
9
+
10
+ div.wordpress-carousel-free-section .single_wcf_item:focus {
11
  outline: none;
12
  }
13
+
14
+ div.wordpress-carousel-free-section .single_wcf_item {
15
  margin: 0 10px;
16
  display: inline-block;
17
  vertical-align: middle;
18
  float: none;
19
  }
20
+
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 {
27
  left: 0;
28
  text-align: left;
29
  }
30
+
31
+ div.wordpress-carousel-free-section .slick-next {
32
  right: 0;
33
  text-align: right;
34
  }
35
+
36
  div.wordpress-carousel-free-section .slick-prev,
37
+ div.wordpress-carousel-free-section .slick-next {
38
  position: absolute;
39
  z-index: 22;
40
  top: 50%;
51
  cursor: pointer;
52
  opacity: .5;
53
  }
54
+
55
  div.wordpress-carousel-free-section .slick-prev:hover,
56
+ div.wordpress-carousel-free-section .slick-next:hover {
57
+ opacity: 1;
58
  }
59
+
60
  /* Dots */
61
+ div.wordpress-carousel-free-section ul.slick-dots {
62
  list-style: none;
63
  padding: 0;
64
  margin: 0;
65
  text-align: center;
66
  margin-top: 22px;
67
  }
68
+
69
+ div.wordpress-carousel-free-section ul.slick-dots li {
70
  display: inline;
71
  }
72
+
73
+ div.wordpress-carousel-free-section ul.slick-dots li button {
74
  border: 0 solid;
75
  overflow: hidden;
76
  width: 12px;
80
  background-color: #cccccc;
81
  margin: 3px;
82
  }
83
+
84
+ div.wordpress-carousel-free-section ul.slick-dots li button:focus {
85
  outline: none;
86
  }
87
+
88
+ div.wordpress-carousel-free-section ul.slick-dots li.slick-active button {
89
  background-color: #666;
90
  }
assets/js/admin.js ADDED
@@ -0,0 +1,16 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(function ($) {
2
+
3
+ 'use strict';
4
+
5
+ /* === Pro Features === */
6
+ (function () {
7
+ var container = document.querySelector('.welcome-panel.sp-wpc-pro-features .welcome-panel-column-container');
8
+ var msnry = new Masonry( container, {
9
+ // options
10
+ itemSelector: '.welcome-panel-column',
11
+ horizontalOrder: true
12
+ });
13
+ }());
14
+
15
+
16
+ });
inc/scripts.php CHANGED
@@ -20,6 +20,7 @@ class SP_WCF_Scripts_AND_Style{
20
  $this->version = '20170501';
21
 
22
  add_action( 'wp_enqueue_scripts', array( $this, 'sp_wp_carousel_free_script' ) );
 
23
  }
24
 
25
  /**
@@ -35,6 +36,22 @@ class SP_WCF_Scripts_AND_Style{
35
  wp_enqueue_script( 'slick-main', SP_WP_CAROUSEL_FREE_URL . 'assets/js/slick.min.js', array( 'jquery' ), $this->version, true );
36
  }
37
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
38
 
39
  }
40
  new SP_WCF_Scripts_AND_Style();
20
  $this->version = '20170501';
21
 
22
  add_action( 'wp_enqueue_scripts', array( $this, 'sp_wp_carousel_free_script' ) );
23
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_scripts' ) );
24
  }
25
 
26
  /**
36
  wp_enqueue_script( 'slick-main', SP_WP_CAROUSEL_FREE_URL . 'assets/js/slick.min.js', array( 'jquery' ), $this->version, true );
37
  }
38
 
39
+ /**
40
+ * Admin Scripts
41
+ */
42
+ public function admin_scripts() {
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
50
+ wp_enqueue_script( 'jquery-masonry');
51
+ wp_enqueue_script( 'sp-wp-carousel-admin-js', SP_WP_CAROUSEL_FREE_URL . 'assets/js/admin.js', array( 'jquery' ), $this->version, true );
52
+ }
53
+ }
54
+
55
 
56
  }
57
  new SP_WCF_Scripts_AND_Style();
readme.txt CHANGED
@@ -3,19 +3,20 @@ 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
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
- WordPress Carousel Free is a carousel plugin. By using WordPress gallery shortcode, you can build awesome carousel.
 
11
 
12
 
13
  == Description ==
14
- [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/)
15
 
16
  [youtube https://www.youtube.com/watch?v=hX84VfMKOBA]
17
 
18
- WordPress Carousel Free is a carousel plugin for your WordPress website. You can easily create carousel using your regular media uploader. This plugin has nice combination in WordPress regular gallery.
19
 
20
  Default WordPress gallery shortcode is <code>[gallery ids="39,38,37,36,35,34,31"]</code>. Just add 'wcf' before the gallery text. So, your shortcode will be <code>[wcfgallery ids="39,38,37,36,35,34,31"]</code>. Easy enough!
21
 
@@ -23,23 +24,25 @@ You can add unlimited carousel in page or post or anywhere you want.
23
 
24
  **Plugin Features**:
25
  <ul>
26
- <li>100% Responsive</li>
27
- <li>Lightweight, Easy to install and use</li>
28
- <li>Easy to configure and add to your site</li>
29
- <li>Shortcodes to be used everywhere</li>
30
- <li>Translation Ready</li>
31
- <li>Touch and Swipe enabled</li>
32
- <li>Compatible with any Theme</li>
33
- <li>Developer friendly & easy to customize</li>
34
- <li>Best practices of CSS3 and HTML5</li>
35
- <li>Support all browsers: Firefox, Chrome, IE, Safari, etc</li>
36
- <li>SEO friendly & optimized</li>
37
- <li>Free Basic Support</li>
 
 
38
  </ul>
39
 
40
  == WordPress Carousel PRO ==
41
 
42
- Want more features? This plugin has a <a href="http://shapedplugin.com/plugin/wordpress-carousel-pro/">Premium Version</a> with cool features. Check it out now!
43
 
44
  **Pro Version Features**:
45
  <ul>
@@ -47,6 +50,7 @@ Want more features? This plugin has a <a href="http://shapedplugin.com/plugin/wo
47
  <li>Slide any post type (e.g. post, page, product, portfolio etc.)</li>
48
  <li>Carousel with AutoPlay on/off</li>
49
  <li>Control carousel sliding speed</li>
 
50
  <li>Smooth bullet control system</li>
51
  <li>Bullets with numbers</li>
52
  <li>Show/hide the bullets</li>
@@ -91,7 +95,6 @@ Want more features? This plugin has a <a href="http://shapedplugin.com/plugin/wo
91
  <li>RTL Support</li>
92
  <li>Extensive online docs & Tutorials</li>
93
  <li>24/7 Free & quick support</li>
94
- <li>Lifetime free update</li>
95
  <li>7 Days money back guarantee </li>
96
  <li>And many more options…</li>
97
  </ul>
@@ -103,17 +106,60 @@ The Perfect way to display Carousel of your Logos, Post, Image, Testimonial, Woo
103
 
104
 
105
  <h4>Need More?</h4>
106
- As far as we are concerned, this is the next feature we want to include, if you have any suggestions, please <a href="https://shapedplugin.com/contact-us/">let us know</a>.
 
107
 
108
 
109
 
110
  == Installation ==
111
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
112
  Installing this plugin as regular WordPress plugin.
113
 
114
  After install, you are ready to use carousel in your post, page, widget or anywhere you like. How to create carousel? lets see.
115
 
116
- Now we are going to add a carousel in a regular page. Go to Page > Add New. Click on "Add Media", then you can see media uploader. Now click on "Create gallery, then upload some photos here."
117
 
118
  After adding all necessary information, Click the blue button saying "Create a new gallery". You can re-organize carousel items here. Ignore the gallery settings, just click the blue button saying "Create Gallery"
119
 
@@ -134,6 +180,35 @@ nav => true / false. default: true
134
  auto_play => true / false. default: true
135
  `
136
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
137
 
138
  == Screenshots ==
139
 
@@ -141,8 +216,15 @@ auto_play => true / false. default: true
141
  2. Carousel Demo.
142
  3. Premium Version Demo.
143
 
 
144
  == Changelog ==
145
 
 
 
 
 
 
 
146
  = 1.4.4 =
147
  * Multiple carousel on same page issue fixed
148
 
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
  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
 
21
  Default WordPress gallery shortcode is <code>[gallery ids="39,38,37,36,35,34,31"]</code>. Just add 'wcf' before the gallery text. So, your shortcode will be <code>[wcfgallery ids="39,38,37,36,35,34,31"]</code>. Easy enough!
22
 
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>
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>
95
  <li>RTL Support</li>
96
  <li>Extensive online docs & Tutorials</li>
97
  <li>24/7 Free & quick support</li>
 
98
  <li>7 Days money back guarantee </li>
99
  <li>And many more options…</li>
100
  </ul>
106
 
107
 
108
  <h4>Need More?</h4>
109
+ As far as we are concerned, this is the next feature we want to include, if you have any suggestions, please [__let us
110
+ know__](https://shapedplugin.com/contact-us/).
111
 
112
 
113
 
114
  == Installation ==
115
 
116
+ = MINIMUM REQUIREMENTS =
117
+
118
+ * PHP 5.6 or later
119
+ * MySQL 5.6 or later
120
+ * WordPress 4.3 or later
121
+
122
+ **This section describes how to install the plugin and get it working**
123
+
124
+ = AUTOMATIC INSTALLATION (EASIEST WAY) =
125
+
126
+ To do an automatic install of WordPress Carousel, log in to your WordPress dashboard, navigate to the Plugins menu and
127
+ click Add New.
128
+ In the search field type "WordPress Carousel". Once you have found it you can install it by simply
129
+ clicking "Install Now" and then "Activate".
130
+
131
+ = MANUAL INSTALLATION =
132
+
133
+ **Uploading in WordPress Dashboard**
134
+
135
+ * Download wp-carousel-free.zip
136
+ * Navigate to the ‘Add New’ in the plugins dashboard
137
+ * Navigate to the ‘Upload’ area
138
+ * Select wp-carousel-free.zip from your computer
139
+ * Click ‘Install Now’
140
+ * Activate the plugin in the Plugin dashboard
141
+
142
+ **Using FTP**
143
+
144
+ * Download wp-carousel-free.zip
145
+ * Extract the wp-carousel-free directory to your computer
146
+ * Upload the wp-carousel-free directory to the /wp-content/plugins/ directory
147
+ * Activate the plugin in the Plugin dashboard
148
+
149
+ The WordPress codex contains <a href="https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation">instructions</a> on how to install a WordPress plugin.
150
+
151
+
152
+ == Frequently Asked Questions ==
153
+
154
+ = Who should use WordPress Carousel? =
155
+ WordPress Carousel is perfect for photographers, designers, bloggers, different organizations, and small to large businesses. Basically if you want to create a beautiful carousel, then you need to use WordPress Carousel.
156
+
157
+ = How can I create WordPress Carousel? =
158
  Installing this plugin as regular WordPress plugin.
159
 
160
  After install, you are ready to use carousel in your post, page, widget or anywhere you like. How to create carousel? lets see.
161
 
162
+ Now we are going to add a carousel in a regular page. Go to Page > Add New. Click on "Add Media", then you can see media uploader. Now click on "Create gallery, then upload some photos here."
163
 
164
  After adding all necessary information, Click the blue button saying "Create a new gallery". You can re-organize carousel items here. Ignore the gallery settings, just click the blue button saying "Create Gallery"
165
 
180
  auto_play => true / false. default: true
181
  `
182
 
183
+ = Is WordPress Carousel responsive? =
184
+ Yes, the WordPress Carousel is 100% responsive & columns structured. You can control to show a number of post columns on different devices.
185
+
186
+ = Should I purchase the Pro version? =
187
+ WordPress Carousel Pro includes tons of amazing and useful features. If you’re interested to get the WordPress Carousel Pro, Please go to [__Upgrade to Pro!__](http://shapedplugin.com/plugin/wordpress-carousel-pro/) Page and browse [__Live Demo__](http://shapedplugin.com/demo/wordpress-carousel-pro/).
188
+
189
+ = Is the WordPress Carousel compatible with my theme? =
190
+ WordPress Carousel works nicely with any theme if themes are developed according to WordPress standard.
191
+
192
+ = How can I get support if the plugin is not working? =
193
+ If you face any problem with our plugin or something is not working as it should, first follow the preliminary steps:
194
+ Test the plugin with a WordPress default theme, to be sure that the error is not caused by the theme you are currently using.
195
+
196
+ Deactivate all plugins you are using and check if the problem is still occurring.
197
+ Ensure that your plugin version and your theme version are updated and the problem you are experiencing has not already been solved in a later plugin update.
198
+
199
+ If none of the previously listed actions help you solve the problem, then, submit a ticket in the forum and describe your problem accurately, specify WordPress and Plugin versions you are using and any other information that might help us solve your problem as quickly as possible.
200
+
201
+ PRO version users [__Support Forum__](https://shapedplugin.com/support/) and Free or Lite Version [__Support Forum__](https://wordpress.org/support/plugin/wp-carousel-free).
202
+
203
+ = Where can I report bugs? =
204
+ Bugs can be reported in our [__Support Forum__](https://wordpress.org/support/plugin/wp-carousel-free).
205
+
206
+ = Do you want to encourage for future improvement? =
207
+ If you like this plugin, please give us [__5 stars__](https://wordpress.org/support/plugin/wp-carousel-free/reviews/?filter=5#new-post) to encourage for future improvement
208
+
209
+ Thanks!
210
+
211
+
212
 
213
  == Screenshots ==
214
 
216
  2. Carousel Demo.
217
  3. Premium Version Demo.
218
 
219
+
220
  == Changelog ==
221
 
222
+ = 1.4.6 =
223
+ * Help page updated.
224
+
225
+ = 1.4.5 =
226
+ * Loading broken issue fixed.
227
+
228
  = 1.4.4 =
229
  * Multiple carousel on same page issue fixed
230
 
wp-carousel-free.php CHANGED
@@ -2,10 +2,10 @@
2
  /*
3
  Plugin Name: WordPress Carousel
4
  Plugin URI: https://shapedplugin.com/plugin/wordpress-carousel-pro
5
- Description: This plugin will enable carousel features in your WordPress site.
6
  Author: ShapedPlugin
7
- Author URI: http://shapedplugin.com
8
- Version: 1.4.4
9
  */
10
 
11
 
@@ -39,189 +39,235 @@ add_action( 'activated_plugin', 'sp_wp_carousel_free_active_redirect' );
39
 
40
 
41
  function add_wcffree_options_framwrork() {
42
- add_options_page( 'WP Carousel Free Help', 'WPC Pro info', 'manage_options', 'wcf-settings', 'wcf_options_framwrork' );
43
  }
44
  add_action( 'admin_menu', 'add_wcffree_options_framwrork' );
45
 
46
- // Default options values
47
- $wcf_options = array(
48
- 'cursor_color' => '#666',
49
- 'cursor_width' => '10px',
50
- 'border_radius' => '0px',
51
- 'cursor_border' => '0px solid #000',
52
- 'scroll_speed' => '60',
53
- 'auto_hide_mode' => 'true'
54
- );
55
-
56
  if ( is_admin() ) : // Load only if we are viewing an admin page
57
 
58
- function wcf_register_settings() {
59
- // Register settings and call sanitation functions
60
- register_setting( 'wcf_p_options', 'wcf_options', 'wcf_validate_options' );
61
- }
62
- add_action( 'admin_init', 'wcf_register_settings' );
63
 
 
 
 
 
64
 
65
- // Store layouts views in array
66
- $auto_hide_mode = array(
67
- 'auto_hide_yes' => array(
68
- 'value' => 'true',
69
- 'label' => 'Activate auto hide'
70
- ),
71
- 'auto_hide_no' => array(
72
- 'value' => 'false',
73
- 'label' => 'Deactivate auto hide'
74
- ),
75
- );
76
 
 
 
 
77
 
78
- // Function to generate options page
79
- function wcf_options_framwrork() {
80
- global $wcf_options, $auto_hide_mode;
81
-
82
- if ( ! isset( $_REQUEST['updated'] ) ) {
83
- $_REQUEST['updated'] = false;
84
- } // This checks whether the form has just been submitted. ?>
85
-
86
-
87
- <div class="wrap">
88
- <style type="text/css">
89
- .welcome-panel-column p {
90
- padding-right: 20px
91
- }
92
-
93
- .installing_message h2 {
94
- background: none repeat scroll 0 0 green;
95
- color: #fff;
96
- line-height: 30px;
97
- padding: 20px;
98
- text-align: center;
99
- }
100
-
101
- .wcp-purchase-btn-area {
102
- clear: both;
103
- text-align: center;
104
- padding-top: 60px;
105
- padding-bottom: 30px;
106
- }
107
-
108
- .welcome-panel-column img {
109
- width: 90%;
110
- }
111
- </style>
112
- <div class="installing_message">
113
- <h2>Thank you for installing WordPress Carousel Free</h2>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
114
  </div>
115
 
 
 
116
 
117
- <div class="welcome-panel" id="welcome-panel">
118
 
119
- <div class="welcome-panel-content">
120
- <h2>Want some cool features of this plugin?</h2>
121
- <p class="about-description">We've added 100+ extra features in our premium version of this plugin.
122
- Let see some amazing features.</p>
123
- <br>
124
- <div class="welcome-panel-column-container">
125
- <div class="welcome-panel-column">
126
- <h3>Link to carousel items</h3>
127
- <p>You can link to each carousel item easily. You can add link to each carousel in media
128
- manager. Just add your link there, your carousel items will lined to that URL.</p>
129
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
130
 
131
- <div class="welcome-panel-column">
132
- <h3>Items customization</h3>
133
- <p>You can customize how many carousel item will show in your carousel. You just have to add
134
- an attribute in carousel shortcode wherever you want.</p>
135
- </div>
136
 
137
- <div class="welcome-panel-column welcome-panel-last">
138
- <h3>One page Carousel Slider</h3>
139
- <p>You are able to build one item carousel slider. Its like image slider. You can add slider
140
- title & description too. You can change slider colors with your dream color!</p>
 
 
 
 
141
  </div>
142
  </div>
143
-
144
-
145
- <div class="welcome-panel-column-container">
146
-
147
- <div class="welcome-panel-column">
148
- <h3>Slider with Different Effects</h3>
149
- <p>Different types of slider effect can make your slider unique & stunning to look. You are
150
- able to set your desired effect easily using attribute in shortcodes.</p>
151
  </div>
152
-
153
- <div class="welcome-panel-column">
154
- <h3>Unlimited Colors</h3>
155
- <p>Premium version of this plugin supports unlimited colors! You can add any color that
156
- match your current theme. You can use color name or color HEX code.</p>
157
  </div>
158
-
159
- <div class="welcome-panel-column welcome-panel-last">
160
- <h3>Post Carousel Slider with Excerpt</h3>
161
- <p>You can create post excerpt carousel slider as well. This will show featured image, some
162
- amount of post content & a readmore button. This is cool for large type of post! </p>
163
  </div>
164
-
165
  </div>
166
-
167
- <div class="welcome-panel-column-container">
168
-
169
- <div class="welcome-panel-column">
170
- <h3>Post slider without Readmore</h3>
171
- <p>You can also create post carousel slider without readmore as well. This will show
172
- featured image, text of your post without a readmore button. This is cool for small
173
- post!</p>
174
  </div>
175
-
176
- <div class="welcome-panel-column">
177
- <h3>Custom Post Excerpt Slider</h3>
178
- <p>You can build excerpt slider form different page or custom post too. Just you have to
179
- define post type in carousel shortcode. Its super easy to use!</p>
180
  </div>
181
-
182
- <div class="welcome-panel-column welcome-panel-last">
183
- <h3>Testimonial Slider with different Styles</h3>
184
- <p>There are many styles of clients testimonials. You can show your client's testimonials in
185
- your site as well. Hence you need define attribute in carousel shortcode.</p>
 
186
  </div>
187
-
188
  </div>
189
-
190
- <div class="welcome-panel-column-container">
191
-
192
- <div class="welcome-panel-column">
193
- <h3>Carousel from WooCommerce Product</h3>
194
- <p>Using this premium version plugin, you can add woocommerce product slider too. This will
195
- show product image, product description & read more button.</p>
196
  </div>
197
-
198
- <div class="welcome-panel-column">
199
- <h3>Carousel from WooCommerce Product Category</h3>
200
- <p>This is a fantastic features for premium version, you can show woocommerce product slider
201
- from category with product image, t description & read more button.</p>
202
  </div>
203
-
204
- <div class="welcome-panel-column welcome-panel-last">
205
- <h3>Carousel with Lightbox</h3>
206
- <p>We've added lightbox features in premium version of this plugin. You only have to turn on
207
- lightbox via shortcode. Its fully responsive and super easy to use!</p>
208
  </div>
209
-
210
  </div>
211
- <br/><br/><br>
212
-
213
- <div class="wcp-purchase-btn-area">
214
- <h3>Cool! you are ready to enable those features in only $29. </h3>
215
- <p class="about-description">Watch demo before purchase. I know you must like the demos. Thanks
216
- for reading features. Good luck with creating carousels in your WordPress site.</p>
217
-
218
- <a href="https://shapedplugin.com/plugin/wordpress-carousel-pro" class="button button-primary
219
- button-hero">Buy Premium Version Now. Only $29</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
220
  </div>
221
 
222
- <br/><br/>
223
  </div>
224
  </div>
 
 
 
 
 
 
225
  </div>
226
 
227
  <?php
@@ -241,7 +287,7 @@ function sp_wp_carousel_free_plugin_redirect() {
241
  if ( get_option( 'sp_wp_carousel_free_do_activation_redirect', false ) ) {
242
  delete_option( 'sp_wp_carousel_free_do_activation_redirect' );
243
  if ( ! isset( $_GET['activate-multi'] ) ) {
244
- wp_redirect( "options-general.php?page=wcf-settings" );
245
  }
246
  }
247
  }
2
  /*
3
  Plugin Name: WordPress Carousel
4
  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.6
9
  */
10
 
11
 
39
 
40
 
41
  function add_wcffree_options_framwrork() {
42
+ add_options_page( 'About WordPress Carousel', 'About WP Carousel', 'manage_options', 'about-wp-carousel', 'about_wp_carousel_content' );
43
  }
44
  add_action( 'admin_menu', 'add_wcffree_options_framwrork' );
45
 
 
 
 
 
 
 
 
 
 
 
46
  if ( is_admin() ) : // Load only if we are viewing an admin page
47
 
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/hX84VfMKOBA" 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
287
  if ( get_option( 'sp_wp_carousel_free_do_activation_redirect', false ) ) {
288
  delete_option( 'sp_wp_carousel_free_do_activation_redirect' );
289
  if ( ! isset( $_GET['activate-multi'] ) ) {
290
+ wp_redirect( "options-general.php?page=about-wp-carousel" );
291
  }
292
  }
293
  }