fusion_builder_default_visibility( 'string' ), 'class' => '', 'id' => '', 'autoplay' => 'no', 'carousel_layout' => 'title_on_rollover', 'cat_slug' => '', 'columns' => '5', 'column_spacing' => '13', 'mouse_scroll' => 'no', 'number_posts' => 10, 'picture_size' => 'fixed', 'scroll_items' => '', 'show_buttons' => 'yes', 'show_cats' => 'yes', 'show_nav' => 'yes', 'show_price' => 'yes', ), $args ); $defaults['column_spacing'] = FusionBuilder::validate_shortcode_attr_value( $defaults['column_spacing'], '' ); ( 'yes' == $defaults['show_cats'] ) ? ( $defaults['show_cats'] = 'enable' ) : ( $defaults['show_cats'] = 'disable' ); ( 'yes' == $defaults['show_price'] ) ? ( $defaults['show_price'] = true ) : ( $defaults['show_price'] = false ); ( 'yes' == $defaults['show_buttons'] ) ? ( $defaults['show_buttons'] = true ) : ( $defaults['show_buttons'] = false ); extract( $defaults ); $this->args = $defaults; $html = ''; $buttons = ''; if ( class_exists( 'Woocommerce' ) ) { $items_in_cart = array(); if ( $woocommerce->cart && $woocommerce->cart->get_cart() && is_array( $woocommerce->cart->get_cart() ) ) { foreach ( $woocommerce->cart->get_cart() as $cart ) { $items_in_cart[] = $cart['product_id']; } } $design_class = 'fusion-' . $fusion_settings->get( 'woocommerce_product_box_design', false, 'classic' ) . '-product-image-wrapper'; $number_posts = (int) $number_posts; $args = array( 'post_type' => 'product', 'posts_per_page' => $number_posts, 'meta_query' => array( array( 'key' => '_thumbnail_id', 'compare' => '!=', 'value' => null, ), ), ); if ( $cat_slug ) { $cat_id = $cat_slug; if ( false !== strpos( $cat_slug, ',' ) ) { $cat_id = explode( ',', $cat_slug ); } elseif ( false !== strpos( $cat_slug, '|' ) ) { $cat_id = explode( '|', $cat_slug ); } $args['tax_query'] = array( array( 'taxonomy' => 'product_cat', 'field' => 'slug', 'terms' => $cat_id, ), ); } $args['tax_query']['relation'] = 'AND'; $args['tax_query'][] = array( 'taxonomy' => 'product_visibility', 'field' => 'slug', 'terms' => array( 'exclude-from-catalog', 'exclude-from-search' ), 'operator' => 'NOT IN', ); $featured_image_size = 'full'; if ( 'fixed' === $picture_size ) { $featured_image_size = 'portfolio-five'; } $products = fusion_cached_query( $args ); if ( ! $products->have_posts() ) { return fusion_builder_placeholder( 'product', 'products' ); } $product_list = ''; if ( $products->have_posts() ) { while ( $products->have_posts() ) { $products->the_post(); $id = get_the_ID(); $in_cart = in_array( $id, $items_in_cart, true ); $image = $price_tag = $terms = ''; if ( 'auto' === $picture_size ) { $fusion_library->images->set_grid_image_meta( array( 'layout' => 'grid', 'columns' => $columns, 'gutter_width' => $column_spacing, ) ); } // Title on rollover layout. if ( 'title_on_rollover' === $carousel_layout ) { $image = fusion_render_first_featured_image_markup( get_the_ID(), $featured_image_size, get_permalink( get_the_ID() ), true, $show_price, $show_buttons, $show_cats ); // Title below image layout. } else { $image = fusion_render_first_featured_image_markup( get_the_ID(), $featured_image_size, get_permalink( get_the_ID() ), true, false, $show_buttons, 'disable', 'disable', '', '', 'no' ); if ( 'yes' == $show_buttons ) { $image = fusion_render_first_featured_image_markup( get_the_ID(), $featured_image_size, get_permalink( get_the_ID() ), true, false, $show_buttons, 'disable', 'disable' ); } // Get the post title. $image .= '

' . get_the_title() . '

'; $image .= '
'; // Get the terms. if ( 'enable' === $show_cats ) { $image .= get_the_term_list( get_the_ID(), 'product_cat', '', ', ', '' ); } // Check if we should render the woo product price. if ( $show_price ) { ob_start(); fusion_wc_get_template( 'loop/price.php' ); $image .= '
' . ob_get_clean() . '
'; } $image .= '
'; } if ( 'auto' === $picture_size ) { $fusion_library->images->set_grid_image_meta( array() ); } if ( $in_cart ) { $product_list .= '
  • ' . $image . '
    • '; } else { $product_list .= '
  • ' . $image . '
    • '; } } } // @codingStandardsIgnoreLine wp_reset_query(); $html = '
    '; $html .= '
    '; $html .= '
    '; $html .= '
      '; $html .= $product_list; $html .= '
    '; // Check if navigation should be shown. if ( 'yes' === $show_nav ) { $html .= sprintf( '
    ', FusionBuilder::attributes( 'fusion-carousel-nav' ), FusionBuilder::attributes( 'fusion-nav-prev' ), FusionBuilder::attributes( 'fusion-nav-next' ) ); } $html .= '
    '; $html .= '
    '; $html .= '
    '; } return $html; } /** * Builds the attributes array. * * @access public * @since 1.0 * @return array */ public function attr() { $attr = fusion_builder_visibility_atts( $this->args['hide_on_mobile'], array( 'class' => 'fusion-woo-product-slider fusion-woo-slider', ) ); if ( $this->args['class'] ) { $attr['class'] .= ' ' . $this->args['class']; } if ( $this->args['id'] ) { $attr['id'] = $this->args['id']; } return $attr; } /** * Builds the carousel attributes. * * @access public * @since 1.0 * @return array */ public function carousel_attr() { $attr = array( 'class' => 'fusion-carousel', ); if ( 'title_below_image' === $this->args['carousel_layout'] ) { $attr['class'] .= ' fusion-carousel-title-below-image'; $attr['data-metacontent'] = 'yes'; } else { $attr['class'] .= ' fusion-carousel-title-on-rollover'; } $attr['data-autoplay'] = $this->args['autoplay']; $attr['data-columns'] = $this->args['columns']; $attr['data-itemmargin'] = $this->args['column_spacing']; $attr['data-itemwidth'] = 180; $attr['data-touchscroll'] = $this->args['mouse_scroll']; $attr['data-imagesize'] = $this->args['picture_size']; $attr['data-scrollitems'] = $this->args['scroll_items']; return $attr; } /** * Builds the dynamic styling. * * @access public * @since 1.1 * @return array */ public function add_styling() { global $wp_version, $content_media_query, $six_fourty_media_query, $three_twenty_six_fourty_media_query, $ipad_portrait_media_query, $fusion_library, $fusion_settings, $dynamic_css_helpers; $elements = array( '.fusion-carousel .fusion-carousel-nav .fusion-nav-prev', '.fusion-carousel .fusion-carousel-nav .fusion-nav-next', ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['background-color'] = $fusion_library->sanitize->color( $fusion_settings->get( 'carousel_nav_color' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['width'] = $fusion_library->sanitize->size( $fusion_settings->get( 'slider_nav_box_dimensions', 'width' ) ); preg_match_all( '!\d+!', $fusion_settings->get( 'slider_nav_box_dimensions', 'height' ), $matches ); $half_slider_nav_box_height = '' !== $fusion_settings->get( 'slider_nav_box_dimensions', 'height' ) ? $matches[0][0] / 2 . $fusion_library->sanitize->get_unit( $fusion_settings->get( 'slider_nav_box_dimensions', 'height' ) ) : ''; $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['height'] = $fusion_library->sanitize->size( $fusion_settings->get( 'slider_nav_box_dimensions', 'height' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['margin-top'] = '-' . $half_slider_nav_box_height; $elements = array( '.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before', '.fusion-carousel .fusion-carousel-nav .fusion-nav-next:before', ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['line-height'] = $fusion_library->sanitize->size( $fusion_settings->get( 'slider_nav_box_dimensions', 'height' ) ); $css['global'][ $dynamic_css_helpers->implode( $elements ) ]['font-size'] = $fusion_library->sanitize->size( $fusion_settings->get( 'slider_arrow_size' ) ); return $css; } /** * Sets the necessary scripts. * * @access public * @since 1.1 * @return void */ public function add_scripts() { Fusion_Dynamic_JS::enqueue_script( 'fusion-carousel' ); } } } new FusionSC_WooProductSlider(); } /** * Map shortcode to Fusion Builder. */ function fusion_element_products_slider() { if ( class_exists( 'WooCommerce' ) ) { fusion_builder_map( array( 'name' => esc_attr__( 'Woo Carousel', 'fusion-builder' ), 'shortcode' => 'fusion_products_slider', 'icon' => 'fusiona-tag', 'params' => array( array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Picture Size', 'fusion-builder' ), 'description' => __( 'fixed = width and height will be fixed
    auto = width and height will adjust to the image.', 'fusion-builder' ), 'param_name' => 'picture_size', 'value' => array( 'fixed' => esc_attr__( 'Fixed', 'fusion-builder' ), 'auto' => esc_attr__( 'Auto', 'fusion-builder' ), ), 'default' => 'fixed', ), array( 'type' => 'multiple_select', 'heading' => esc_attr__( 'Categories', 'fusion-builder' ), 'description' => esc_attr__( 'Select a category or leave blank for all.', 'fusion-builder' ), 'param_name' => 'cat_slug', 'value' => fusion_builder_shortcodes_categories( 'product_cat' ), 'default' => '', ), array( 'type' => 'textfield', 'heading' => esc_attr__( 'Number of Products', 'fusion-builder' ), 'description' => esc_attr__( 'Select the number of products to display.', 'fusion-builder' ), 'param_name' => 'number_posts', 'value' => '5', ), array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Carousel Layout', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to show titles on rollover image, or below image.', 'fusion-builder' ), 'param_name' => 'carousel_layout', 'value' => array( 'title_on_rollover' => esc_attr__( 'Title on rollover', 'fusion-builder' ), 'title_below_image' => esc_attr__( 'Title below image', 'fusion-builder' ), ), 'default' => 'title_on_rollover', ), array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Carousel Autoplay', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to autoplay the carousel.', 'fusion-builder' ), 'param_name' => 'autoplay', 'value' => array( 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ), 'default' => 'no', ), array( 'type' => 'range', 'heading' => esc_attr__( 'Maximum Columns', 'fusion-builder' ), 'description' => esc_attr__( 'Select the number of max columns to display.', 'fusion-builder' ), 'param_name' => 'columns', 'value' => '5', 'min' => '1', 'max' => '6', 'step' => '1', ), array( 'type' => 'textfield', 'heading' => esc_attr__( 'Column Spacing', 'fusion-builder' ), 'description' => esc_attr__( "Insert the amount of spacing between items without 'px'. ex: 13.", 'fusion-builder' ), 'param_name' => 'column_spacing', 'value' => '', ), array( 'type' => 'textfield', 'heading' => esc_attr__( 'Scroll Items', 'fusion-builder' ), 'description' => esc_attr__( 'Insert the amount of items to scroll. Leave empty to scroll number of visible items.', 'fusion-builder' ), 'param_name' => 'scroll_items', 'value' => '', ), array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Show Navigation', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to show navigation buttons on the carousel.', 'fusion-builder' ), 'param_name' => 'show_nav', 'value' => array( 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ), 'default' => 'yes', ), array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Mouse Scroll', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to enable mouse drag control on the carousel. IMPORTANT: For easy draggability, when mouse scroll is activated, links will be disabled.', 'fusion-builder' ), 'param_name' => 'mouse_scroll', 'value' => array( 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ), 'default' => 'no', ), array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Show Categories', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to show or hide the categories.', 'fusion-builder' ), 'param_name' => 'show_cats', 'value' => array( 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ), 'default' => 'yes', ), array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Show Price', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to show or hide the price.', 'fusion-builder' ), 'param_name' => 'show_price', 'value' => array( 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ), 'default' => 'yes', ), array( 'type' => 'radio_button_set', 'heading' => esc_attr__( 'Show Buttons', 'fusion-builder' ), 'description' => esc_attr__( 'Choose to show or hide the icon buttons.', 'fusion-builder' ), 'param_name' => 'show_buttons', 'value' => array( 'yes' => esc_attr__( 'Yes', 'fusion-builder' ), 'no' => esc_attr__( 'No', 'fusion-builder' ), ), 'default' => 'yes', ), array( 'type' => 'checkbox_button_set', 'heading' => esc_attr__( 'Element Visibility', 'fusion-builder' ), 'param_name' => 'hide_on_mobile', 'value' => fusion_builder_visibility_options( 'full' ), 'default' => fusion_builder_default_visibility( 'array' ), 'description' => esc_attr__( 'Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.', 'fusion-builder' ), ), array( 'type' => 'textfield', 'heading' => esc_attr__( 'CSS Class', 'fusion-builder' ), 'description' => esc_attr__( 'Add a class to the wrapping HTML element.', 'fusion-builder' ), 'param_name' => 'class', 'value' => '', 'group' => esc_attr__( 'General', 'fusion-builder' ), ), array( 'type' => 'textfield', 'heading' => esc_attr__( 'CSS ID', 'fusion-builder' ), 'description' => esc_attr__( 'Add an ID to the wrapping HTML element.', 'fusion-builder' ), 'param_name' => 'id', 'value' => '', 'group' => esc_attr__( 'General', 'fusion-builder' ), ), ), ) ); } } add_action( 'wp_loaded', 'fusion_element_products_slider' );