Trying to use the Booc ReadyTheme slider in the Levels ReadyTheme

[lesliekirk]

I was sooooo hoping I could copy all over all the "stuff" from the Booc ReadyTheme Content Section hero_image SFNT: Hero Image with the ability to become a slider is more than one image is added. Since my javscript/Jquery foo is weak, I cannot pinpoint where it's failing at. I discovered something that to me is seems odd but my be a clue as to why I'm not getting it to fire. I have made an HTML copy of just the Booc slider from the theme I have set up on my dev site (ask for the link if you must see it - it's not on my dev site). I went through and changed all the links to absolute references. If I remove the base ref <base href="http://lesliekirk.mivamerchantdev.com/mm5/" /> it kills the whole thing even though everything required to run it has an absolute path to it. I was so hoping to use this slider as the concept is great.

[lesliekirk]

Okay, I found one path I forget to make absolute var theme_path = "themes\/booc";

[lesliekirk]

The scripts.js is formatted a "bit" differently in the Booc ReadyTheme than it is in the Levels ReadyTheme (to say the least). Here's the SFNT section that has the slider in it:

/* ----------

         SFNT :

         ---------- */

        jsSFNT : {

            init : function() {

                $.fn.setAllToMaxHeight = function () {

                    return this.height(Math.max.apply(this, $.map(this.children(), function (e) {

                        return $(e).height();

                    })));

                };



                $.hook('popular-products').on('setPosition', function (slick) {

                    $(this).find('.mm-card-grid-item').setAllToMaxHeight();

                });



                $.ajax({

                    cache: true,

                    crossDomain: true,

                    dataType: 'script',

                    url: theme_path + '/js/jquery.slick.min.js'

                }).done(function () {

                    // ---- Hero Slide Show ---- //

                    $.hook('hero-slider').slick({

                        arrows: false,

                        autoplay: true,

                        autoplaySpeed: 10000,

                        dots: true,

                        slide: 'a',

                        responsive: [

                            {

                                breakpoint: 960,

                                settings: {

                                    dots: false

                                }

                            }

                        ]

                    });



                    
                });

            }

        },

Is there any part of it that can be copied over to the SFNT section for the Levels ReadyTheme?

jsSFNT: function () {
        // ---- Product Carousel ---- //
        cornerstoneUX.sharedFunctions.productsCarousels('#js-whats-popular-carousel');

        // ---- Open Quick View ---- //
        cornerstoneUX.sharedFunctions.openQuickView();
        function minFeaturedProductsHeight() {
            var minHeight = $('#js-featured-products-height').outerHeight();
            $('.js-featured-products-height-min').css('min-height', minHeight);
        }
        minFeaturedProductsHeight();
        $(window).on('resize', minFeaturedProductsHeight);

    },

[lesliekirk]

Has anyone been able to get CSSslidy to work with the Levels ReadyTheme? Okay, how about any image slider? I'm banging my head on my desk trying to get something to work with this ReadyTheme.

[lesliekirk]

Follow up (I'm talking to myself again I see). on using CSSslidy. I could not use the 2.0 version - it would not fire. If I used the original version found here http://thenewcode.com/838/CSSslidy-A...3-Image-Slider I have been able to get a slider going on the Levels ReadyTheme. So now I can officially say, that was a real pain in the ass...

[kayakbabe]

I know this is old... but I wanted to add.. the related products on the prod page use a slider that is built into levels (at least the 2017 version of levels). I have used it elsewhere. And the featured products on the SFNT also use the same code.