PrestaShop 1.6 - Resp. dizajn - Košík / Hľadať v riadku

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

Zdravím,

Potreboval by som pomôcť ako dosiahnuť aby bol blok "Hľadať" a "Košík" pri responzívnom (Mobilnom) zobrazení v jednom riadku ako je na ukážkovom obrázku.

Ďakujem

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

Dobrý den,

do hlavního souboru s CSS styly themes/default-bootstrap/css/global.css si přidejte na konec tyto řádky:

Kód:

@media (max-width: 767px) {
  #search_block_top {
    width:50%;
    float:left;
    z-index:1
  }
  #header .shopping_cart {
    width:50%;
  }
}

A případně změnou čísla u width (v procentech) si můžete upravit šířku vyhledávání #search_block_top a košíku #header .shopping_cart.

Aby se změna projevila, tak si nezapomeňte zaktualizovat cache internetového prohlížeče.

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

Tak to je luxus

Ďakujem krásne za odpoveď, teraz je to super!

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

Tak ďalší problém. V mobilnom zobrazeni nefunguje vyhľadávanie. Kde je problém? Ďakujem

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

Dobrý den,

vrstva související s košíkem totiž překryje vyhledávací část, takže přidejte do původního kódu ještě řádek z-index:1. Provedl jsem úpravu přímo v původním kódu.

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

Ďakujem za rýchlu odpoveď

. Teraz to už vyzerá všetko OK!

Návody pro C4

Webhosting C4

PrestaShop 1.6 - Resp. dizajn - Košík / Hľadať v riadku

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting