Tokyo sabloncsalád

Elegáns és letisztult design, ami a termékeket és a bannerképeket helyezi a középpontba.

Tokyo sabloncsalád

Melyek a sabloncsalád főbb előnyei?

Divat és lakberendezés termékkörre szabva

Divat és lakberendezés termékkörre szabva

A Tokyo sabloncsalád tökéletes a divat, lakberendezés és design webáruházaknak. Stílusos, elegáns és letisztult, minőségi külsőt kölcsönöz a boltjának és a termékeket helyezi a középpontba.

A főoldali bannerváltó modul, a kicker image modulok, a termékkártyák és a blog is úgy lett kialakítva, hogy a képeiből a legtöbbet tudja kihozni.

Használjon nagy méretű, minőségi képeket és tegye egyedivé Shoprenteres webáruháza külsejét.

Teljes képernyős kereső

Teljes képernyős kereső

A fejléc tökéletes kihasználására törekedtünk, ezért a hagyományos kereső mező helyett kattintásra megnyíló teljes oldalas gyorskeresőt készítettünk a sablonhoz.
Ennek hála az úgynevezett sticky vagy ragadós menüben helyet kaphatott a logó, a kategória menü, a kereső és a kosár is, teljesebb vásárlási élményt nyújtva a webáruházat böngésző látogatóknak.

Hirdetési pozíció a fejléc fölött

Hirdetési pozíció a fejléc fölött

Helyezzen el szezonális kuponkódokat, fontos értesítéseket és rövidebb üzeneteket a fejléc fölötti hirdetési sávban. Ezt úgy teheti meg, hogy az Egyedi HTML modulok valamelyikének a header-top pozíciót adja meg.

A sávba elég csak a szöveget beírni, az Egyedi HTML modul automatikusan a sablonhoz illő letisztult és elegáns formázással jelenik meg.

Egyedi blog megjelenés

Egyedi blog megjelenés

A főoldali blog modult és a blog aloldalt úgy terveztük meg, hogy a képeké legyen a főszerep.

A főoldalon elhelyezett hírek modulban három szöveges tartalom jelenhet meg. A hármas blokk középső kártyája nagyobb méretű, vizuális kontrasztot teremtve a tartalmak között. Használja ki ezt az elrendezést a bejegyzései hatékonyabb kiemelésére!

A blog listaoldalt úgy alakítottuk ki, hogy nagy méretű képeket is feltölthessen, amivel igazán impozánssá varázsolhatja blogja megjelenését.

Látványos effektek

Látványos effektek

A Tokyo sabloncsalád különlegessége a kategória menü egyedi effektje. A látogató figyelmének jobb fókuszálása érdekében az alkategóriák kinyitása esetén a háttér elsötétül a kategóriák mögött.

A termékkártyák is egyedi megjelenést kaptak, a részletek és kosárba gombokat ugyanis elrejtettük, ezek csak az egeret a termékkártya fölé mozgatva jelennek meg.

Egy apró, de hatásos effekt a fejlécben lévő kosár ikon pulzálása, ami csak akkor látszik, ha a kosárban van termék.

Stílus útmutató

Stílus útmutató

A Tokyo sabloncsaládhoz készített stílus útmutatóban megtalálja a legfontosabb arculati elemeket. Amennyiben egyedi landoló aloldalakat, egyedi HTML modulokat vagy akár a designhoz illő marketing anyagokat szeretne készíteni, a stílus útmutató sokat segíthet ebben Önnek.

Az útmutató aloldalán olyan információkat talál, mint a sablon színei, a használt tipográfia, az elérhető ikonkészlet, a sablonban használt gombok és űrlapok megjelenése, stb.

Tokyo Style Guide
Gyorsabb betöltődés

Gyorsabb betöltődés

A Róma sabloncsaládhoz képest akár 15%-os sebességnövekedést érhet el a Tokyo sabloncsalád használatával.

A kód szintű átalakításoknak hála a főoldal és az aloldalak is gyorsabban töltődnek be, kellemes böngészési élményt nyújtva a látogatóknak, amit a konverzió növekedésében is megérezhet.

Bootstrap CSS keretrendszerre épülő sabloncsalád

Bootstrap CSS keretrendszerre épülő sabloncsalád

Napjainkban a Bootstrap CSS keretrendszer a legelterjedtebb a világon, aminek segítségével sokkal könnyebben tudjuk testre szabni webáruházunkat.

A keretrendszer egy előre megírt eszközkészlet, amelyhez a készítők széleskörű dokumentációt nyújtanak és amely segítségével hatékonyabb és gyorsabb a HTML és CSS testreszabása.

A Bootstrap egy alap HTML struktúrát biztosít számunkra, előre definiált CSS tulajdonságokkal, illetve hasznos JavaScript kiegészítőket is találhatunk benne.

Bootstrap Dokumentáció
Sablon beállítások

Sablon beállítások

A Tokyo sabloncsaládban az admin felületen a Beállítások> Megjelenés> Sablon testreszabás menüpontban található egy Sablon beállítások fül. Az itt található beállítások, csak ebben a sablonban lesznek érvényesek.

A fejlécben kikapcsolhatja a telefonszám megjelenését.

Az ugyanitt megjelenő kosár modul esetén beállíthat lenyíló vagy hagyományos, lenyíló nélküli megjelenést.

Beállíthatja a láblécben megjelenő oszlopok számát, a terméknév és további képek pozícióját, valamint a további képek számát.

Sablon információk

Kiadás dátuma: 2018-05-07
Csomag: Minden Shoprenter csomagban
Bootstrap verzió: 3.3.7
Betűtípus: Roboto
Laptop nézet töréspontja: 1260px
Tablet nézet töréspontja: 992px
Mobil nézet töréspontja: 480px
Böngésző kompatibilitás: Internet Explorer 11, Edge, Chrome, Opera, Firefox, Mac Safari, Android Mobile
Sablon beállítási lehetőségek: Fejléc telefonszám; Terméknév pozíció; Lábléc modulok száma; Egy oszlopos termék oldal; További képek pozíciója; További képek száma; Lenyíló kosár kikapcsolás; Kosár ikonok cserélhetősége
Főoldali bannerváltó: A szebb betöltődés érdekében módosítottunk a főoldali bannerváltó modulon, amelybe így 1920x700px méretű bannerképeket kell feltölteni a helyes működés érdekében. Saját bannereinek létrehozásában segíthet a Tokyo sabloncsaládhoz használt banner .psd kiterjesztésű (Photoshoppal szerkeszthető) verziója, amelyet itt tud letölteni: Letöltés
Egyéb tulajdonságok: Sticky fejléc, logóval, kategória menüvel, kereséssel, kosár modullal; Egyedi blog megjelenés; Stílus útmutató

Mikor ajánljuk a Tokyo sabloncsaládot?

  • ha modern, reszponzív webáruházat szeretnénk
  • ha a boltunkban 5-6 főkategóriánál kevesebb található
  • ha divat, lakberendezés és design webáruházunk van
  • ha minőségi képekkel illusztrált blogot szeretnénk vezetni
  • ha a sablon módosítása mellett döntünk, és rendelkezünk a Bootstrap CSS keretrendszerhez szükséges ismeretekkel

Hozza létre saját áruházát, és próbálja ki a Tokyo sabloncsaládot 14 napig ingyen!

Bolt létrehozása