Právě je 11 kvě 2021 02:24

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 5 ] 
Autor Zpráva
 Předmět příspěvku: PrestaShop - Presun bloku LEFT-COLUMN pod výpis produktov
PříspěvekNapsal: 09 kvě 2017 12:34 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
604
Zdravím,

Prosím potrebujem poradiť ako presunúť celý blok LEFT COLUMN pri mobilnom zobrazení pod výpis produktov?

Ďakujem za skorú odpoveď.


Přílohy:
left_c.png
left_c.png [ 182.1 KiB | Zobrazeno 1529 krát ]
Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Presun bloku LEFT-COLUMN pod výpis produktov
PříspěvekNapsal: 10 kvě 2017 07:42 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
604
Vyriešené, themes/xxxx/js/global.js

Za riadky:
Kód:
function accordion(method) {
  leftColumnBlocks = $("#left_column");
  if (method == "enable") {


Vložiť:
Kód:
$(leftColumnBlocks).insertAfter('#center_column');


Snáď pomôže aj ostatným...


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Presun bloku LEFT-COLUMN pod výpis produktov
PříspěvekNapsal: 10 kvě 2017 13:35 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 09:14
Příspěvky:
7927
Dobrý den,

děkujeme za uvedení řešení i pro ostatní uživatele fóra.

_________________
Radek Plašil
Webhosting C4
https://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Presun bloku LEFT-COLUMN pod výpis produktov
PříspěvekNapsal: 13 kvě 2017 10:00 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
604
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.


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Presun bolku LEFT-COLUMN pod výpis produktov
PříspěvekNapsal: 27 říj 2017 16:23 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
604
Pre verziu 1.6.1.17 je úprava js global.js takáto ->

zmeniť pôvodnú funkciu na:

Kód:
function accordion(status)
{
   leftColumnBlocks = $("#left_column");
   if(status == 'enable')
   {
      $(leftColumnBlocks).insertAfter("#center_column");
      var accordion_selector = '#right_column .block .title_block, #left_column .block .title_block, #left_column #newsletter_block_left h4,' +
                        '#left_column .shopping_cart > a:first-child, #right_column .shopping_cart > a:first-child';

      $(accordion_selector).on('click', function(e){
         $(this).toggleClass('active').parent().find('.block_content').stop().slideToggle('medium');
      });
      $('#right_column, #left_column').addClass('accordion').find('.block .block_content').slideUp('fast');
      if (typeof(ajaxCart) !== 'undefined')
         ajaxCart.collapse();
   }
   else
   {
      $(leftColumnBlocks).insertBefore("#center_column");
      $('#right_column .block .title_block, #left_column .block .title_block, #left_column #newsletter_block_left h4').removeClass('active').off().parent().find('.block_content').removeAttr('style').slideDown('fast');
      $('#left_column, #right_column').removeClass('accordion');
   }
}


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 5 ] 

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
PrestaShop partneři

Seznam všech partnerů

PrestaShop Hosting
Návody pro C4

© 2009-2021 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz