antalya gergi tavan antalya duvar kağıdı

Real Responsive Bestseller and Featured Producs sliders :)

Home Support Free Theme: Access Shop Real Responsive Bestseller and Featured Producs sliders :)

This topic contains 2 replies, has 2 voices, and was last updated by  Jon 1 year, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #4350

    becino
    Participant

    Hi there my friends … who want to make your Bestseller and Featured Producst Slider real responsive …

    go to /skin/frontend/accessshop/default/js/jquery.scripts.js

    and add this lines ….

    
       //RESPONSIVE FIX BY KEVIN URIEL FLORES FLORES
       //becino@gmail.com :)    
        $(window).on('resize', function(){
            $('.carousel').each(function(i,el){
                var wid = $('.col-main').width();
                //console.log(wid);
                if(wid>=1200){var minslides = 5;}else if(wid>850 && wid<1200){var minslides = 4;}else{var minslides = 1;}
                $(el).carouFredSel({
                    auto:false,
                    responsive: true,
                    width: '100%',
                    height: 380,
                    scroll: {
                        items: 1,
                        fx: 'scroll',
                        easing: 'cubic'
                    },
                    prev: $(el).data('carouselPrev'),
                    next: $(el).data('carouselNext'),
                    items: {
                        //  width: 400,
                        //  height: '30%',  //  optionally resize item-height
                        visible: {
                            min: minslides,
                            max: 5
                        }
                    },
                    swipe: {
                        onTouch: true,
                        onMouse: true
                      }
                });
            });
        });  
    
    #4351

    becino
    Participant

    and this code is more complex but maybe helpful!!!

    
    
    $(window).resize(function(){ 
    //listens for window resize
        var TimeOutFunction;
        clearTimeout(TimeOutFunction);
        //To try and make sure this only fires after the window has stopped moving
        TimeOutFunction=setTimeout(function(){
            $('.slides').trigger("destroy",true);
            //Destroys the current carousel along with all it's settings - extreme but It wouldn't accept setting changes once running
            if($(window).width()<1170){
                //The width should be the width of a single image since I assume your using the same image size for all images on the slider. 
                $(function(){
                    $('#carousel').find('.slides').carouFredSel({
                        width:'100%',
                        items:{
                            visible:1,
                            start:-1
                        },
                        responsive:true,
                        minimum:3
                    })
                })
            }else{
                $(function(){
                    $('#carousel').find('.slides').carouFredSel({
                        width:'100%',
                        items:{
                            visible:3,
                            start:-1
                        },
                        responsive:false,
                        minimum:3
                    })
                })
            }
        },500)
    })
    
    

    🙂

    #4574

    Jon
    Participant

    Where do I add this on the page?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

anal porno watch porn anal