✅ Prestashop - Úprava CSS

Obsah

Pomocí stylů nebo CSS Ve webovém prostředí můžeme dosáhnout téměř čehokoli, efekty, kterých dosahujeme, jsou aplikovány na celý web, což dává možnost vytvoření homogenní identity na celé stránce.
naštěstí Prestashop Je postaven pomocí tohoto standardu, takže můžeme velmi rychle měnit jeho vzhled a pokud budeme dodržovat konvence, můžeme dosáhnout efektů, které se uplatňují v celém našem obchodě, a tím vytvoříme naši grafickou identitu.
Znalost souborů Prestashop CSS
Jako vždy, než začnete něco v našem obchodě upravovat, první věc, kterou musíme udělat, je vědět, kde stojíme, v tomto případě se musíme seznámit se strukturou Prestashop a kde můžeme získat různé soubory CSS.
Pokud otevřeme strukturu složek naší instalace Prestashop musíme jít do složky témataV něm budou různá témata dostupná pro náš obchod, díky tomu můžeme mít různé variace našeho obrázku.
Vždy je důležité si uvědomit, že pokud se chystáme provést nějaké úpravy, musíme nejprve zálohovat data, abychom mohli zkopírovat složku motivu a upravit ji a uložit ji pod jiným názvem, čímž se můžeme vrátit do předchozí verze v případě potřeby.
Jakmile jste ve složce témata a poté, co jsme již zadali motiv k úpravě, musíme složku najít cssPodívejme se na následující obrázek, který ilustruje cestu, kterou jsme museli projít:

Velmi dobře, jakmile jsme v této složce, musíme mít následující soubory:

global.css
maintenance.css
scenes.css

Soubory CSS z Prestashop pracovat s modulem šablony Smarty (.tpl) který je umístěn ve výchozím nastavení ve složce modulů, přestože práce s tímto modulem není striktně nutná k tomu, abychom ho znali do hloubky, nicméně mít nějaké pojmy nám může hodně pomoci.
Dalším důležitým aspektem je znát trochu syntaxi CSSAčkoli to může být trochu zdrcující, je velmi důležité vědět, co každá věc v našem souboru znamená, abychom mohli při každé změně jednat vědomě.
global.css
Toto je obecný soubor, který nám umožňuje změnit celkový vzhled všech stránek našeho obchodu.
Aspekty, které můžeme pomocí tohoto souboru ovládat, jsou následující:

Barva pozadí
Velikost písma
Typ písma
Barva
Zarovnání textu
Odstavec a formát stránky

Jak vidíme, tyto aspekty jsou klíčové v našem grafickém obrázku, takže tento soubor je nezbytný pro zachování toku našich stránek.
Ačkoli můžeme provést mnoho změn, při spuštění se doporučuje nemodifikovat stávající syntaxi, ne -li její hodnoty, abychom mohli použít soubor CSS jako základ a tímto způsobem zjistit, jaké změny se vyskytují při každé změně hodnot, které provedeme.
Již máme základ, abychom mohli začít upravovat vzhled našeho obchodu prostřednictvím souborů stylů, a také již víme, že existují i jiné koncepty, které musíme prozkoumat a naučit se dosáhnout profesionálnějších výsledků.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod