Your IP : 216.73.216.171
<?php
/**
* @class PPImageCarouselModule
*/
class PPImageCarouselModule extends FLBuilderModule {
/**
* @method __construct
*/
public function __construct() {
parent::__construct(array(
'name' => __( 'Image Carousel', 'bb-powerpack' ),
'description' => __( 'A module for image carousel.', 'bb-powerpack' ),
'group' => pp_get_modules_group(),
'category' => pp_get_modules_cat( 'media' ),
'dir' => BB_POWERPACK_DIR . 'modules/pp-image-carousel/',
'url' => BB_POWERPACK_URL . 'modules/pp-image-carousel/',
'editor_export' => true, // Defaults to true and can be omitted.
'enabled' => true, // Defaults to true and can be omitted.
'partial_refresh' => true,
));
}
public function enqueue_scripts() {
if ( FLBuilderModel::is_builder_active() || ( isset( $this->settings ) && isset( $this->settings->click_action ) && 'lightbox' === $this->settings->click_action ) ) {
$this->add_js( 'jquery-magnificpopup' );
$this->add_css( 'jquery-magnificpopup' );
}
$this->add_css( 'jquery-swiper' );
$this->add_js( 'jquery-swiper' );
}
public function enqueue_icon_styles() {
$enqueue = false;
$settings = $this->settings;
if ( isset( $settings->overlay ) && 'icon' === $settings->overlay && ! empty( $settings->overlay_icon ) ) {
$enqueue = true;
}
if ( $enqueue && is_callable( parent::class . '::enqueue_icon_styles' ) ) {
parent::enqueue_icon_styles();
}
}
public function filter_settings( $settings, $helper ) {
// Handle old image border and radius fields.
$settings = PP_Module_Fields::handle_border_field( $settings, array(
'image_border' => array(
'type' => 'style',
),
'image_border_width' => array(
'type' => 'width',
),
'image_border_color' => array(
'type' => 'color',
),
'image_border_radius' => array(
'type' => 'radius',
),
), 'image_border_group' );
// Handle old arrow border and radius fields.
$settings = PP_Module_Fields::handle_border_field( $settings, array(
'arrow_border_style' => array(
'type' => 'style',
),
'arrow_border_width' => array(
'type' => 'width',
),
'arrow_border_color' => array(
'type' => 'color',
),
'arrow_border_radius' => array(
'type' => 'radius',
),
), 'arrow_border' );
// Handle caption's old typography fields.
$settings = PP_Module_Fields::handle_typography_field( $settings, array(
'caption_font' => array(
'type' => 'font',
),
'caption_custom_font_size' => array(
'type' => 'font_size',
'condition' => ( isset( $settings->caption_font_size_toggle ) && 'custom' == $settings->caption_font_size_toggle ),
),
), 'caption_typography' );
return $settings;
}
/**
* @method update
* @param $settings {object}
*/
public function update( $settings ) {
// Cache the photo data if using the WordPress media library.
$settings->image_data = $this->get_wordpress_photos();
return $settings;
}
/**
* @method get_photos
*/
public function get_photos() {
$default_order = $this->get_wordpress_photos();
if ( empty( $default_order ) ) {
return array();
}
$photos_id = array();
// WordPress
if ( $this->settings->image_order == 'random' && is_array( $default_order ) ) {
$keys = array_keys( $default_order );
shuffle( $keys );
foreach ( $keys as $key ) {
$photos_id[ $key ] = $default_order[ $key ];
}
} else {
$photos_id = $default_order;
}
return $photos_id;
}
/**
* @method get_wordpress_photos
*/
public function get_wordpress_photos() {
$photos = array();
$ids = $this->settings->carousel_photos;
$medium_w = get_option( 'medium_size_w' );
$large_w = get_option( 'large_size_w' );
$thumb_size = isset( $this->settings->thumb_size ) ? $this->settings->thumb_size : 'thumbnail';
/* Template Cache */
$image_from_template = false;
$image_attachment_data = array();
if ( empty( $this->settings->carousel_photos ) ) {
return $photos;
}
/* Check if all photos are available on host */
foreach ( $ids as $id ) {
$image_attachment_data[ $id ] = pp_get_attachment_data( $id );
if ( ! $image_attachment_data[ $id ] ) {
$image_from_template = true;
}
}
foreach ( $ids as $id ) {
$photo = $image_attachment_data[ $id ];
// Use the cache if we didn't get a photo from the id.
if ( ! $photo && $image_from_template ) {
if ( ! isset( $this->settings->image_data ) ) {
continue;
} elseif ( is_array( $this->settings->image_data ) ) {
$photos[ $id ] = $this->settings->image_data[ $id ];
} elseif ( is_object( $this->settings->image_data ) ) {
$photos[ $id ] = $this->settings->image_data->{$id};
} else {
continue;
}
}
// Only use photos who have the sizes object.
if ( isset( $photo->sizes ) ) {
$data = new stdClass();
// Photo data object
$data->id = $id;
$data->alt = $photo->alt;
$data->caption = $photo->caption;
$data->description = $photo->description;
$data->title = $photo->title;
$data->sizes = array();
$image_size = $this->settings->image_size;
// Grid photo src
if ( $image_size == 'thumbnail' && isset( $photo->sizes->thumbnail ) ) {
$data->src = $photo->sizes->thumbnail->url;
$data->sizes['height'] = $photo->sizes->thumbnail->height;
$data->sizes['width'] = $photo->sizes->thumbnail->width;
} elseif ( $image_size == 'medium' && isset( $photo->sizes->medium ) ) {
$data->src = $photo->sizes->medium->url;
$data->sizes['height'] = $photo->sizes->medium->height;
$data->sizes['width'] = $photo->sizes->medium->width;
} elseif ( isset( $photo->sizes->{$image_size} ) ) {
$data->src = $photo->sizes->{$image_size}->url;
$data->sizes['height'] = $photo->sizes->{$image_size}->height;
$data->sizes['width'] = $photo->sizes->{$image_size}->width;
} else {
$data->src = $photo->sizes->full->url;
$data->sizes['height'] = $photo->sizes->full->height;
$data->sizes['width'] = $photo->sizes->full->width;
}
// Photo Link
if ( isset( $photo->sizes->large ) ) {
$data->link = $photo->sizes->large->url;
} else {
$data->link = $photo->sizes->full->url;
}
if ( isset( $this->settings->lightbox_image_size ) ) {
$lightbox_img_size = $this->settings->lightbox_image_size;
if ( isset( $photo->sizes->{$lightbox_img_size} ) ) {
$data->link = $photo->sizes->{$lightbox_img_size}->url;
} else {
$data->link = $photo->sizes->full->url;
}
}
// Set thumbnail link
if ( isset( $photo->sizes->{$thumb_size} ) ) {
$data->thumb_link = $photo->sizes->{$thumb_size}->url;
} else {
$data->thumb_link = $photo->sizes->full->url;
}
/* Add Custom field attachment data to object */
$cta_link = get_post_meta( $id, 'gallery_external_link', true );
if ( ! empty( $cta_link ) && $this->settings->click_action == 'custom-link' ) {
$data->cta_link = $cta_link;
}
// srcset.
$data->srcset = wp_get_attachment_image_srcset( $id, $image_size );
$photos[ $id ] = $data;
}// End if().
}// End foreach().
return apply_filters( 'pp_image_carousel_data', $photos, $this->settings );
}
}
/**
* Register the module and its form settings.
*/
BB_PowerPack::register_module('PPImageCarouselModule', array(
'general' => array( // Tab
'title' => __( 'General', 'bb-powerpack' ), // Tab title
'sections' => array( // Tab Sections
'general' => array( // Section
'title' => '', // Section Title
'fields' => array( // Section Fields
'carousel_photos' => array(
'type' => 'multiple-photos',
'label' => __( 'Photos', 'bb-powerpack' ),
'connections' => array( 'multiple-photos' ),
),
'carousel_type' => array(
'type' => 'select',
'label' => __( 'Type', 'bb-powerpack' ),
'default' => 'carousel',
'options' => array(
'carousel' => __( 'Carousel', 'bb-powerpack' ),
'slideshow' => __( 'Slideshow', 'bb-powerpack' ),
'coverflow' => __( 'Coverflow', 'bb-powerpack' ),
),
'toggle' => array(
'carousel' => array(
'fields' => array( 'pagination_type' ),
),
'slideshow' => array(
'sections' => array( 'thumbnails_columns' ),
),
'coverflow' => array(
'fields' => array( 'pagination_type' ),
),
),
),
'effect' => array(
'type' => 'select',
'label' => __( 'Effect', 'bb-powerpack' ),
'default' => 'slide',
'options' => array(
'slide' => __( 'Slide', 'bb-powerpack' ),
'fade' => __( 'Fade', 'bb-powerpack' ),
'cube' => __( 'Cube', 'bb-powerpack' ),
),
),
'columns' => array(
'type' => 'unit',
'label' => __( 'Slides Per View', 'bb-powerpack' ),
'default' => 3,
'slide' => true,
'responsive' => true,
),
'slides_to_scroll' => array(
'type' => 'unit',
'label' => __( 'Slides to Scroll', 'bb-powerpack' ),
'default' => 1,
'slide' => true,
'responsive' => true,
'help' => __( 'Set numbers of slides to move at a time.', 'bb-powerpack' ),
),
'spacing' => array(
'type' => 'unit',
'label' => __( 'Spacing', 'bb-powerpack' ),
'default' => 20,
'units' => array( 'px' ),
'slide' => true,
'responsive' => true,
),
'carousel_height' => array(
'type' => 'unit',
'label' => __( 'Height', 'bb-powerpack' ),
'units' => array( 'px' ),
'slide' => true,
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel.pp-image-carousel-slideshow, .pp-image-carousel',
'property' => 'height',
'unit' => 'px',
),
),
),
),
'overlay_settings' => array(
'title' => __( 'Overlay', 'bb-powerpack' ),
'collapsed' => true,
'fields' => array(
'overlay' => array(
'type' => 'pp-switch',
'label' => __( 'Overlay', 'bb-powerpack' ),
'default' => 'none',
'options' => array(
'none' => __( 'None', 'bb-powerpack' ),
'text' => __( 'Caption', 'bb-powerpack' ),
'icon' => __( 'Icon', 'bb-powerpack' ),
),
'toggle' => array(
'text' => array(
'tabs' => array( 'typography' ),
'sections' => array( 'overlay_style' ),
'fields' => array( 'overlay_effects', 'overlay_animation_speed' ),
),
'icon' => array(
'sections' => array( 'overlay_style', 'icon_style' ),
'fields' => array( 'overlay_effects', 'overlay_animation_speed', 'overlay_icon' ),
),
),
'preview' => 'none',
),
'overlay_icon' => array(
'type' => 'icon',
'label' => __( 'Icon', 'bb-powerpack' ),
'preview' => 'none',
'show_remove' => true,
),
'overlay_effects' => array(
'type' => 'select',
'label' => __( 'Effect', 'bb-powerpack' ),
'default' => 'fade',
'options' => array(
'fade' => __( 'Fade', 'bb-powerpack' ),
'from-left' => __( 'Overlay From Left', 'bb-powerpack' ),
'from-right' => __( 'Overlay From Right', 'bb-powerpack' ),
'from-top' => __( 'Overlay From Top', 'bb-powerpack' ),
'from-bottom' => __( 'Overlay From Bottom', 'bb-powerpack' ),
'framed' => __( 'Framed', 'bb-powerpack' ),
'zoom-in' => __( 'Zoom In', 'bb-powerpack' ),
),
'toggle' => array(
'framed' => array(
'fields' => array( 'overlay_border_width', 'overlay_border_color', 'overlay_spacing' ),
),
),
'preview' => 'none',
),
'overlay_animation_speed' => array(
'type' => 'text',
'label' => __( 'Animation Speed', 'bb-powerpack' ),
'description' => __( 'ms', 'bb-powerpack' ),
'default' => 300,
'size' => 5,
),
),
),
'thumbnails_columns' => array(
'title' => __( 'Thumbnails', 'bb-powerpack' ),
'collapsed' => true,
'fields' => array(
'thumb_columns' => array(
'type' => 'unit',
'label' => __( 'Slides Per View', 'bb-powerpack' ),
'default' => 5,
'slide' => true,
'responsive' => true,
),
'thumb_ratio' => array(
'type' => 'select',
'label' => __( 'Ratio', 'bb-powerpack' ),
'default' => '43',
'options' => array(
'11' => __( '1:1', 'bb-powerpack' ),
'43' => __( '4:3', 'bb-powerpack' ),
'169' => __( '16:9', 'bb-powerpack' ),
'219' => __( '21:9', 'bb-powerpack' ),
),
),
'thumb_size' => array(
'type' => 'select',
'label' => __( 'Size / Quality', 'bb-powerpack' ),
'default' => 'thumbnail',
'options' => array(
'thumbnail' => __( 'Small', 'bb-powerpack' ),
'medium' => __( 'Medium', 'bb-powerpack' ),
'large' => __( 'Large', 'bb-powerpack' ),
),
),
'thumb_position' => array(
'type' => 'select',
'label' => __( 'Position', 'bb-powerpack' ),
'default' => 'below',
'options' => array(
'above' => __( 'Above', 'bb-powerpack' ),
'below' => __( 'Below', 'bb-powerpack' ),
),
),
),
),
),
),
'carousel_settings' => array(
'title' => __( 'Settings', 'bb-powerpack' ),
'sections' => array(
'general' => array(
'title' => '',
'fields' => array(
'sr_text' => array(
'type' => 'text',
'label' => __( 'Screen Reader Text', 'bb-powerpack' ),
),
'image_size' => array(
'type' => 'photo-sizes',
'label' => __( 'Image Size', 'bb-powerpack' ),
'default' => 'medium',
),
'use_image_as' => array(
'type' => 'select',
'label' => __( 'Use Image as', 'bb-powerpack' ),
'default' => 'background',
'options' => array(
'background' => __( 'Background Image', 'bb-powerpack' ),
'img' => __( 'Image tag', 'bb-powerpack' ),
),
'toggle' => array(
'background' => array(
'fields' => array( 'image_fit' ),
),
),
),
'image_fit' => array(
'type' => 'select',
'label' => __( 'Image Fit', 'bb-powerpack' ),
'default' => 'auto',
'options' => array(
'cover' => __( 'Cover', 'bb-powerpack' ),
'contain' => __( 'Contain', 'bb-powerpack' ),
'auto' => __( 'Auto', 'bb-powerpack' ),
),
),
'image_order' => array(
'type' => 'select',
'label' => __( 'Display Order', 'bb-powerpack' ),
'default' => 'normal',
'options' => array(
'normal' => __( 'Normal', 'bb-powerpack' ),
'random' => __( 'Random', 'bb-powerpack' ),
),
),
'click_action' => array(
'type' => 'select',
'label' => __( 'Click Action', 'bb-powerpack' ),
'default' => 'none',
'options' => array(
'none' => __( 'None', 'bb-powerpack' ),
'lightbox' => __( 'Lightbox', 'bb-powerpack' ),
'custom-link' => __( 'Custom Link', 'bb-powerpack' ),
),
'preview' => array(
'type' => 'none',
),
'toggle' => array(
'custom-link' => array(
'fields' => array( 'custom_link_target' ),
),
'lightbox' => array(
'fields' => array( 'lightbox_image_size', 'lightbox_caption' ),
),
),
'help' => __( 'Custom Link: You can set link to images directly in media modal where you upload them.', 'bb-powerpack' ),
),
'lightbox_image_size' => array(
'type' => 'photo-sizes',
'label' => __( 'Lightbox Image Size', 'bb-powerpack' ),
'default' => 'large',
),
'lightbox_caption' => array(
'type' => 'pp-switch',
'label' => __( 'Show Caption in Lightbox', 'bb-powerpack' ),
'default' => 'yes',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
),
'custom_link_target' => array(
'type' => 'select',
'label' => __( 'Link Target', 'bb-powerpack' ),
'default' => '_self',
'options' => array(
'_self' => __( 'Same Window', 'bb-powerpack' ),
'_blank' => __( 'New Window', 'bb-powerpack' ),
),
'preview' => array(
'type' => 'none',
),
),
),
),
'slide_settings' => array(
'title' => __( 'Slide Settings', 'bb-powerpack' ),
'collapsed' => true,
'fields' => array(
'transition_speed' => array(
'type' => 'text',
'label' => __( 'Transition Speed', 'bb-powerpack' ),
'default' => '1000',
'size' => '5',
'description' => _x( 'ms', 'Value unit for form field of time in mili seconds. Such as: "500 ms"', 'bb-powerpack' ),
'preview' => array(
'type' => 'none',
),
),
'autoplay' => array(
'type' => 'pp-switch',
'label' => __( 'Auto Play', 'bb-powerpack' ),
'default' => 'yes',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'yes' => array(
'fields' => array( 'autoplay_speed' ),
),
),
'preview' => array(
'type' => 'none',
),
),
'autoplay_speed' => array(
'type' => 'text',
'label' => __( 'Auto Play Speed', 'bb-powerpack' ),
'default' => '5000',
'size' => '5',
'description' => _x( 'ms', 'Value unit for form field of time in mili seconds. Such as: "500 ms"', 'bb-powerpack' ),
'preview' => array(
'type' => 'none',
),
),
'pause_on_interaction' => array(
'type' => 'pp-switch',
'label' => __( 'Disable on Interaction', 'bb-powerpack' ),
'help' => __( 'Enabling this option will disable the slider autoplay when a user manually swipe the slider.', 'bb-powerpack' ),
'default' => 'yes',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
'preview' => array(
'type' => 'none',
),
),
'loop' => array(
'type' => 'pp-switch',
'label' => __( 'Loop', 'bb-powerpack' ),
'default' => 'yes',
'toggle' => array(
'yes' => array(
'fields' => array( 'stop_last_slide' ),
),
),
'preview' => array(
'type' => 'none',
),
),
'stop_last_slide' => array(
'type' => 'pp-switch',
'label' => __( 'Stop On Last Slide', 'bb-powerpack' ),
'default' => 'no',
'preview' => array(
'type' => 'none',
),
),
'lazy_load' => array(
'type' => 'pp-switch',
'label' => __( 'Lazy Load', 'bb-powerpack' ),
'default' => 'no',
'preview' => array(
'type' => 'none',
),
),
),
),
'navigation' => array( // Section
'title' => __( 'Navigation', 'bb-powerpack' ), // Section Title
'collapsed' => true,
'fields' => array( // Section Fields
'slider_navigation' => array(
'type' => 'pp-switch',
'label' => __( 'Show Navigation Arrows?', 'bb-powerpack' ),
'default' => 'no',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'yes' => array(
'sections' => array( 'arrow_style' ),
'fields' => array( 'prev_nav_sr_text', 'next_nav_sr_text' ),
),
),
),
'prev_nav_sr_text' => array(
'type' => 'text',
'label' => __( 'Screen Reader Text - Previous', 'bb-powerpack' ),
'default' => __( 'Previous slide', 'bb-powerpack' ),
'connections' => array( 'string' ),
'preview' => array(
'type' => 'none',
),
),
'next_nav_sr_text' => array(
'type' => 'text',
'label' => __( 'Screen Reader Text - Next', 'bb-powerpack' ),
'default' => __( 'Next slide', 'bb-powerpack' ),
'connections' => array( 'string' ),
'preview' => array(
'type' => 'none',
),
),
'pagination_type' => array(
'type' => 'pp-switch',
'label' => __( 'Pagination Type', 'bb-powerpack' ),
'default' => 'bullets',
'options' => array(
'none' => __( 'None', 'bb-powerpack' ),
'bullets' => __( 'Dots', 'bb-powerpack' ),
'fraction' => __( 'Fraction', 'bb-powerpack' ),
'progress' => __( 'Progress', 'bb-powerpack' ),
),
'toggle' => array(
'bullets' => array(
'sections' => array( 'pagination_style' ),
'fields' => array( 'bullets_width', 'bullets_border_radius', 'bullets_spacing_h', 'bullets_spacing_v' ),
),
'fraction' => array(
'sections' => array( 'pagination_style' ),
),
'progress' => array(
'sections' => array( 'pagination_style' ),
),
),
),
),
),
),
),
'style' => array(
'title' => __( 'Style', 'bb-powerpack' ),
'sections' => array(
'general_style' => array(
'title' => __( 'Image', 'bb-powerpack' ),
'fields' => array(
'image_border_group' => array(
'type' => 'border',
'label' => __( 'Border', 'bb-powerpack' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel-item',
'property' => 'border',
),
),
'image_padding' => array(
'type' => 'unit',
'label' => __( 'Padding', 'bb-powerpack' ),
'units' => array( 'px' ),
'slider' => true,
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel-item',
'property' => 'padding',
'unit' => 'px',
),
),
),
),
'overlay_style' => array(
'title' => __( 'Overlay', 'bb-powerpack' ),
'collapsed' => true,
'fields' => array(
'overlay_type' => array(
'type' => 'pp-switch',
'label' => __( 'Type', 'bb-powerpack' ),
'default' => 'solid',
'options' => array(
'solid' => __( 'Solid', 'bb-powerpack' ),
'gradient' => __( 'Gradient', 'bb-powerpack' ),
),
'toggle' => array(
'solid' => array(
'fields' => array( 'overlay_color' ),
),
'gradient' => array(
'fields' => array( 'overlay_primary_color', 'overlay_secondary_color' ),
),
),
),
'overlay_color' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'preview' => 'none',
'connections' => array( 'color' ),
),
'overlay_primary_color' => array(
'type' => 'color',
'label' => __( 'Primary Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'preview' => 'none',
'connections' => array( 'color' ),
),
'overlay_secondary_color' => array(
'type' => 'color',
'label' => __( 'Secondary Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'preview' => 'none',
'connections' => array( 'color' ),
),
'overlay_color_opacity' => array(
'type' => 'text',
'label' => __( 'Opacity', 'bb-powerpack' ),
'default' => '70',
'description' => '%',
'maxlength' => '3',
'size' => '5',
),
'overlay_border_width' => array(
'type' => 'unit',
'label' => __( 'Border Width', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
),
'overlay_border_color' => array(
'type' => 'color',
'label' => __( 'Border Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'preview' => 'none',
'connections' => array( 'color' ),
),
'overlay_spacing' => array(
'type' => 'unit',
'label' => __( 'Spacing', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
),
),
),
'icon_style' => array(
'title' => __( 'Icon Style', 'bb-powerpack' ),
'collapsed' => true,
'fields' => array(
'overlay_icon_size' => array(
'type' => 'unit',
'label' => __( 'Icon Size', 'bb-powerpack' ),
'default' => '30',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-overlay .pp-overlay-icon span',
'property' => 'font-size',
'unit' => 'px',
),
),
'overlay_icon_bg_color' => array(
'type' => 'color',
'label' => __( 'Background Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'connections' => array( 'color' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-overlay .pp-overlay-icon span',
'property' => 'color',
),
),
'overlay_icon_color' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'connections' => array( 'color' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-overlay .pp-overlay-icon span',
'property' => 'color',
),
),
'overlay_icon_radius' => array(
'type' => 'unit',
'label' => __( 'Border Radius', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-overlay .pp-overlay-icon span',
'property' => 'border-radius',
'unit' => 'px',
),
),
'overlay_icon_padding' => array(
'type' => 'unit',
'label' => __( 'Padding', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-overlay .pp-overlay-icon span',
'property' => 'padding',
'unit' => 'px',
),
),
),
),
'arrow_style' => array( // Section
'title' => __( 'Arrow', 'bb-powerpack' ), // Section Title
'collapsed' => true,
'fields' => array( // Section Fields
'arrow_font_size' => array(
'type' => 'unit',
'label' => __( 'Arrow Size', 'bb-powerpack' ),
'units' => array( 'px' ),
'slider' => true,
'default' => '24',
),
'arrow_bg_color' => array(
'type' => 'color',
'label' => __( 'Background Color', 'bb-powerpack' ),
'show_reset' => true,
'show_alpha' => true,
'default' => '',
'connections' => array( 'color' ),
),
'arrow_bg_hover' => array(
'type' => 'color',
'label' => __( 'Background Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'show_alpha' => true,
'default' => '',
'connections' => array( 'color' ),
),
'arrow_color' => array(
'type' => 'color',
'label' => __( 'Arrow Color', 'bb-powerpack' ),
'show_reset' => true,
'default' => '',
'connections' => array( 'color' ),
),
'arrow_color_hover' => array(
'type' => 'color',
'label' => __( 'Arrow Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'default' => '',
'connections' => array( 'color' ),
),
'arrow_border' => array(
'type' => 'border',
'label' => __( 'Border', 'bb-powerpack' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel-wrapper .pp-swiper-button',
'property' => 'border',
),
),
'arrow_border_hover' => array(
'type' => 'color',
'label' => __( 'Border Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'default' => '',
'connections' => array( 'color' ),
),
'arrow_horizontal_padding' => array(
'type' => 'unit',
'label' => __( 'Horizontal Padding', 'bb-powerpack' ),
'default' => '13',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'rules' => array(
array(
'selector' => '.pp-image-carousel-wrapper .pp-swiper-button',
'property' => 'padding-left',
'unit' => 'px',
),
array(
'selector' => '.pp-image-carousel-wrapper .pp-swiper-button',
'property' => 'padding-right',
'unit' => 'px',
),
),
),
),
'arrow_vertical_padding' => array(
'type' => 'unit',
'label' => __( 'Vertical Padding', 'bb-powerpack' ),
'default' => '5',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'rules' => array(
array(
'selector' => '.pp-image-carousel-wrapper .pp-swiper-button',
'property' => 'padding-top',
'unit' => 'px',
),
array(
'selector' => '.pp-image-carousel-wrapper .pp-swiper-button',
'property' => 'padding-bottom',
'unit' => 'px',
),
),
),
),
),
),
'pagination_style' => array(
'title' => __( 'Pagination', 'bb-powerpack' ),
'collapsed' => true,
'fields' => array(
'pagination_position' => array(
'type' => 'pp-switch',
'label' => __( 'Pagination Position', 'bb-powerpack' ),
'default' => 'outside',
'options' => array(
'outside' => __( 'Outside', 'bb-powerpack' ),
'inside' => __( 'Inside', 'bb-powerpack' ),
),
),
'pagination_bg_color' => array(
'type' => 'color',
'label' => __( 'Background Color', 'bb-powerpack' ),
'default' => '999999',
'show_reset' => true,
'show_alpha' => true,
'connections' => array( 'color' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel .swiper-pagination-bullet, .pp-image-carousel.swiper-container-horizontal>.swiper-pagination-progressbar',
'property' => 'background-color',
),
),
'pagination_bg_hover' => array(
'type' => 'color',
'label' => __( 'Active Background Color', 'bb-powerpack' ),
'default' => '000000',
'show_reset' => true,
'show_alpha' => true,
'connections' => array( 'color' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel .swiper-pagination-bullet:hover, .pp-image-carousel .swiper-pagination-bullet-active, .pp-image-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill',
'property' => 'background',
),
),
'bullets_width' => array(
'type' => 'unit',
'label' => __( 'Bullets Size', 'bb-powerpack' ),
'default' => '10',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'rules' => array(
array(
'selector' => '.pp-image-carousel .swiper-pagination-bullet',
'property' => 'width',
'unit' => 'px',
),
array(
'selector' => '.pp-image-carousel .swiper-pagination-bullet',
'property' => 'height',
'unit' => 'px',
),
),
),
),
'bullets_border_radius' => array(
'type' => 'unit',
'label' => __( 'Bullets Round Corners', 'bb-powerpack' ),
'default' => '100',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel .swiper-pagination-bullet',
'property' => 'border-radius',
'unit' => 'px',
),
),
'bullets_spacing_h' => array(
'type' => 'unit',
'label' => __( 'Bullets Horizontal Spacing', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel .swiper-pagination-bullet',
'property' => 'margin-right',
'unit' => 'px',
),
),
'bullets_spacing_v' => array(
'type' => 'unit',
'label' => __( 'Bullets Vertical Spacing', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel .swiper-wrapper',
'property' => 'margin-bottom',
'unit' => 'px',
),
),
),
),
),
),
'typography' => array(
'title' => __( 'Typography', 'bb-powerpack' ),
'sections' => array(
'general_typography' => array(
'title' => __( 'Caption', 'bb-powerpack' ),
'fields' => array(
'caption_typography' => array(
'type' => 'typography',
'label' => __( 'Typography', 'bb-powerpack' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel-caption, .pp-image-overlay .pp-caption',
),
),
'caption_color' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'default' => '',
'connections' => array( 'color' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-image-carousel-caption, .pp-image-overlay .pp-caption',
'property' => 'color',
),
),
),
),
),
),
));