PiX ’n’PaLs StoreFront

 

 

Sisällysluettelo

1       Ennen kuin aloitat. 2

2       Asennus ja käyttöönotto. 2

2.1         Yleiskuva miten palvelu toimii 2

2.2         Kirjaudu sisään palveluun. 3

2.3         General –sivu. 3

2.3.1          Lomakkeen kentät: 3

2.3.2          Salasanan vaihto. 4

2.4         Payment and Delivery. 4

2.5         Style-sivu. 6

2.6         Products-sivu. 6

2.6.1          PhotoSet –tuotesivu. 7

2.6.2          SinglePhoto –tuotesivu. 8

2.6.3          PhotoItem –tuotesivu. 8

2.6.4          PhotoBook –tuotesivu. 10

2.6.5          AnyItem –tuotesivu. 11

2.7         OrderForm –sivu. 12

2.8         Orders –sivu. 12

2.8.1          Tilauksen tiedot. 13

2.8.2          ZIP-tiedoston sisältö. 13

2.8.3          Kuvien formaatti ja tuotteiden valmistus. 14

3       Erikoistapaukset. 15

3.1         CMS –järjestelmät, joissa GET-parametreja (tuote valikossa) ei voi käyttää. 15

3.2         PhotoItem –tuotteen erikoisominaisuudet. 16

 

 

 

1         Ennen kuin aloitat

