Jak vložím do patičky webu loga platebních metod?


Vkládání obrázků / loga do patičky webu je pro každou verzi PrestaShopu a hlavně pro každou webovou šablonu jiný. Nelze je tedy řešit univerzálně přes modul platební brány.

V případě šablony disponující modulem pro editaci obsahu patičky

Drtivá většina zakoupených webových šablon disponuje nějakým module s názvem "copyright" apod. ve kterém zpravidla lze vložit vlastní obrázek s logy platebních metod, které vyžadují karetní asociace a platební brány. V takovém případě je to velmi jednoduché, takový modul najděte, a pomocí něj si obrázky v potřebných rozlišeních do stránky vložte.

Mám originální šablonu nebo šablonu bez takového modulu pro patičku

V tomto případě bude potřeba zásah přímo do zdrojových souborů webové šablony. Předpoklad je, že zvládnete základní úpravy v kódu HTML. Pokud si nevíte rady neexperimentujte a práci přenechejte svému IT správci.

Cesta k souboru pro verzi PrestaShopu 1.6

/themes/název_tématu/footer.tpl

Cesta k souboru pro verzi PrestaShopu 1.7 / 8

/themes/název_tématu/templates/_partials/footer.tpl

Místo "název_tématu" v cestě nahraďte názvem aktuálně používaného tématu ve vašem PrestaShopu. V tomto souboru se nachází HTML kód patičky a můžete zde upravit obsah patičky podle svých potřeb.

Pro úpravu budete potřebovat jeden z těchto textových editorů pro práci se soubory:

Pro Windows:

  • Notepad++
  • Sublime Text
  • Visual Studio Code
  • PHPStorm
  • Atom
  • Brackets
  • NetBeans
  • Eclipse

Pro MacOS:

  • Sublime Text
  • Visual Studio Code
  • PHPStorm
  • Atom
  • TextMate
  • BBEdit
  • Coda
  • Eclipse

Všechny tyto programy jsou vhodné pro editaci PHP / TPL souborů a nabízejí pokročilé funkce, jako jsou zvýrazňování syntaxe, automatické dokončování kódu, debugování a mnoho dalšího. Vyberte si ten, který nejlépe vyhovuje vašim potřebám a preferencím.

Postup:

  • stáhněte si požadovaný soubor k sobě na disk
  • otevřete jej v některém z uvedených editorů
  • na vhodné místo vložte kód odkazující na obrázek s logy
  • kód může vypadat např. následovně: <img src="img/platebni-loga.png" alt="Platební loga">
  • cesta k souboru musí být uvedena správně

Obrázky:

Každá z platebních bran uvádí na svých stránkách sadu log a obrázků k použití, které jsou schváleny.

GoPayhttps://help.gopay.com/cs/tema/integrace-platebni-brany/loga-a-bannery/gopay-bannery

ComGatehttps://help.comgate.cz/docs/loga-a-udaje-na-webu

ČSOBhttps://github.com/csob/platebnibrana/wiki/Loga-a-prezentace-platebních-metod

GPWebPayhttps://www.gpwebpay.cz/Download.html