Image Slider ?!?

Varilux2k

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Varilux2k

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Varilux2k

Found it ... Thank you very much!

Varilux2k

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

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

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

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next