Ennen kuin aloitat, niin varmista, että olet saanut:

       Käyttäjätunnuksen

       Salasanan

       Osoite hallintapaneliin (luultavasti: http://shop.pixnpals.com/admin-login, mutta sinun tapauksessa voi olla eri)

Kokeile myös kirjautua sisään, niin varmistat että käyttäjätilisi on kunnossa.

2         Asennus ja käyttöönotto

2.1       Yleiskuva miten palvelu toimii

Jotta kaikki asennusvaiheet olisivat helpompia ymmärtää, käymme nopeasti läpi miten ohjelma kuuluu liittää sivuillesi (Älä vielä tässä vaiheessa tee mitään muutokia sivuillesi).

Annamme sinulle javascript-koodipätkän, jonka sinun tulee liittää verkkosivuillesi. Voit liittää koodipätkän mille tahansa sivulle, jolle haluat verkkokaupan, mutta sinun täytyy ohjata tuotevalikostasi kaikki linkit tälle sivulle. Linkeille annetaan vielä ylimääräinen GET-parametri (?pnp_pd=[tuoteID]). Jos et jostain syystä (esim. sinulla on käytössä jokin erikoinen CMS-järjestelmä) pysty käyttämään näitä, niin on myös muita keinoja, mutta kerromme niistä myöhemmin.

Annamme yksinkertaisen esimerkin, KallenKuvat, joka sijaitsee osoitteessa http://example.com. Javascript-koodipätkä on liitetty sivulle http://example.com/tilaa.html, jossa on myös tuotevalikko vasemmalla. Kaikki linkit johtavat samalla sivulle, jossa javascript koodipätkä sijaitsee.

Kerromme myöhemissä kappaleissa mistä saat javascript-koodipätkäsi ja tuotelinkit.

KallenKuvat.jpg

 

2.2       Kirjaudu sisään palveluun

Sisäänkirjautumisen jälkeen siirryt ensimmäiselle sivulle (General- linkki valikossa). Käymme nyt läpi kaikki valikssa olevat sivut ja kerromme miten saat palvelun konfiguroitua tarpeisi mukaan.

2.3       General –sivu

General sivulla on yleistä tietoa verkkokaupastasi. General sivulla on 2 lomaketta (HUOM: 2 eri ”submit”-nappulaa). Ensimmäinen on yleistä tietoa varten, toinen on salananan vaihto.

2.3.1       Lomakkeen kentät:

Shop Name:   

 

Liikkeen nimi. Tätä nimeä käytetään ohjelmassa ja kaikissa sähköposteissa loppuasiakkaille

 

URL to the page where the iFrame is located:

 

URL sivulle, johon olet sijoittanut (tai aijot sijoittaa) antamamme javascript –koodin. Tämä javascript –koodi saadaan Style –sivulta.

 

Shop's email address:

 

Sähköpostiosoite, johon haluat tiedoitteen uusista tilauksista

 

Address to shop:

 

Liikkeesi postiosoite. Tämä näkyy sähköposteissa, jotka lähetetään asiakkaillesi ja viimeisellä sivulla, joka näkyy kun asiakas on tehnyt tilauksen.

 

Final text shown to user:

 

Liikkeellä on mahdollisuus lisätä jotain omaa tekstiä viimeiselle sivulle, joka näytetään sen jälkeen kun loppuasiakkaat ovat hyväksyneet tilauksensa. Tähän voi esimerkikisi kirjoittaa, että tuotteet valmistetaan vasta kuin lasku on maksettu, tai muuta vastaavaa.

 

 

2.3.2       Salasanan vaihto

Täältä voit vaihtaa salasanan. Mikäli tämä on ensimmäinen kerta kuin kirjaudut sisään palveluun, sinun kannattaa ehdottomasti vaihtaa salasana. Salasanan suhteen ei ole mitään erikoisvaatimuksia, paitsi että suosittelemme että salasana on vähintään 6 merkkiä pitkä sisältää jotain numeroita tar erikoismerkkejä. Mikäli unohdat salasanasi tai käyttäjänimesi, ota yhteyttä meihin.

2.4       Payment and Delivery

Payment and delivery sivulla on lomake laskutusta ja postitusta varten. Käymme allaolevassa taulukossa läpi mitä kentät ovat.

Minimum total price of a purchase

 

Tällä kentällä voit määritellä laskun minimi summa, joka veloitetaan asiakkaalta. 

Esim. Jos tässä lukee 10, ja asiakas tekee tilauksen, jonka koko hinta on yhteenså 7,20€, niin silloin lopulliseen laskuun lisätään vielä 2,80€, jotta siitä tulisi tasan 10€. Tähän lisätään vielä mahdolliset postikulut ja postiennakkomaksut. Jos et kaipaa tällaista ominaisuutta, kirjoita 0 tähän kenttään, niin tämä ominaisuus ei ole käytössä.

 

Basic fee added to total price

 

Perusmaksu, joka lisätään kaikkiin tilauksiin. Tätä ominaisuutta ei voi käyttää yhdessä ” Minimum total price of a purchase” kanssa. Jos käytät tätä ominaisuutta, niin muista laittaa 0 edelliseen kenttään (Minimum total price of a purchase = 0).

 

 

No basic fee charged when total price exceeds

 

Jos haluat että asiakkaiden ei tarvitse maksaa perusmaksua, mikäli tilauksen hinta yhteensä ylittää jonkun tietyn summan, niin täytä se summa tähän kenttään. 9999999 jos et halua että tämä ominaisuus on käytössä.

 

 

Customers can pickup the products from the store

 

Annatko asiakkaillesi mahdollisuuden tulla hakemaan tuotteensa itse liikkeestä kun ne ovat valmiina? Jos tämä on ”enabled”, niin asiakkaasi voi valita tilauksen yhteydessä, että hän tulee noutamaan tuotteensa.

 

 

Home delivery of products

 

Postitatko tuotteita asiakkaille? Jos tämä on ”enabled”, niin asiakkaasi voi valita tilauksen yhteydessä, että hän haluaa tuotteensa kotiin postilla.

 

 

Shipping Cost

 

Posti- ja käsittelykulut, jotka lisätään loppuasiakkaan laskuun. HUOM: Nämä ovat minimikulut. Voit erikseen muualla määritellä tuotekohtaiset posti- ja käsittelykulut. Loppuasiakkaan laskuun lisätään aina sen tilatun tuotteen postikulut, jotka ovat suurimmat. Jos nämä alittavat tämän kentän arvon tai jos tuotekohtaisia postikuluja ei ole asetettu, niin tämän kentän lukua käytetään.

 

 

Invoice Payment Option

 

Postimaksu vaihtoehto (Ainoa maksutapa tällä hetkellä, pakko olla ‘enabled’)

 

 

Generate the bill automatically

 

Ohjelma voi generoida laskun, joka näytetään asiakkaalle heti kun hän on hyväksynyt tilaukse. Lasku löytyy myös ZIP-tiedostossa, joten voit tulostaa sen ja lähettää tuotteiden mukana. (myöhemmissä kappaleissa enemmän infoa tästä).

Jos tämä ominaisuus on käytössä (enabled), niin muista täyttää pankki (Bank Name) ja tilinumero (Bank Account) kentät

 

 

Bank Name

 

Pankin nimi (esim Nordea, Sampo)

 

 

Bank Account

 

Tilinumero

 

 

Postal Pre-payment when price exceeds

 

Käytätkö postiennakkoa? Normaali käytäntö valokuvaliikkeellä on usein että 100€ suuruiset tilaukset menevät postiennakkoon.

Täytä tähän summa, joka täytyy ylittyä, jotta postiennakko otetaan käyttöön. Laita 9999999 jos et käytä postiennakkoa.

 

 

Postal Pre-payment Fee

 

Postiennakkomaksu, joka lisätään loppuasiakkaan laskuun (lisäsumma euroissa)

 

 

 

 

2.5       Style-sivu

Style-sivulla voit määritellä verkkokaupan värit ja muut tyyliseikat. Sivulla on lomake, jossa voit valita värejä. Sivulla on myös generoidut javascript-koodipätkät, jotka voit kopioida omalle kotisivullesi.

       Cart IFrame  on pieni ostoskori, jossa näkyy montako tuotetta asiakas on tilannut ja siinä on linkki josta pääsee oikealle ostoskori suvulle. Tätä koodipätkää ei ole pakko lisätä liikkeen sivuille.

       Shop Iframe  on itse verkkokauppa. Tämä kuuluu lisätä sivulle, johon haluat verkkokaupan sijaitsevan. HUOM: Sivun täytyy olla sama kuin olet määritellyt General-sivulla.

Save-nappulalla tallennat asetukset. Tämä ei ole välttämätöntä verkkokaupan toimitakseen, koska javascript koodipätkät sivuillasi määrittelevät kuitenkin ulkoasun. Tallentamisella voit kuitenkin varmistaa että samat värit pysyvät lomakkeen muistissa.

2.6       Products-sivu

Products sivulla voit määrittelet mitä tuotteita haluat myydä. Uusia tuotteita voit luoda ”Create New Product” –linkistä. Ohjelma kysyy sinulta minkä tyyppisen tuotteen haluat lisätä. Kerromme kohta enemmän eri tuotteista (tuote moduuli).

Tuotteet näkyvät alla olevassa taulukossa, kun sinulla on niitä. Käymme tässä läpi taulukon sarakkeet:

       Name on tuotteen nimi, jolla tuotetta myydään loppuasiakkaillesi (esim: Kuvapaita, kuvamuki, jne.)

       ProductType on tuotetyypin (moduulin) nimi

       Product Link for Menu on tilauslinkki, jolla asiakas pääsee tilaamaan tuotteen. Käytä tätä linkkiä kotisivusi ”tuotteet” –valikossa.

       View –linkistä pääset katsomaan tuotteen tietoja ja muokkaamaan niitä

       Delete –linkistä voit poistaa tuotteen

Tuote moduuleja tarvitaan, koska jotkut tuotteet tarvitsevat ihan erilaisen teknisen systeemin tilaamista varten. Esim. digikuvien tilaus on lähinnä kuvien lähettämistä ja rajausta, kun taas kuvakirjan tilaus vaatii paljon muuta (kuvien asettelua ja tekstin kirjoittamista). Seuraavissa kappaleissa käymme läpi tuotesivut (tuote moduulit).

2.6.1       PhotoSet –tuotesivu

PhotoSet moduli on lähinnä tarkoitettu digikuvia varten. Kun luot uuden PhotoSet-tuotteen tai muokkaat vanhaa, niin pääset ensin tuotesivulle. Tämä ensimmäinen tuotesivu on hyvin samanlainen kaikille tuottemoduleille. Ylimpänä on lomake, joka on yleistä tietoa tuotteesta varten. Tämän alapuolella (jos et ole luomassa uutta tuottetta) on tuotteen tyypit (tai mallit). Käymme läpi lomakkeen kentät:

Product Name

Tuotteen nimi, jolla tuotetta myydään asiakkaille

Droduct Description Text

Mainosteksti, joka näytetään tuotteen info sivulla (sivu joka näytetään ensimmäisenä kun asiakas klikkaa jotakin tuotelinkkiä tuotevalikosta.

Open product editor in new window

Useimmat tuotteet vaativat tuote-editorin, jolla tuote suunnitellaan (esim, kuvakirjaa tehdessä asiakas joutuu asetella kuvat oikeisiin kohtiin). Tällä voit määritellä jos haluat että tuote-editori avautuu uuteen ikkunaan. Suositeltavaa etenkin jos sinulla on kapea kotisivu.

Product specific shipping costs

Tuotekohtaiset postikulut. Koko tilauksen postikulut määräytyvät siten, että suurin tuotekohtainen postikulu kaikista tilatuista tuotteista valitaan. Muuten ”Payment and delivery”-sivun oletusarvoa käytetään.

Current Image

Mainoskuva info sivulla (JPG-formaatti)

 

 

 

Jos luot uuden tuotteen, niin kun olet tallentanut muutokset, niin lomakkeen alapuolelle ilmestyy lista malleista. Digikuvien malleja voivat esimerkiksi olla: 10x13, 10x15-matta, 10x13-XYZ tai miten tahansa haluat nimetä ne.

Voit lisätä malleja ”Create new type”-linkistä. Vanhojen tyyppien tietoja pääset katsomaan tai muokkaamaan view-linkistä. Delete-linkillä poistat mallin ja copy-linkillä kopioit mallin (usein mallit muistuttavat hyvin paljon toisia, joten on helppo kopioida ja muokata.

Kun luot uuden mallin tai muokkaat vanhaa, pääset sivulle, jossa on lomake (katso kuva).

photo-set-type.jpg

Käymme läpi lomakkeen kentät:

Type name

Nimi, jolla mallia myydään asiakkaillesi

Quantity Discount

Määräalennus. Ensimmäinen kenttä on määrää varten ja toinen on hintaa. Kuvan esimerkissä, jos asiakas ostaa 1-29 digikuvaa, niiden kappalehinta on 0,35€. Jos asiakas ostaa 30-59kpl, niiden kappalehinta on 0,29€, jne.

Width

leveys millimetreinä

Height

korkeus millimetreinä

 

 

2.6.2       SinglePhoto –tuotesivu

SinglePhoto-tuotemoduli on perjaatteessa sama kuin PhotoSet, mutta useasta kuvasta ei voi tilata kerralla. Tämän tuotemodulin tarkoitus on pelkästään hyvin kalliita kuvia, canvas tauluja tai julisteita varten, joita asiakas harvoin tilaa useasta eri kuvasta kerralla. Kaikki kentät ovat samat kuin PhotoSet moduulissa.

2.6.3       PhotoItem –tuotesivu

PhotoItem-tuotemoduuli on tarkoitettu kaikkia sellaisia tuotteita varten, jotka ovat jokin esine, johon painetaan kuva. Tällaisia ovat esimerkiksi kuvapaita, kuvamuki, palapeli, laukku, jne. Lataat itse oman taustakuvan esinettä varten, ja määrittelet sitten mihin kohtaan kuva painetaan.

Tuotesivu on samanlainen kuin muillakin tuotteilla. Tämä on jo selitetty PhotoSet-kappaleessa, joten hyppäämme suoraan tyyppi sivulle, joka on hyvin erilainen kuin muissa tuotteissa.

Jos luot uuden tyypin, niin aloita lataamalla taustakuva. Anna sitten tuotteelle nimi, määräalennukset ja kuva-alueen koko millimetreinä (width ja height kentät). Sama menetelmä kuin PhotoSet-moduulissa (katso PhotoSet kappale).

Alue, johon kuva painetaan, näkyy sinisellä. Tätä aluetta voit suurentaa/pienentää ja siirtää haluamallesi paikalle. Hienosäätöjä voit tehdä Square Width, Square Height, Square Left ja Square Top-kentistä.

Photo-Z-kentällä voit valita haluatko, että taustakuvasi piirretään käyttäjän kuvan päälle vai alle. Mainittakoon vielä, että tässä on kyse siitä kun kuva näytetään asiakkaalla (kun asiakas suunnittelee tuotteen). Normaalitilanteissa (kahvimuki, t-paita ja muut esineet), niin haluat että kuva näytetään taustakuvasi päällä. Erikoistilanteita ovat esim. palapeli, jossa taustakuva on läpinäkyvä kuva, jossa on palasien rajat piirretty. Toinen erikoistapaus on hiirimatto, jossa taustakuva on läpinäkyvä muualla paitsi kulmissa. Tätä voi myös käyttää joulu- ja kiitoskortteja varten.

Image special effect on effekti joka tehdään kuvalle. Grayscale on harmaasävykuva. Tämä ominaisuus näyttää asiakkaalle kuvan harmaasävyisenä, mutta ei tee sitä lopulliselle kuvatiedostolle, jonka tulee valokuvaliikkeelle (Joudut itse omalla menetelmällä muuttaa värejä).

 

photo-item-type.jpg

 

2.6.4       PhotoBook –tuotesivu

PhotoBook –tuotemoduuli on tarkoitettu kuvakirjoja varten. Tuotesivu on samanlainen kuin muissakin tuotemoduuleissa (katso PhotoSet -kappale).

Tyyppi sivu kuvakirjalle on erilainen kuin muissa tuotteissa. Kaikilla tyypeillä on oma nimi Type Name ja kuva, Image used on product info page. Kirjan perushinta Base Price on hinta ilman lisäsivuja. Lisäsivujen hinta voidaan määritellä Price for each extra page –kentästä. Minimum-/Maximum number of pages allowed –kentät määrittelevät minimi ja maximi sivujen määrän. Kuvan esimerkissä, niin 12 sivun kirja maksaa 20€ ja 24 sivun kirja maksaa 26€, koska siinä 12 lisäsivua.

Seuraavat 6 kenttää on tarkemmin selitetty oikeanpuoleisessa kuvassa. Viimeisellä Double Sided –kentällä voit valita onko kirjasi kaksipuolinen vai yksipuolinen.

 

book-type.jpgphotobookpage.png

 

 

2.6.5       AnyItem –tuotesivu

AnyItem on tuotemoduuli on tarkoitettu ei-customoitavia tuotteita varten verkkokaupassa. Ohjelmaamme voidaan myös käyttää tavallisena verkkokauppana. AnyItem tuotesivun kentät ovat samat kuin muissakin (katso PhotoSet). Tyypi –sivulla on samanlaiset kentätä kuin PhotoSet tuotetyyppi –sivulla, mutta ei kuvakokoa.

2.7       OrderForm –sivu

OrderForm –sivulla sinulla on mahdollisuus valita mitkä kentät haluat tilauslomakkeeseesi. Voit myös valita ovatko kentätä pakollisia vai vapaaehtoisia täyttää. (Required=pakollinen, optional=vapaaehtoinen, disabled=ei käytössä).

2.8       Orders –sivu

Orders –sivu sisältää listan kaikista tilauksista. Kuvasta näet että päävalikon alapuolella on kaksi linkkiä Unprocessed Orders (Uudet tilaukset, jotka eivät vielä ole valmistettu) ja Archived Orders (Vanhat tilaukset). Nämä ovat eroteltu kahteen listaan. Kuvassa on esillä uudet tilaukset.

orders-page.jpg

Käymme seuraavaksi läpi taulukon sarakkeet, ja myös viimeiset kolme linkkiä.

OrderID

Tilausnumero, joka annetaan asiakkaalle. Tilausnumerot ovat uniikkeja (kahdella asiakkaalla ei voi olla sama), mutta eivät ole peräkkäisiä (esim 78 jälkeen voi tulla 134).

Date

Aika jolloin asiakas teki tilauksen vvvv-kk-pp tt:mm:ss

Address

Osoite

Products

Tilatut tuotteet. Tässä ei näy postikuluja tai perusmaksuja.

View

Linkki, josta pääset katsomaan tilauksen tietoja

Download

Linkki, josta pääset lataamaan ZIP-tiedoston, jossa on kaikki asiakkaan kuvat ja muuta materiaalia

Archive

Arkivoi tilauksen. Tilaus siirretään Archived Orders –listaan ja kuvamateriaali poistetaan (HUOM: et saa sitä takaisin enään). Muut tiedot säilyvät kyllä.

Archive lähettää myös asiakkaalle sähköpostin, jossa kerrotaan että tuotteet ovat valmiina (joko noudettavana tai sitten lähetetty postilla, riipuen tilanteesta). Mikäli haluat poistaa tilauksen lähettämättä tiedotetta, niin voit vastata ”Yes, but do not send email” kysymykseen ”Are you sure you want to archive order”.

2.8.1       Tilauksen tiedot

Kun klickat view -linkkiä, niin pääset kuvan sivulle. Tällä sivulla näet kaikki tilauksen tiedot.

 

 

2.8.2       ZIP-tiedoston sisältö

Download –linkistä pääset lataamaan ZIP tiedoston, joka sisältää asiakkaan kuvat. Käymme seuraavaksi läpi ZIP-tiedoston sisällön.

Jokaista tilattua tuotetta kohden ZIP-tiedostossa on yksi kansio. Lisäksi siellä on kaksi muuta tiedostoa: bill.html, joka on tulostettava lasku, ja info.txt, joka sisältää tilauksen tiedot. Jos käytät bill.html –laskua (lähetät sen asiakkaillesi), niin muista katsoa että sinulla on kaikki laskutustiedot kunnossa ”Payment and delivery” –sivulla. 

zip-file.jpg

Tuotekansiot ovat nimetty niin, että

Tuotekansioiden sisältö riippuu aika paljon tuotetyypistä (PhotoSet, SinglePhoto, PhotoItem, PhotoBook). AnyItem –tuotteilla ei ole kansiota, koska niitä ei voi customoida. Katsomme mitä kaikki eri tuotetyyppien kansiot sisältävät seuraavaksi

2.8.2.1       PhotoSet

PhotoSet –tyyppiä olevien tuotteiden kansiot sisältävät alikansioita jokaista tilattua mallia varten. Esim. digikuvat tapauksessa, niin kansiossa voisi olla alikansiot ”10x13-kiiltävä” ja ”10x15-kiiltävä”. Idea on se, että kuvat on helpompi tulostaa kun ne ovat valmiiksi eroteltu.

Näiden kansioiden sisällä ovat itse kuvat (JPG-tiedostot). Kuvatiedostot ovat nimetty niin, että ensin tulle määrä kopioita ja sitten kuvan ID-numero (sinun ei tarvitse välittää ID numerosta). Esim: 3x_829.jpg kuvasta tulisi tehdä 3 kopiota.

2.8.2.2       SinglePhoto ja PhotoItem

SinglePhoto ja PhotoItem –tuotteiden kansioissa on yksi JPG-kuvatiedosto, joka on nimetty niin, että ensin tulee malli, ja sitten ID numero, josta liikkeen ei tarvitse välittää. Esimerkissämme 1x_n18_T-paita –kansion sisällä, voisi olla kuvatiedosto Musta–L_18.jpg. Tässä tapauksessa Musta-L on mallin nimi ja 18 on ID, jolla ei ole merkitystä.

Jos mallin nimessä on numero, esim: ”Joulukortti 10”, niin älä sekoita tätä numeroa ID numeroon. ”Joulukortti 10” mallin kuvatiedosto näyttää tällaiselta:

                             Joulukortti 10_18.jpg                                                                         

2.8.2.3       PhotoBook

PhotoBook –tuotteiden kansioissa on yksi kansio, nimetty mallin mukaan. Tämän kansion sisällä on kuvatiedostoja (JPG-formaatti), jotka on nimetty sivunumeron mukaan. Yksi kuva on yksi sivu.

2.8.3       Kuvien formaatti ja tuotteiden valmistus

Kaikki kuvatiedostot ovat JPG –formaatissa. Kuvista on valmiiksi leikattu pois ne osat, jotka ovat jääneet rajauksen ulkopuolelle. Mikäli asiakkaan kuva on eri formaattia kuin malli (esim malli 10x13 mutta 10x15), ja asiakas on rajannut kuvansa niin että mitään ei jää pois kuvasta (Eli rajausalue on suurempi kuin kuva), niin ohjelma ei tee kuvalle mitään. Kun valmistat tällaisia kuvia/kuvatuotteita, niin sinun täytyy asetella kuva keskelle tuotteen kuva-aluetta. Digikuvien tapauksessa joudut täyttämään reunat valkoisella tai muulla värillä. Kuvassa on esimerkki tästä.

 

Yksinkertaiset ohjeet kuvien/kuvatuotteiden valmistukseen:

       Jos kuva suurinpiirtein sopii tuotteen kuva-alueelle (muutama pixeli väärin), niin on parempi sijoittaa kuva niin, että se täyttää kuva-alueen kokonaan.

       Jos taas kuvan formaatti poikkeaa huomattavasti tuotteen kuva-alueesta, niin kuuluu sijoittaa kuva keskelle tuotteen kuva-aluetta, niin kuin edellisen kuvan esimerkissä.

 

3         Erikoistapaukset

3.1       CMS –järjestelmät, joissa GET-parametreja (tuote valikossa) ei voi käyttää

On olemassa CMS –järjestelmiä ja muita systeemejä, joiden takia et voi käyttää GET-parametreja tuotevalikossa. Tuotelinkit on tarkemmin selitetty kappaleessa 2.1. Kertaamme vielä että tuotelinkki on tämän näköinen:

http://example.com/tilaa.html?pnp_pd=6,

jossa pnp_pd on tuotteen ID-numero. Voit suoraan asettaa tuote ID:n javascript –muuttujalla:

       

        <script type="text/javascript">

        <!--

        pnp_server = "http://shop.pixnpals.com";

        pnp_shop_client = 5;

        pnp_pd = 27;

        pnp_shop_height = 700;

        pnp_background_color = "#ffffff";

        pnp_theme_color_1 = "#ff8b4d";

        pnp_theme_color_2 = "#b5b5b5";

        pnp_theme_color_3 = "#fff8e7";

        pnp_theme_color_4 = "#ffefc8";

        pnp_text_color = "#555555";

        pnp_error_text_color = "#ff0000";

        pnp_button_line_color = "#333333";

        pnp_button_fill_color = "#692805";

        pnp_button_inner_line_color = "#ffffff";

        pnp_button_text_color = "#ffffff";

        document.write("<script type='text/javascript'

               src='"+pnp_server+"/js/show_shop.js'><\/script>");

        //-->

        </script>

 

 

Tällöin et tarvitse mitään GET-parametreja.

3.2       PhotoItem –tuotteen erikoisominaisuudet

PhotoItem –tuotteilla on erikoisominaisuus, jolla malli voidaan asettaa valmiiksi. Tällöin tuotelinkki tuotevalikossa johtaa suoraan tuotesivulle (hypätään yli info sivun). Tätä ominaisuutta voidaan käyttää, jos malleja on paljon ja mallia ei pysty valitsemaan tekstin perusteella. Tällainen tarve on esimerkiksi joulukorteillaa ja kiitoskorteilla (Asiakas haluaa nähdä kaikki mallit ja valita kuvan perusteella). 

Voit tehdä oman html -sivun kaikkia näitä malleja varten (esim: joulukortit.html), ja listata sinne kaikki joulukorttimallit kuvineen. Jokaiselle mallille teet oman tilauslinkin, joka on sama kuin tuotteen tilauslinkki, mutta lisäät sen loppuun GET-parametrin pnp_type, ja annat sille mallin ID numeron. Esim:

http://example.com/tilaa.html?pnp_pd=6&pnp_type=67

Kaikkien tyypien ID numerot saat tuotteen sivulta hallintapanelissa, samasta taulukosta, jossa on kaikki mallit.

Jos et jostain syystä voi käyttää GET-parametreja (Jokin CMS järjestelmä käytössä), niin voit myös asettaa tyypin pnp_type javascript –muuttujalla, niin kuin pnp_pd edelllisessä kappaleessa.