Easily add post carousels to your website. Works with any custom post type or regular posts. Controls allow for insertion of multiple carousels on a s …
This plugin uses the Owl-Carousel-2 jQuery plugin to create carousels (sliders) from any built in or (public) custom post type in WordPress. You can use this plugin to make:
Easy to use controls allow for customization of each carousel with options to show or hide Titles, Featured Image, Call to Action buttons (links) and more.
This plugin is simple and without on screen nags, promotions or upsells.
Please note. There is not a lot of stylesheet attached to the layout. If you don’t have basic skills, this might not be the plugin for you.
This section describes how to install the plugin and get it working.
owl-carousel-2.php
to the /wp-content/plugins/
directoryCarousels
<?php echo do_shortcode('[dd-owl-carousel id="1" title="Carousel Title"]'); ?>
in your templatesMake sure you insert the shortcode created by the plugin.
Yes, you can use as many as you want. Each one will have it’s own CSS ID so you can target them in your custom CSS files if you need to.
Yes, there are 2 hooks. One is before the carousel contents, and the other is after the contents. There will be more enhancement to this at a later date.
These hooks pass 1 parameter which is $carousel_ID if needed.
Example to add pricing for WooCommerce Carousels – Add to your theme functions.php :
<?php function add_wc_price_to_carousel(){ global $post, $woocommerce; $product = wc_get_product( $post->ID ); if ($product) { echo '<p class="price">$' . $product->get_price() . '</p>' ; echo '<a href="'.get_permalink( $post->ID ).'" class="btn btn-primary ">Shop Now</a>'; } } add_action('dd-carousel-after-content', 'add_wc_price_to_carousel', 10);
Yes, there is currently one filter.
This filter passes 2 variables. $args
the current arguments of the WP_Query and $carousel_id
which is the ID of the carousel you want to filter.
Example to create your own custom Query – Add to your theme functions.php :
<?php add_filter('dd_carousel_filter_query_args', 'filter_carousel', 10, 2); function filter_carousel($args, $carouselID){ if ($carouselID == 9803){ $args = array( 'post_type' => array( 'post' ), 'meta_query' => array( 'relation' => 'AND', array( 'key' => '_chosen_store', 'value' => '1', 'compare' => '>=', 'type' => 'NUMERIC', ), ), ); return $args; } }
There are currently several filters available to you. You can apply these in your theme’s functions.php
dd_carousel_filter_excerpt
($excerpt, $carousel_id) $excerpt
: string the excerpt$carousel_id
int the post ID of the carousel.dd_filter_owl_carousel_script
($owl_script, $carousel_id) $owl_script
string the jQuery function that invokes the Owl Carousel$carousel_id
int the post ID of the carousel.dd_carousel_filter_title_heading
($heading) $heading
string – use any additional valid HTML tag to wrap the title that isn’t already present.dd_carousel_filter_prev
and dd_carousel_filter_next
dd_carousel_filter_caption
($the_caption, $caption) $the_caption
– The HTML wrapper and caption for an image carousel$caption
The wp_get_attachment_caption
caption for the imageExample of script filter:
<?php apply_filters('dd_filter_owl_carousel_script', 'my_filter_owl_carousel_script', 10 , 2); function my_filter_owl_carousel_script($script, $carousel_id){ // Do stuff return $script; } ?>
Various fixes for sanitiziation filters.
Allow SVG in Prev / Next buttons
Security fixes
Add image alt text (if added to image in media library)
Added Lazy Loading as an option to all carousels (enabled by default). It is recommended you review your carousels to ensure settings are as you expect. Combined and minified front end styles.
Fix image issue on Taxonomy Carousel
Add “Media/Image” Carousel with choose media items. Additional filters added for convenience.
Add two additional filters dd_filter_owl_carousel_script
and dd_carousel_filter_excerpt
Fix for CPT adding meta to all posts.
Fix Random
Fix for Elementor
Fix missing param in filter
Fix – Admin enqueue stylesheets only on carousel pages/edit.
Add Parameter to action hooks for carousel ID.
Minor fix on admin switching between Product choices.
Added Taxonomy Carousel and filter for main Query.
Fix issue with multiple WC Categories
Add multi selection for Taxonomy Terms.
Add Placeholder image for no-image
Fix Error with AQ Resize
Add Thumbnail Image Sizes
Allow for empty excerpt under title.
Change admin script to only enqueu on carousel custom post type.
Initial Release