PrestaShop - Presun bloku LEFT-COLUMN pod výpis produktov

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

Zdravím,

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

Ďakujem za skorú odpoveď.

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

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...

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8506

Dobrý den,

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

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

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.

Kaper · **Registrován:** 06 čer 2014 19:28 **Příspěvky:** 607

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');
   }
}

Návody pro C4

Webhosting C4

PrestaShop - Presun bloku LEFT-COLUMN pod výpis produktov

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting