Image Slider ?!?

Varilux2k · July 2017

Hi, maybe I'm blind, but is there a shortcode in the betheme like the visual composer carousel? I want like to add the logos of customers in a simple carousel. (or any other picture). I think the client slider version is not the best way for it, because I can't say how many picture per row, Carousel size, etc.

If it isn't in there. Please insert it :-)

Best regards
Arnim

Bryan · July 2017

Hi,
you can see the full list of shortcodes/builder items with examples on this site:
http://themes.muffingroup.com/be/splash/
thanks

Varilux2k · July 2017

Yes, I know. But it is very sad that your powerfull theme (and I like it very much) doesn't have such an easy function. It is just an easy image slider (like your blog slider). It will be very cool to have such an shortcode like the visual composer carousel... example: choose the pictures, choose the size, choose the number of pictures per row, show dots and arrows ... thats it!

It's maybe an idea to insert it ;-)

Bryan · July 2017

And we have such an item, it is called "slider"
You also have many more sliders, please visit the website and check it in the shortcodes tab.

Varilux2k · July 2017

Found it ... Thank you very much!

Varilux2k · July 2017

Is it possible to set the width of each image, to get more per row? With this sliders it is just possible to add 1-3 images per slide.

Varilux2k · July 2017

How can I add a custom function or manipulate a theme function? Just copy the needed file into the child theme (with folders) doesn't work. I found a way to show 5 images with a good size. I only set the var centerMode = true; (betheme/js/scripts.js) ... the result is what I want.

function sliderSlider(){

var pager = function( el, i ){
return ''+ i +'';
};

$('.content_slider_ul').each(function(){

var slider = $(this);
var count = 1;
var centerMode = false;

if( slider.closest( '.content_slider' ).hasClass( 'carousel' ) ){
count = slickAutoResponsive( slider );

$(window).bind( 'debouncedresize', function(){
slider.slick( 'slickSetOption', 'slidesToShow', slickAutoResponsive( slider ), false );
slider.slick( 'slickSetOption', 'slidesToScroll', slickAutoResponsive( slider ), true );
});
}

if( slider.closest( '.content_slider' ).hasClass( 'center' ) ){
centerMode = true;
}

slider.slick({
cssEase : 'cubic-bezier(.4,0,.2,1)',
dots : true,
infinite : true,
touchThreshold : 10,
speed : 300,

centerMode : centerMode,
centerPadding : '20%',

prevArrow : '',
nextArrow : '',

adaptiveHeight : true,
appendDots : slider.siblings( '.slider_pager' ),
customPaging : pager,

rtl : rtl ? true : false,
autoplay : window.mfn_sliders.slider ? true : false,
autoplaySpeed : window.mfn_sliders.slider ? window.mfn_sliders.slider : 5000,

slidesToShow : count,
slidesToScroll : count
});

});
}

How can I add this manipulated function into the child-theme?

Best regards
Arnim

Varilux2k · July 2017

... Damn ... this method isn't responsive !!!

Bryan · July 2017

Sorry, this is controlled by JS and we do not support such customizations.

Image Slider ?!?

Comments