Ešte doplním trošku info. Ak sa Vám načítavá left_block na mobile, spôsobuje to skákanie stránky, resp. najskôr sa načíta LEFT_COLUMN, ktorý je dokonca rozbalený, čo naozaj pôsobí dosť nepríjemne, ak si stránku prezerá zákazník na slabšom telefóne alebo pomalšom pripojení.
Trápil som sa ako to vyriešiť.
Ideálne riešenie je
Skryť left_column, a zobraziť ho až po načítaní stránky.
Ako nato? v zložke themes/xxxx/...
1. css/global.css , vložiť (Tento kód nám skryje celý left_column stĺpec)
Kód:
@media (max-width:767px){#left_column{display:none}}
+ vložiť (Tento kód nám skryje obsah blokov, ktorý sa potom aj tak zroluje...)
Kód:
@media (max-width:767px){.block_content.products-block{display:none}}
2. js/global.js vložiť na koniec:
Kód:
$(document).ready(function() {
$("#left_column").delay(2000).fadeIn(1000);
});
S týmto jednoduchým trikom sa stránka bude načítať bez skákania a blok left_column sa zobrazí až za 2 sekundy po načítaní stránky.