Změna banneru v PrestaShopu na úvodní stránce: slider, sezónní banner a návrat zpět
Změna banneru v PrestaShopu závisí na tom, odkud banner pochází. V šabloně Classic je slider na úvodní stránce modul Image slider, ve kterém vyměníte obrázek, titulek i odkaz slidu. Samostatný banner je jiný modul. V koupených šablonách může banner sedět v šabloně nebo v page builderu autora šablony.
Autor: Tým TellMyShop. Průvodce pro majitele obchodů na PrestaShopu: příčina, ruční oprava a stejná práce v rozhovoru v chatu.
Naposledy aktualizováno: · 4 min čtení
Odkud se banner na úvodní stránce bere?
Z modulu, nebo ze šablony, a to rozhoduje, kde ho změníte. Než začnete hledat, podívejte se do Vzhled > Pozice. U háčku úvodní stránky (displayHome) uvidíte moduly, které ji skládají.
| Zdroj banneru | Jak ho poznáte | Kde ho změníte |
|---|---|---|
| Modul Image slider | několik střídajících se slidů | Moduly > Správce modulů > Image slider > Konfigurovat |
| Modul Banner | jeden obrázek mezi sekcemi stránky | Moduly > Správce modulů > Banner > Konfigurovat |
| Šablona | banner bez nastavení v administraci | soubor šablony úvodní stránky v motivu |
| Page builder šablony | editor typu „táhni a pusť“ | modul autora šablony |
Na změnu banneru se majitelé e-shopů ptají na fóru PrestaShopu (polsky) už roky. Odpověď skoro vždy začíná otázkou na šablonu. Kód slideru šablony Classic najdete v repozitáři modulu ps_imageslider.
Jak vyměnit slide ve slideru krok za krokem
V modulu slideru to uděláte bez sahání do souborů.
- Přejděte do Moduly > Správce modulů a vyhledejte „slider“.
- U modulu Image slider klikněte na Konfigurovat.
- Přidejte nový slide, nebo upravte stávající.
- Nahrajte obrázek se stejnými rozměry, jaké mají současné slidy.
- Vyplňte titulek, cílovou URL a popisek. Popisek se zároveň použije jako alt text obrázku.
- Zopakujte to pro každý jazyk e-shopu.
- Nastavte slide jako zapnutý a přetáhněte ho na začátek seznamu.
- Starý slide vypněte, nemažte ho.
Nakonec otevřete úvodní stránku v anonymním okně. Pokud se nic nezměnilo, přečtěte si, proč se změny v PrestaShopu neprojevují.
Jak naplánovat sezónní banner
Připravte ho spolu s kampaní, ne v den startu. Středa, 20:15, zítra začíná podzimní výprodej. Obrázek je hotový, jenže slider má tři jazyky a každý slide potřebuje vlastní obrázek a odkaz. Cestou se ukáže, že titulek slidu je nadpis stránky a obrázky nemají alt text.
Pomůže pár pravidel:
- Banner vede na jednu konkrétní kategorii nebo stránku akce, ne na úvodní stránku.
- Každý jazyk má vlastní obrázek a vlastní alt text.
- Alt text říká, co na banneru je, ne „banner1“. Pravidla pro alt text Google popisuje ve svém návodu k obrázkům.
- Starý banner je vypnutý, ne smazaný.
- Datum vypnutí banneru si zapíšete do kalendáře kampaní.
Slider, nebo jeden banner pro kampaň?
Pro kampaň obvykle stačí jeden slide s jedním sdělením. Slider střídá několik obrázků a ne každý zákazník počká na třetí. Pokud je výprodej tento týden to nejdůležitější, dejte ho na první slide, nebo ať je jediný.
| Situace | Lepší volba | Proč |
|---|---|---|
| Jedna kampaň, krátký termín | jeden slide nebo banner | jedno sdělení, jeden odkaz |
| Několik stejně důležitých kategorií | slider se 2 nebo 3 slidy | každá kategorie dostane své místo |
| Informace o doručení nebo termínu | textová lišta nad bannerem | čitelná i na telefonu |
Banner zkontrolujte i na telefonu. Text vložený do obrázku bývá na malé obrazovce nečitelný. Lépe funguje krátký popisek a velké tlačítko v obrázku než dlouhá věta. Pokud to šablona umožňuje, připravte pro telefony samostatnou verzi obrázku.
Co když se slider musí změnit v šabloně?
Změňte kopii šablony v motivu, ne soubor modulu. PrestaShop umožňuje zkopírovat šablonu modulu do motivu a pak používá tuto kopii. Aktualizace modulu ji nepřepíše. Popisuje to dokumentace k přepisování modulů.
Tak opravíte například titulky slidů, které šablona zobrazuje jako nadpisy stránky. Úvodní stránka by měla mít jeden hlavní nadpis a titulky slidů mohou být obyčejný text.
Jak změnit banner s chatem
Popíšete kampaň a váš chat (Claude nebo ChatGPT) zjistí, odkud banner pochází, a navrhne změnu s náhledem.
Vy: Na podzimní výprodej chci banner s odkazem na kategorii Lucerny. Obrázek autumn.jpg je už nahraný. Doplň alt text v angličtině a francouzštině.
Váš chat: Banner na úvodní stránce pochází ze šablony, ne z modulu. Navrhuji změnu v souboru, se zálohou:
Po uložení vymažu mezipaměť a zkontroluji úvodní stránku. Starý banner můžete po kampani obnovit ze zálohy.
Stav karty: čeká na vaše „ano“stará verze: <img src="summer.jpg" alt="banner1">
nová verze: <img src="autumn.jpg" alt="Autumn lantern sale">
stará verze: odkaz: /summer-offers
nová verze: odkaz: /lanterns
Nový sezónní banner je jeden požadavek a jeden náhled. Každý soubor dostane před uložením zálohu. Po kampani obnovíte předchozí verzi ze zálohy, také s náhledem.
Změny vzhledu fungují v TellMyShop Pro, jakmile zapnete přepínač Šablona. Přepínač platí 24 hodin a vyžaduje zálohu databáze ze stejného dne. Obrázky nahráváte sami a obsah slidů měníte v konfiguraci modulu slideru. V bezplatném TellMyShop Free chat zkontroluje nadpisy na úvodní stránce a ukáže moduly, které ji skládají.
Dva nejčastější úkoly popisují případy použití sezónní banner na úvodní stránce a nadpisy a alt texty obrázků ve slideru. Pokud spolu s bannerem měníte pořadí sekcí, přečtěte si o rozvržení úvodní stránky.
Otázky a odpovědi
Jak velký má být obrázek do slideru?
Stejně velký jako současné slidy ve vaší šabloně. Každá šablona má jinou šířku úvodní stránky a slider obrázky s jinými proporcemi roztáhne nebo ořízne. Zjistěte rozměry obrázku současného slidu a nový připravte ve stejné velikosti. Uložte ho jako JPG nebo WebP, aby se stránka načítala rychle.
Proč se nový banner na stránce nezobrazuje?
Nejčastěji kvůli mezipaměti nebo vypnutému slidu. Zkontrolujte, že je slide zapnutý a má obrázek v jazyce, který si prohlížíte. Pak vymažte mezipaměť v Rozšířené parametry > Výkon a obnovte stránku v anonymním okně. V e-shopu s více jazyky má každý jazyk vlastní obrázek.
Má banner ve slideru význam pro Google?
Má, i když malý. Alt text obrázku pomáhá Googlu a čtečkám obrazovky pochopit, co je na obrázku. Často je důležitější něco jiného. V některých šablonách jsou titulky slidů nadpisy stránky, takže jich úvodní stránka má několik. To se vyplatí zkontrolovat a opravit v šabloně slideru.
Jak se po kampani vrátím ke starému banneru?
Nejjednodušší je starý slide nemazat, ale na dobu kampaně ho vypnout. Po akci starý zapnete a sezónní vypnete. Pokud chat změnil banner v šabloně, předchozí verze souboru je v záloze a obnovíte ji jedním pokynem, s náhledem rozdílů.
Nahraje chat obrázek banneru?
Ne. Obrázek nahrajete sami, v konfiguraci modulu slideru nebo ve správci souborů. Chat mění banner uložený v šabloně, odkazy, alt texty obrázků a vzhled slideru přes kopii šablony v motivu. Funguje to v TellMyShop Pro se zapnutým přepínačem Šablona.
PrestaShop je registrovaná ochranná známka společnosti PrestaShop SA. Claude je ochranná známka společnosti Anthropic PBC. ChatGPT a OpenAI jsou ochranné známky společnosti OpenAI. TellMyShop s těmito společnostmi není propojen.