Viltor webáruház tudástár

Dokumentáció, tippek és tanácsok

Javascript a sablonokban

A Viltor webáruház rendszer a termékek kosárba helyezését, a kosárban lévő termékek számának módosítását, a felső és kinyitható alsó kosár tartalmának frissítését és a pénztár kezelését AJAX technikával végzi.

De mi az az AJAX technika? Ha pl. egy termék lapján a "Kosárba" gombra kattintunk, akkor nem töltődik újra a weblap, hanem a háttérben zajlik le a kommunikáció a kliens és szerver oldal között. A kliens megüzeni a szerver oldalnak, hogy mely termékből hány darabot tettünk a kosárba, a szerver oldal pedig visszaüzen, hogy sikerült-e a tranzakció. A válasznak megfelelően a vásárló vagy azt látja a képernyőn, hogy kosárba helyezték a termékét, vagy egy hibaüzenetet.

Az AJAX technika működése Javascript kódokon keresztül történik. Ezen kívül Javascript dolgozik az egyes termékek termékképeinek kinagyítása közben, az alsó, nyitható kosár kinyitása és bezárása közben, stb.

Látható tehát, hogy egy Viltor áruház a megfelelő Javascript kódok nélkül nem működhet. Az előre elkészített kódokat a {{ script.xxx }} típusú változók töltik be. A legtöbb kód felhasználja a jQuery keretrendszert (melyet a {{ script.jquery }} változó tölt be), így ha járatosak vagyunk a jQuery használatában (vagy akár a sima Javascript programozásban), magunk is írhatunk kódot a sablon HTML lapjaira.

Tegyük fel például, hogy minden egyes oldal betöltésekor egy kitüntetett helyen az adott oldal témájához kapcsolódó képet szeretnénk megjeleníteni. Ha pl. a pénztárban vagyunk, akkor egy pénztárgép képét, ha a szállítási és fizetési módok tájékoztató oldalán vagyunk, akkor egy furgon képét szeretnénk az adott helyen látni. Ezt – mivel a szerver oldal kódját nem változtathatjuk – a kliens oldalon, némi jQuery Javascript használatával is könnyen megtehetjük.

<script type="text/javascript">
$(document).ready(function()
  {
  if (location.search != "")
    {
    var valtozo_tomb = location.search.substr(1).split("&");
    for (var i=0; i < valtozo_tomb.length; i++)
      {
      var egy_valtozo = valtozo_tomb[i].split("=");
      if (egy_valtozo[0] == "mod")
        {
        switch(egy_valtozo[1])
          {
          case 'penztar':
          document['design_kep'].src = 'saját_áruház_azonosító/feltolt/sablon/kep/penztargep.jpg';
          break;
          case 'szallitas_fizetes':
          document['design_kep'].src = 'saját_áruház_azonosító/feltolt/sablon/kep/furgon.jpg';
          break;
          default:
          document['design_kep'].src = 'saját_áruház_azonosító/feltolt/sablon/kep/alapkep.jpg';
          }
        }
      }
    }
  }
);
</script>
.
.
<img name="design_kep" src="" />

Próbálja ki ingyen a Viltor webáruház szolgáltatást!

A rendszer kipróbálása csak egy gyors regisztrációhoz kötött, ahol megadhatja új webáruháza nevét, majd azonnal birtokba veheti és 20 napig tesztelheti azt! Nincs kezdeti költség, nincs kockázat!

Viltor Adminisztrációs felület felhasználói kézikönyv

Bevezető

Kezdeti tudnivalók, beállítások

Az adminisztrációs felület működésének feltételei

Bejelentkezés az adminisztrációs felületre

Az adminisztrációs felület beállításai

Nettó vagy bruttó

Kisker vagy nagyker

Az áruház lekapcsolása

Webáruház protokoll

Felhasználók az adminisztrációs felületen

Felhasználó saját jelszavának módosítása

Termékek feltöltése, módosítása

Termékcsoportok

A termékcsoport struktúra kialakítása

Termékek és variációk

Tulajdonságok használata

Termékek rögzítése

Termékek módosítása

Termékek csoportos módosítása

Új termékcsoportba mozgatás

Ár módosítás %-kal

Ár módosítás értékkel

Ár módosítás értékre

ÁFA módosítás

Kerekítés

Termékek gyors módosítása

Termékek másolása

Termék-variációk rögzítése

Termék-variációk módosítása

Melyik ár az igazi?

Egységárak

Termék adatbázis exportálása, importálása

Mire jó az exportálás és importálás?

Mire nem jó ez a funkció?

Az exportálás folyamata

Az export állomány felépítése

Az export állomány mezőszerkezete

Az állomány módosítása

Már meglévő termék módosítása

Már meglévő termékhez új variáció hozzáadása

Új termék felvétele

Állomány módosítás MS Excel 2007 segítségével

Az importálás folyamata

Termék készlet kezelés

Készlet adatok megadása, módosítása

Készlet listázása, nyomtatása

Készlet kezelés beállításai

Kapcsoló termékek használata

Termék paraméterek és értékeik

