Oživení pozadí na eshopu

Dobrý den, snažím se nějakým jednoduchým způsobem oživit eshop aniž bych musel jakkoliv zasahovat do šablony nebo barev prvků. Jelikož jsou Vánoce za dveřmi, napadlo mě vytvořit tématické pozadí právě na ně.

Provozujeme ostrý eshop a já si potřeboval někde to pozadí otestovat, tak jsem ostrou verzi eshopu jednoduše zkopírovat a nazval jí jako testovací verzi, tak si mohu hrát dle libosti, reálně vidím jak bude eshop ve výsledku vypadat a nijak tím neuškodím veřejné verzi kde probíhají denně nákupy.


Sehnal jsem si pozadí, které mi vyhovuje nahrál ho na server v globálním nastavení

a vytvořil jsem jeden řádek kódu, který stačí vložit do vlastního CSS:

body {
    background-image: url("https://www.exitshop.cz/files/1681/media/files/TTTq(2).png")
}  

Tím se obrázek opakuje do nekonečna.


Když už jsem se do toho pustil, napadlo mě vytvořit dalších pár verzí na roční období, kdy jsen v kódu pouze změnil url obrázku v url(“xxx“). Tímto jednoduchým způsobem se dá změnit pozadí podle libosti. Je však důležité mít obrázek upravený tak aby při nekonečném opakování neměl žádné přechodové linky nebo useknuté konce, návaznost nekonečna by pak nefungovala esteticky.

Přikládám PrintScreeny obrazovky jak se mi vedlo. Rád bych se dozvěděl Vaše názory na pozadí v eshopu, zda je také používáte a jestli není lepší používat něco nevýrazného. V této sérii bylo záměrem abych upozornil na aktuální děj, tedy Vánoce a následně roční období. Co si o tom myslíte?

Autor: Jan Pokštefl

Jsem agentem v ExitShopu. Připravím Vám kompletně eshop, včetně pomoci nebo zaučení přímo u Vás ve firmě.

Napsat komentář