PrestaShop - Filtrování nad product listem

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

Dobrý den,

při testování úpravy na výchozí šabloně default-bootstrap se mi stejné chování neprojevilo. Takže vyzkoušejte, jestli se problém opakuje i na výchozí šabloně aplikace, protože na stránkách používáte nestandardní šablonu.

RendaR · **Registrován:** 17 led 2015 16:26 **Příspěvky:** 39

Dobrý den,
můžete mi prosím poradit úpravu, aby se filtry zobrazovaly ve 3 nebo i 4 sloupcích namísto stávajících 2?
Děkuji Vám.

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

Dobrý den,

takového zobrazení dosáhnete úpravou CSS stylů, podobně jako je uvedeno v oficiálním návodu. Takže do souboru themes/default-bootstrap/css/modules/blocklayered/blocklayered.css si místo původního kódu přidejte na konec řádky:

Kód:

#center_column .layered_filter{
  float:left;
  width: 25%;
}

Parametr width s hodnotou 25% zajistí zobrazení 4 sloupečku (4 x 25% = 100%). Zobrazení si případně upravte podle potřeby.

RendaR · **Registrován:** 17 led 2015 16:26 **Příspěvky:** 39

Dobrý den,
děkuji Vám nicméně po přidání zmíněného kódu na konec stránky mi to udělá toto viz. obrázek. Nevíte co můžu dělat špatně?
Děkuji Vám.

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

Dobrý den,

až na Vašem druhém screenshotu jsem si všiml, že ve více sloupcích nechcete zobrazovat celé filtry, ale jen položky daného filtru. V tom případě bude úprava jiná. Takže předchozí kód ze souboru themes/default-bootstrap/css/modules/blocklayered/blocklayered.css smažte a na konec přidejte nové řádky:

Kód:

#center_column #layered_block_left ul li {
  min-width: 25%;
  width: auto;
  float:left;
}

Parametr min-width s hodnotou 25% zajistí zobrazení jednotlivých položek filtru ve 4 sloupcích.

RendaR · **Registrován:** 17 led 2015 16:26 **Příspěvky:** 39

Perfektní, funguje.

Mockrát Vám ještě jednou děkuji.

Návody pro C4

Webhosting C4

PrestaShop - Filtrování nad product listem

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting