[ASK] Cara memperlambat slide show gambar theme minimarket

Hallo gimana kabarnya gan, semoga pada sehat dan rejekinya lancar yaa [HASHTAG]#Aamiin[/HASHTAG]
gan mohon bantuan nya dong bagaiamana memperlambat slide gambar di theme minimarket by virtarich
ini gan demo nya

Code:

http://minimarket.virtarichtheme.com/

mohon bantuan nya ya gan

 

sori kalau sotoy, saya gak ngerti css, cuma cek inspect element biasa lihat :

Code:

style="transition-duration: 1000ms;

 

Code:

style="transition-duration: 1000ms;

coba di gedein angkanya.

 

keduluan ncang

 

beda koneksi kalee, ngetik duluan @wphoet

 

Setahu saya CSS untuk tampilan. Kalau mempercepat/memperlambat ada di JQuery.
@noetral Coba cek di sini http :// minimarket.virtarichtheme.com/wp-content/themes/minimarket/js/vjQuery.script.js

 

jangan suruh saya ngecek @KangAndre

 

wkwkwk... nggak papa bantu ngecek
=> .lightSlider ({auto:!0,loop:!0,keyPress:!0,enableDrag:!1,item:3,slideMove:1,easing:"cubic-bezier (0.25, 0, 0.25, 1)",speed:600,pager:!1,controls:!1})

 

wakakakakak iya bener kata om andre itu jquerynya, maklum cuma bisa lihat tampilan luar saja jadi yg kelihatan cuma code biasa, soalnya gk bisa masuk ke panel situsnya jdi cuma mengamati dri luar

 

maklumi juga saya,

 

harusnya sih ditanyain sama yang punya tema, mumpung punya orang indo kayaknya.

napa ga coba pake presta atau woocommerce aja gan

 

ane udah coba rubah di css yang ada hub ama transition ga work om ncang om wphoet, but thank u dah mau di repotin

ok om andre thanks, saya coba ceck
udah aq coba om andre tapi ko ga berubah ya

udah ane contact gan tapi ga di bales
lebih simpel ini gan kalau menurutku, woocommerce dah pernah coba terkedala pemilihan theme yg terbatas (ver. gratis ) yg prestashop belum pernah coba

 

sepertinya pakai jquery lightSlider.js v1.1.1 ../minimarket/js/vjQuery.libs.js
biasanya bisa di set di page.php tertentu (repot juga jika tidak tahu theme-nya)

 

di page.php tertentu ya om
ada sih yg nama nya silder.php kurang lebih sisi nya seperti ini

Code:

<?php if((is_home())&& ($paged < 1)) { ?>
<div class="slider">
    <ul id="home-slider" class="content-slider">
        <li>
            <?php if( of_get_option('banner_1') ){ ?>
            <a href="<?php echo of_get_option('banner_url_1'); ?>"><img src="<?php echo of_get_option('banner_1'); ?>" width="920" height="350" alt="<?php bloginfo('name'); ?>"></a>
            <?php } else {?>
            <img src="<?php echo get_template_directory_uri();?>/images/banner.png" width="920" height="350" alt="<?php bloginfo('name'); ?>"/>
            <?php } ?>
        </li>

        <li>
            <?php if( of_get_option('banner_2') ){ ?>
            <a href="<?php echo of_get_option('banner_url_2'); ?>"><img src="<?php echo of_get_option('banner_2'); ?>" width="920" height="350" alt="<?php bloginfo('name'); ?>"></a>
            <?php } else {?>
            <img src="<?php echo get_template_directory_uri();?>/images/banner.png" width="920" height="350" alt="<?php bloginfo('name'); ?>"/>
            <?php } ?>
        </li>
       
        <li>
            <?php if( of_get_option('banner_3') ){ ?>
            <a href="<?php echo of_get_option('banner_url_3'); ?>"><img src="<?php echo of_get_option('banner_3'); ?>" width="920" height="350" alt="<?php bloginfo('name'); ?>"></a>
            <?php } else {?>
            <img src="<?php echo get_template_directory_uri();?>/images/banner.png" width="920" height="350" alt="<?php bloginfo('name'); ?>"/>
            <?php } ?>
        </li>
       
    </ul>
</div>   
<?php } ?>

oh ya ini code jquery nya

Code:

