Custom Post Carousels with Owl

Make 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.

1. dd-carousel-before-content
2. dd-carousel-after-content

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.

• dd_carousel_filter_query_args

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

1. dd_carousel_filter_excerpt ($excerpt, $carousel_id)
   • $excerpt : string the excerpt
   • $carousel_id int the post ID of the carousel.
2. 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.
3. dd_carousel_filter_title_heading ($heading)
   • $heading string – use any additional valid HTML tag to wrap the title that isn’t already present.
4. dd_carousel_filter_prev and dd_carousel_filter_next
   • This might be helpful to include a fontawesome or other icon set as the Prev/Next buttons
5. 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 image

Example 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;
}
?>