Hjdcti

Multi tool use

What's the commands of Cisco query bgp neighbor table, bgp table and router table?

My ex-girlfriend uses my Apple ID to login to her iPad, do I have to give her my Apple ID password to reset it?

Cannot shrink btrfs filesystem although there is still data and metadata space left : ERROR: unable to resize '/home': No space left on device

Yu-Gi-Oh cards in Python 3

Is it professional to write unrelated content in an almost-empty email?

Is there an equivalent of cd - for cp or mv

Can I board the first leg of the flight without having final country's visa?

What steps are necessary to read a Modern SSD in Medieval Europe?

Reshaping json / reparing json inside shell script (remove trailing comma)

Defamation due to breach of confidentiality

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

Vector calculus integration identity problem

Getting Stale Gas Out of a Gas Tank w/out Dropping the Tank

Does the Idaho Potato Commission associate potato skins with healthy eating?

From jafe to El-Guest

What day is it again?

Is Nisuin Biblical or Rabbinic?

What connection does MS Office have to Netscape Navigator?

Is French Guiana a (hard) EU border?

Free fall ellipse or parabola?

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

The Ultimate Number Sequence Puzzle

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

How can I make proper oatmeal cookies?

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|improve this question

asked 10 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|improve this question

asked 10 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|improve this question

asked 10 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|improve this question

asked 10 mins ago

Shashank BhattShashank Bhatt

2818

share|improve this question

asked 10 mins ago

Shashank BhattShashank Bhatt

2818

asked 10 mins ago

Shashank BhattShashank Bhatt

2818

asked 10 mins ago

Shashank BhattShashank Bhatt

2818