Paraméterek rögzítése, módosítása

Paraméter értékek rögzítése a termékekhez

Paraméter értékek exportálása

Paraméter értékek módosítása és visszaimportálása

Termék vélemények megtekintése

Termék árlista

Vevők kezelése

Vevők felrögzítése

Vevők módosítása

Vevők egyéni statisztikája

Vevő export

Vevő csoportok

Szállítási és fizetési módok

Szállítási módok beállítása

Szállítási díj korrekció

Pick Pack Pont szállítási mód

Posta Pont szállítási mód

GLS CsomagPontok

FoxPost automaták

Trans-O-Flex feladás

DPD Weblabel feladás

Magyar Posta Logisztika Címiratkitöltő feladás

GLS csoportos feladás

Fizetési módok beállítása

Fizetés bankkártyával

PayPal

CIB Bank internetes bankkártyás fizetés

K&H Bank

K&H technikai beállítások

K&H formai, tartalmi követelmények

A K&H fizetések ellenőrzése

CIB Bank (BigFish)

CIB technikai beállítások

A CIB fizetések ellenőrzése

OTP Bank (BigFish)

OTP technikai beállítások

Az OTP fizetések ellenőrzése

Barion internetes bankkártyás fizetés

OTP Simple internetes bankkártyás fizetés

Borgun internetes bankkártyás fizetés

Számla vagy nyugta?

Preferált bizonylat típus

Nyugtaképesség

Regisztráció nélküli vásárlás

Rendelések kezelése

Rendelési feltételek

Rendelések áttekintése

Rendelések státusza

Rendelés státusz értesítő levél

Rendelések összesített exportálása

Saját menü beállítása

Űrlapok kezelése

Előfizetői adatok beállítása

Előfizetői befizetések lekérdezése

Látogatások lekérdezése

Események lekérdezése és elemzése

A webáruház külső megjelenése

Sablonok

Mobilra optimalizált webáruház sablonok

A sablonok módosítása

Sablon háttér választás

Sablon slider képek módosítása

Sablon színek módosítása

Sablonok átírása

Fogyasztóvédelem

008 sablon

Marketing, promóció, vásárlásra ösztönzés

Hírek kezelése

Napi ajánlat

Ajándékpontok

„Feljegyzem” funkció

„Ajánlom másnak” funkció

„Kívánságlistára” funkció

Kapcsolódó termékek

Csomag termékek

Hírlevél írás / küldés

Kuponok

Vásárlási és ajándék utalványok

Sávos kedvezmények

RSS terméklista

Megjelenés árösszehasonlító oldalakon

Ügyfél Chat

Lyoness Online Partnervállalat

Árukereső Megbízható bolt program

Facebook dinamikus termék hirdetés

Webáruház QR-kód felhasználása hagyományos üzletében

Popup ablak

Kedvezmények kiértékelési sorrendje

Elhagyott kosár visszaállítása

Chat megoldások integrálása

SupportChat

ChatHelp

Automatikus számla készítés

A számlázó modul általános meghívása

ProgramTECH számlázó program

Clear Admin számlázó program

Profit Társ számlázó program

CashMan-Fx számlázó program

Számlázó Programom számlázó program

Számlázz.hu számlázó program

Billingo számlázó program

Innvoice számlázó program

Fogyasztóvédelem

Elállási nyilatkozat

Viltor fejlesztések

Viltor sablonok kódjának módosítása

Mielőtt belekezdünk a sablon módosításába

Mi is a sablon?

HTML lapok

Változók

Használható változók listája

HTML lapok felosztása

Javascript a sablonokban

Védett elemek a sablonban

Kód szerkesztése

Kód egyszerű beszúrása a tag elé

Állapot függő javascript kódok

CSS stíluslapok

Képek, animációk

Platformok

Facebook

Facebook áruház telepítése

Facebook Timeline elrendezés

Facebook webáruház titkosított kapcsolaton

Facebook fiók ellenőriztetése

Facebook alkalmazás adatok

Facebook GYIK

Viltor oktató videók

Webáruház üzemeltetés (folyamatban...)

Webáruház naptár

Jogszabályi változások

A termékképek oldalaránya

A termékképek oldalarányának automatikus módosítása

Névválasztás

Cégnév vagy tevékenység?

Szólítsuk meg a vevőt!

A kiválasztott név foglaltságának ellenőrzése

Saját domain név használata a Viltor áruházhoz

Legyen jó sok termék a kezdőoldalon!

Kerüljük a felesleges tartalmat!

Kosár elhagyás arányának csökkentése

Keresőoptimalizálás

Termék és termékcsoport leírások

Webhelytérképek

Fejléc, leíró és kulcsszó meta tagok

'Keresőbarát' URL címek

Fizetett hirdetés

Google Adwords

Mi a Google Adwords?

Miért érdemes használni ezt a hirdetési formát?

Hirdetési kampány

Hirdetés szerkesztése

Külső technikai beállítások

A webáruház felvétele a 'Google webmestereszközökbe'

Jogszabályi változások

Webáruház jogi változások a 2015. évi CXXXVII. törvény értelmében