ap_dom_swap

Nastavení třídy(options):

• from: odkud - použití pro custom přesun(defaultní je mezi desktop a mobile)
• to: kam - použití pro custom přesun(defaultní je mezi desktop a mobile)
• desktop: kontejner pro desktop(> 768px)
• mobile: kontejner pro mobile(< 768px)
• width: šírka která určuje hranici mezi mobile/desktop(default:768)
• width_aside: šířka, která určuje hranici, kdy se obsah přesouvá do bočních panelů - desktop/aside(default:1900)
• layout_change: zap/vyp funkce pro změnu velikosti hlavního layoutu(main-col). Při přesunu obsahu do aside by vznikla prázdná bílá místa a sloupce. Tato funce změní zhled layoutu a prázdná místa odstraní

Defaultní přesuny v šabloně:

Přesun mezi: js-dom-swap-desktop a js-dom-swap-mobile(768px)

new ap_dom_swap;

Přesun mezi: js-dom-swap-desktop-2 a js-dom-swap-mobile-2(768px)

new ap_dom_swap({
 desktop: $('js-dom-swap-desktop-2'),
 mobile: $('js-dom-swap-mobile-2'),
 width: 768
});

Přesun informace o aktuálním počtu vložených položek v košíku z desktop na mobile menu

new ap_dom_swap({
 desktop: $('js-dom-swap-basket-sum-lg'),
 mobile: $('js-dom-swap-basket-sum-sm'),
 width: 768
});

Přesun obsahu do oblasti aside (1900px):

• přesun obsahu košíku do pravého aside

if ( $$('.aside.righ') ) {
 new ap_dom_swap({
 desktop: false,
 from: $('js-dom-swap-medium-basket'),
 to: $('js-dom-swap-aside-basket'),
 width_aside: 1900
 });
}

• přesun obsahu levého panelu do levého aside

if ( $$('.aside.left') ) {
 new ap_dom_swap({
 desktop: false,
 from: $('js-dom-swap-aside-left'),
 to: $('js-dom-swap-aside-content'),
 width_aside: 1900,
 layout_change: $$('#js-off-canvas > .mainbar')
 });
}