Home Forums WoodMart support forum Information Box Carousel more than 2 images on mobile Reply To: Information Box Carousel more than 2 images on mobile

#81954

Artem Temos
Keymaster

Try to add extra CSS class to that element custom_sizes and replace with this code

function woodmart_shortcode_info_box_carousel( $atts = array(), $content = null ) {
		$output = $class = $autoplay = '';

		$parsed_atts = shortcode_atts( array_merge( woodmart_get_owl_atts(), array(
			'slider_spacing' => 30,
			'dragEndSpeed' => 600,
			'el_class' => '',
		) ), $atts );

		extract( $parsed_atts );

		$class .= ' ' . $el_class;
		$class .= ' ' . woodmart_owl_items_per_slide( $slides_per_view );

		$carousel_id = 'carousel-' . rand(100, 999);

		$parsed_atts['carousel_id'] = $carousel_id;
		if ( $el_class == 'custom_sizes' ) {
			$parsed_atts['custom_sizes'] = array(
				'desktop' => 6,
				'tablet_landscape' => 5,
				'tablet' => 5,
				'mobile' => 4,
			);
		}
		$owl_atts = woodmart_get_owl_attributes( $parsed_atts );
		
		ob_start(); ?>
			<div id="<?php echo esc_attr( $carousel_id ); ?>" class="woodmart-carousel-container info-box-carousel-wrapper woodmart-carousel-spacing-<?php echo esc_attr( $slider_spacing ); ?>" <?php echo ( $owl_atts ); ?>>
				<div class="owl-carousel info-box-carousel<?php echo esc_attr( $class ); ?>" >
					<?php echo do_shortcode( $content ); ?>
				</div>
			</div>
		<?php
		$output = ob_get_contents();
		ob_end_clean();

		return $output;
	}
	add_shortcode( 'woodmart_info_box_carousel', 'woodmart_shortcode_info_box_carousel' );