jQuery(document).ready(function() {
    jQuery(window).scroll(function() {
        100 < jQuery(this).scrollTop() ? jQuery(".keatas").fadeIn() : jQuery(".keatas").fadeOut()
    });
    jQuery(".keatas").click(function() {
        jQuery("html, body").animate({
            scrollTop: 0
        }, 600);
        return !1
    })
});
jQuery(document).ready(function() {
    jQuery("img.lazy").show().lazyload({
        effect: "fadeIn",
        threshold: 400
    })
});
jQuery(".photo").each(function() {
    jQuery(this).magnificPopup({
        delegate: "a",
        type: "image",
        gallery: {
            enabled: !0
        }
    })
});
jQuery(function() {
    jQuery(".popup-modal").magnificPopup({
        type: "inline",
        preloader: !1,
        modal: !0
    });
    jQuery(document).on("click", ".vtr-popup-close", function(a) {
        a.preventDefault();
        jQuery.magnificPopup.close()
    })
});
jQuery(document).ready(function() {
    if ("yes" == jQuery.cookie("visited") || "0" == popup_act) return !1;
    window.setTimeout(function() {
        jQuery.magnificPopup.open({
            items: {
                src: jQuery("#fb-popup"),
                type: "inline"
            },
            modal: !0
        })
    }, 5E3);
    jQuery.cookie("visited", "yes", {
        expires: 1
    })
});
jQuery(document).ready(function() {
    jQuery("#home-slider").lightSlider({
        adaptiveHeight: !0,
        auto: !0,
        loop: !0,
        keyPress: !1,
        enableDrag: !1,
        enableTouch: !1,
        speed: 1E3,
        pause: 2500,
        item: 1
    })
});
jQuery(document).ready(function() {
    jQuery("#home-slider2").lightSlider({
        adaptiveHeight: !0,
        slideMargin: 4,
        slideWidth: 200,
        auto: !0,
        loop: !0,
        keyPress: !1,
        enableDrag: !1,
        enableTouch: !1,
        item: 4,
        pager: !1
    })
});
jQuery(document).ready(function() {
    jQuery("#testimoni-slider").lightSlider({
        auto: !0,
        loop: !0,
        keyPress: !0,
        enableDrag: !1,
        enableTouch: !1,
        speed: 1E3,
        pause: 2500,
        item: 1,
        pager: !1
    })
});
jQuery(document).ready(function() {
    jQuery("#new-slider,#bestseller-slider,#sale-slider").lightSlider({
        auto: !0,
        loop: !0,
        keyPress: !0,
        enableDrag: !1,
        enableTouch: !1,
        speed: 1E3,
        pause: 2500,
        item: 1,
        pager: !1
    })
});
jQuery(document).ready(function() {
    jQuery("#small-slider").lightSlider({
        auto: !0,
        loop: !0,
        keyPress: !0,
        enableDrag: !1,
        item: 3,
        slideMove: 1,
        easing: "cubic-bezier(0.25, 0, 0.25, 1)",
        speed: 600,
        pager: !1,
        controls: !1
    })
});
jQuery(document).ready(function() {
    jQuery("#marquee").simplemarquee({
        speed: 1E4,
        direction: "rtl",
        pause: !1
    })
});
var widthLayer = document.body.clientWidth;
jQuery(document).ready(function() {
    jQuery(".vtr-menu-icon").click(function(a) {
        a.preventDefault();
        jQuery(this).toggleClass("active");
        jQuery(".vtr-menu").slideToggle()
    });
    vtrMenu()
});
jQuery(window).bind("resize orientationchange", function() {
    widthLayer = document.body.clientWidth;
    vtrMenu()
});
var vtrMenu = function() {
    800 > widthLayer ? (jQuery(".vtr-menu").removeClass("vtr-web-menu"), jQuery(".vtr-menu-icon").hasClass("active") ? jQuery(".vtr-menu").show() : jQuery(".vtr-menu").hide()) : 800 <= widthLayer && (jQuery(".vtr-menu").show().addClass("vtr-web-menu"), jQuery(".sidebar-mobile-menu").show())
};
jQuery(document).ready(function() {
    jQuery(".vtr-sidebar-menu").find("li.menu-item-has-children").append('<i class="icon-plus"></i>');
    jQuery(".vtr-sidebar-menu li.menu-item-has-children i").on("click", function() {
        jQuery(this).hasClass("icon-minus") ? jQuery(this).removeClass("icon-minus").parent("li.menu-item-has-children").find("> ul").slideToggle() : jQuery(this).addClass("icon-minus").parent("li.menu-item-has-children").find("> ul").slideToggle()
    })
});
jQuery(document).ready(function() {
    jQuery(".sidebar-menu-icon").click(function() {
        jQuery(this).toggleClass("active");
        jQuery(".sidebar-mobile-menu").slideToggle()
    });
    vtrMenu()
});
jQuery(document).ready(function() {
    jQuery(".column li a ").hover(function() {
        jQuery(this).stop().animate({
            paddingLeft: "5px"
        }, 300, "easeOutQuad")
    }, function() {
        jQuery(this).stop().animate({
            paddingLeft: "0px"
        }, 300, "easeOutQuad")
    });
    jQuery(".inner-thumb").css({
        opacity: "0"
    });
    jQuery(".price").css({
        marginTop: "-150px"
    });
    jQuery(".tombolhover").css({
        marginTop: "180px"
    });
    jQuery(".inner-thumb").hover(function() {
        jQuery(this).stop().animate({
            opacity: "1"
        }, 100, "easeOutQuad");
        jQuery(this).find(".price").stop().animate({
            marginTop: "0"
        }, 300, "easeOutQuad");
        jQuery(this).find(".tombolhover").stop().animate({
            marginTop: "0"
        }, 300, "easeOutQuad")
    }, function() {
        jQuery(this).stop().animate({
            opacity: "0"
        }, 100, "easeOutQuad");
        jQuery(this).find(".price").stop().animate({
            marginTop: "-150px"
        }, 500, "easeOutQuad");
        jQuery(this).find(".tombolhover").stop().animate({
            marginTop: "130px"
        }, 500, "easeOutQuad")
    })
});

 

Eksperimen saja, terus terang pusing juga kalau baca baca kode.
speed: 1E3 = speed: 1000
1e3; // Exponential, same as 1 * Math.pow(10,3), returns 1000

 

kalau woocommerce ada managernya udah enak,tema tinggal cari null. ane sih ga rekom presta, tapi kalau hostingan agan keras ( kuat ) coba coba magento, siapa tau bisa samain bineka com

 

ok om andre saya coba , thanks dah mau di repotin

kalau yg null biasa cari di mana gan, mafiashare kah?
woh magento perlu beljar dari awal kayak nya yang itu

 

biasa sih themekiller,buzzgfx atau web liar lainnya, magento ga rumit sih, sama seperti presta juga