/*function.php*/
* Slick Slider */
* Slick Slider */
/* CSS
* Enqueue styles
*/
if ( ! function_exists( 'awaiken_load_styles' ) ) {
function awaiken_load_styles() {
wp_enqueue_style( 'slick-css', get_stylesheet_directory_uri() .'/css/slick.css', false, null );
}
}
add_action( 'wp_enqueue_scripts', 'awaiken_load_styles' );
/* JS (function.php) *
* Enqueue script
*/
if ( ! function_exists( 'awaiken_load_scripts' ) ) {
function awaiken_load_scripts() {
wp_enqueue_script( 'slick-js', get_stylesheet_directory_uri() . '/js/slick.min.js', array( 'jquery' ), '', true );
wp_enqueue_script( 'function-js', get_stylesheet_directory_uri() . '/js/function.js', array( 'jquery' ), '', true );
}
}
add_action( 'wp_enqueue_scripts', 'awaiken_load_scripts' ,1000);
--------------------------------------------------------------------
--------------------------------------------------------------------
/* Slick Slider */
/* Parking Tiles Slider ShortCode */
function parking_tiles_slider()
{
ob_start();
?>
<div class="parking-tiles-slider-wrapper">
<div class="parking-tiles-slider slider">
<?php
if( have_rows('parking_tiles_slider_items','option') ):
while( have_rows('parking_tiles_slider_items','option') ) : the_row();
$slider_img = get_sub_field('parking_tiles_item_image','option');
$slider_title = get_sub_field('parking_tiles_item_title','option');
$slider_tiles_size = get_sub_field('parking_tiles_item_size','option');
?>
<div class="slider-item">
<div class="slide-box">
<div class="parking-tiles-slider-image">
<img src="<?php echo $slider_img; ?>" alt="Image" >
</div>
<div class="parking-tiles-slider-content">
<div class="slider-content parking-tiles-item-title">
<h2><?php echo $slider_title; ?></h2>
<h3><?php echo $slider_tiles_size; ?></h3>
</div>
</div>
</div>
</div>
<?php
endwhile;
endif;
?>
</div>
</div>
<?php
return ob_get_clean();
}
add_shortcode( 'parking_tiles_slider' , 'parking_tiles_slider' );
--------------------------------------------------------------------
--------------------------------------------------------------------
/* function.js */
/* Parking Tiles Slider */
$(".parking-tiles-slider").slick({
infinite: true,
dots: false,
arrows: true,
prevArrow:"<button type='button' class='slick-prev pull-left'><i class='fa fa-chevron-left' aria-hidden='true'></i></button>",
nextArrow:"<button type='button' class='slick-next pull-right'><i class='fa fa-chevron-right' aria-hidden='true'></i></button>",
autoplay: true,
autoplaySpeed: 5000,
speed: 1000,
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 1
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 1
}
}
]
});
/* import slick.css */
/* download slick.min.js */
/* Site Namw: Levita */