Gsyfuy

Is it convenient to ask the journal's editor for two additional days to complete a review?

Why did early computer designers eschew integers?

What was Carter Burke's job for "the company" in Aliens?

Film where the government was corrupt with aliens, people sent to kill aliens are given rigged visors not showing the right aliens

Strange use of "whether ... than ..." in official text

Help understanding this unsettling image of Titan, Epimetheus, and Saturn's rings?

TikZ: How to fill area with a special pattern?

Free fall ellipse or parabola?

Can Sneak Attack be used when hitting with an improvised weapon?

Why is information "lost" when it got into a black hole?

Is fine stranded wire ok for main supply line?

Are the names of these months realistic?

What flight has the highest ratio of timezone difference to flight time?

Is it correct to say moon starry nights?

Spaces in which all closed sets are regular closed

Why do we say 'Un seul M' and not 'Une seule M' even though M is a "consonne"

(How) Could a medieval fantasy world survive a magic-induced "nuclear winter"?

Man transported from Alternate World into ours by a Neutrino Detector

Computationally populating tables with probability data

Is dried pee considered dirt?

How to use ReplaceAll on an expression that contains a rule

How do I fit a non linear curve?

Is there an equivalent of cd - for cp or mv

What CSS properties can the br tag have?

How to get data-mage-init config in our custom magento jquery widget?

0

I am currently creating custom jquery widget for owl-carousel just to learn how to do it properly in magento-2.

I have configured my own module in requirejs-config.js at theme level.

var config = {

    map: {

        '*': {

            'carousel': 'js/carousel',

            'owlcarousel': 'js/owlcarousel/owl.carousel',

        }

    },



    shim: {

        'owlcarousel': {

            deps: ['jquery']

        },

        'carousel': {

            deps: ['jquery','owlcarousel']

        }

    }

};

and then inside carousel.js I am setting like below

define([

    'jquery',

    'owlcarousel'

], function($) {



    'use strict';

    $.widget('custom.slider',{



        _create: function(config,element) {

            $(this.element).owlCarousel(config);

        }

    });



    return $.custom.slider;

});

and finally call inside phtml template with below code.

<div class="custom-element" data-mage-init='{"carousel":{"items": 11}}'>

</div>

Still I am not seeing owl-carousel being loaded with my config that I am passing into data-mage-init.

Please tell what I am doing wrong?

magento2 frontend requirejs

share

asked 8 mins ago

Shashank BhattShashank Bhatt

2818

add a comment | 

0

I am currently creating custom jquery widget for owl-carousel just to learn how to do it properly in magento-2.

I have configured my own module in requirejs-config.js at theme level.

var config = {

    map: {

        '*': {

            'carousel': 'js/carousel',

            'owlcarousel': 'js/owlcarousel/owl.carousel',

        }

    },



    shim: {

        'owlcarousel': {

            deps: ['jquery']

        },

        'carousel': {

            deps: ['jquery','owlcarousel']

        }

    }

};

and then inside carousel.js I am setting like below

define([

    'jquery',

    'owlcarousel'

], function($) {



    'use strict';

    $.widget('custom.slider',{



        _create: function(config,element) {

            $(this.element).owlCarousel(config);

        }

    });



    return $.custom.slider;

});

and finally call inside phtml template with below code.

<div class="custom-element" data-mage-init='{"carousel":{"items": 11}}'>

</div>

Still I am not seeing owl-carousel being loaded with my config that I am passing into data-mage-init.

Please tell what I am doing wrong?

magento2 frontend requirejs

share

asked 8 mins ago

Shashank BhattShashank Bhatt

2818

add a comment | 

I am currently creating custom jquery widget for owl-carousel just to learn how to do it properly in magento-2.

I have configured my own module in requirejs-config.js at theme level.

var config = {

    map: {

        '*': {

            'carousel': 'js/carousel',

            'owlcarousel': 'js/owlcarousel/owl.carousel',

        }

    },



    shim: {

        'owlcarousel': {

            deps: ['jquery']

        },

        'carousel': {

            deps: ['jquery','owlcarousel']

        }

    }

};

and then inside carousel.js I am setting like below

define([

    'jquery',

    'owlcarousel'

], function($) {



    'use strict';

    $.widget('custom.slider',{



        _create: function(config,element) {

            $(this.element).owlCarousel(config);

        }

    });



    return $.custom.slider;

});

and finally call inside phtml template with below code.

<div class="custom-element" data-mage-init='{"carousel":{"items": 11}}'>

</div>

Still I am not seeing owl-carousel being loaded with my config that I am passing into data-mage-init.

Please tell what I am doing wrong?

magento2 frontend requirejs

share

asked 8 mins ago

Shashank BhattShashank Bhatt

2818

var config = {

    map: {

        '*': {

            'carousel': 'js/carousel',

            'owlcarousel': 'js/owlcarousel/owl.carousel',

        }

    },



    shim: {

        'owlcarousel': {

            deps: ['jquery']

        },

        'carousel': {

            deps: ['jquery','owlcarousel']

        }

    }

};

define([

    'jquery',

    'owlcarousel'

], function($) {



    'use strict';

    $.widget('custom.slider',{



        _create: function(config,element) {

            $(this.element).owlCarousel(config);

        }

    });



    return $.custom.slider;

});

<div class="custom-element" data-mage-init='{"carousel":{"items": 11}}'>

</div>

share

asked 8 mins ago

Shashank BhattShashank Bhatt

2818

share

asked 8 mins ago

Shashank BhattShashank Bhatt

2818

asked 8 mins ago

Shashank BhattShashank Bhatt

2818

asked 8 mins ago

Shashank BhattShashank Bhatt

2818