PrestaShop 1.6 - Blok Facebook v levém sloupci - rozměry

Dobrý den,

chtěl bych se zeptat, jakým způsobem lze upravit velikost modulu, který je vložený na úvodní stránce - Blok Facebook like, tak aby byl zobrazen v normální velikosti (nižší a širší)?

Děkuji za odpověď

Dobrý den,

bohužel Blok Facebook like standardně neumožňuje zavěšení do levého sloupce, takže potom dochází k chybnému zobrazení. Pokud ale budete postupovat podle tohoto návodu, který je na oficiálním fóru aplikace PrestaShop, tak se Vám bude Blok Facebook like zobrazovat správně i v levém sloupci.

Děkuji za informaci,
popřípadě, kam mužu zavěsit modul Blok Facebook like, aby se mi zobrazoval na úvodní stránce v dolní části e-shopu v normálních rozměrech?

Děkuji za odpověď

Dobrý den,

Blok Facebook like je defaultně zavěšen na pozicích displayHeader a displayHome. Pokud tedy Blok Facebook like v administraci aplikace PrestaShop v sekci Moduly > Pozice modulů zavěsíte na tyto pozice, tak se bude zobrazovat správně bez nutnosti úprav.

Děkuji, již jsem ho zavěsil na DisplayHome a Blok Facebook like se zobrazuje kompletě, ale je moc velký, je nějaká možnost tento blok aspoň o 50% zmenšit?

Dobrý den,

rozměry si můžete upravit na FTP serveru v souboru themes/default-bootstrap/css/global.css ve třídě #facebook_block .facebook-fanbox. Do této třídy si můžete přidat výšku a šířku a rozměry nastavit tak, jak potřebujete.
Po takové úpravě Vám doporučuji promazat cache internetového prohlížeče.

Mohu Vás ještě poprosit o které řádky se přesně jedná v souboru themes/default-bootstrap/css/global.css ve třídě #facebook_block .facebook-fanbox? Bohužel jsem v této oblasti naprotstý amatér.

Mockrát děkuji

Dobrý den,

musíte si přidat vlastní řádky, pomocí kterých si nadefinujete výšku a šířku tohoto boxu, jedná se tedy o width (šířka) a height (výška). Úpravu je ale možné udělat i přímo ve zdrojovém kódu modulu v souboru modules/blockfacebook/blockfacebook.tpl přidáním data-height="80". Takže řádek:

by po úpravě vypadal např. takto:
.

Rozměr si samozřejmě můžete upravit podle sebe. Tím dojde ke zmenšení celého okna s tlačítkem "To se mi líbí". Jestli ale chcete zmenšit i celý tento blok, tak je nutné ve stejném souboru global.css ve třídě:



upravit min-height.

Děkuji, velikost jsem relativně upravil a lze změnit šedou barvu, která je okolo na bílou?
Popřípadě text, který je nad odkazem Najdete nás na Facebooku nějakým způsobem zarovnat na střed?

Děkuji za odpověď

Dobrý den,

barvu tohoto bloku můžete také upravit v souboru themes/default-bootstrap/css/global.css ve třídě:

, kde je nutné změnit kód barvy na řádku background. Jestli chcete text Nasledujte nás na Facebooku zarovnat na střed, tak úpravu je nutné provést ve třídě #facebook_block h4 , do které stačí přidat řádek:

.