Ladattava teema: Volcano | Vilkas tuki

Volcano-teema on moderni, selkeä ja responsiivinen teema. Jos olet asentanut teeman kauppaasi, niin alta löydät teeman kuvausta ja ohjeita.

Volcano-teema on poistunut käytöstä

Tämä teema ei enää täytä kaikkia nykyaikaisten teemojen vaatimuksia ja sitä ei saa enää otettua käyttöön. Alta löydät vielä sen ohjeita, jos teema on vielä käytössä kaupassasi.

Tämän teeman virallinen tuki on loppunut, joka tarkoittaa, että sen mahdollisia ongelmia ei enää korjata normaalina ylläpitotyönä tai tukena. Jos teemaan halutaan vielä muokkauksia tai korjauksia, niin tämä on mahdollista maksullisena kustomointityönä.

Jos etsit uuttaa teemaa kauppaasi, niin täältä löydät kaikki Suite-kauppojen teemat
https://www.vilkas.fi/tuki/suite/tuki/teemakauppa

Jos haluat korjauksia tai muokkauksia tähän teemaan, niin ota yhteyttä asiantuntijoihimme.

Ominaisuudet

• Vasen sivupalkki Desktop-näkymässä mahdollistaa pitkät tuoteryhmälistat verrattuna horisontaaliseen navigaatiovalikkoon.
• Desktop-näkymän maksimileveys 1400px mahdollistaa isojen fonttikokojen käyttämisen ja useiden elementtien sijoittamisen näkyviin ilman, että kokonaisuus menee sekavaksi.
• Etusivun iso, vaihtuva kuva on nyt entistä helpommin ylläpidettävä.
• Etusivun pienillä bannereilla voi helposti nostaa tärkeitä tuoteryhmiä tai sivuja esille.
• Etusivun tekstilohkoja sijoiteltu tuotenostojen ylä- ja alapuolelle hakukoneoptimoinnin helpottamiseksi.
• Entistä toimivampi mobiilinäkymä.
• Kieliversioiden liput uudistettu .svg-kuviin, jotka näkyvät terävinä kaikissa tilanteissa.

Mobiilinäkymässä yläosa on kompakti ja tuoteryhmävalikko avautuu hampurilaiskuvakkeen alta. Mobiilivalikosta, tuoteryhmälistan alapuolelta, löytyvät helposti kaikki Desktop-näkymässäkin olevat sisällöt.

Demo

Muokkaaminen

Toimiakseen oikein, teemassa on esimääritetty joitakin asetuksia. Tietyt alueet, kuten ylä- ja alatunnisteet ovat myös tarkoituksella muotoiltu tietyllä tavalla, jotta ne pystyvät mukautumaan responsiivisesti myös pienempien mobiililaitteiden, kuten kännyköiden, näytöille.

Sivuelementit

Voit muokata rakenteeseen lisättäviä sivuelementtejä Ulkoasu > Ulkoasun yksityiskohtainen muokkaus -sivulla. Esimerkkisisällöt ovat seuraavanlaisia:

• Ylätunniste 1 - Vasemmassa yläkulmassa on teksti/html -elementti, jossa on verkkokaupan palvelulupaus muutamalla sanalla ilmaistuna. Lisää tähän oma palvelulupauksesi.
  Oikeassa yläkulmassa on kirjautumislinkit sekä liput kielen vaihtamiseen. Jos kaupassasi on valittavissa vain yksi kieli, voit poistaa tämän elementin viemällä hiiren sen päälle ja painamalla poista-kuvaketta.
• Ylätunniste 2 - Vasemmalla logo ja oikealla tuotehaku sekä ostoskori. Näitä ei tule muuttaa.
• Ylänavigaatiopalkki muille kuin tuoteryhmien linkeille. Ylänavigaation taustaväriä käytetään myös "tuote lisätty ostoskoriin" ilmoituksen taustavärinä sekä etusivun pienten bannereiden tekstilaatikkkojen taustavärinä, joten voit lisätä tähän oman brändivärisi. Huomio - Jos asetat ylätunnisteen taustavärin valkoiseksi, näkyy tuotteen ostoskoriin lisäämisen ilmoitus valkoisena tekstinä valkoisella pohjalla. Tälläisessä tilanteessa voit asettaa head-alueelle css-koodin joka tekee toisen taustavärin ilmoitukseen:
  <style>div#BasketOverLay { background: green !important }</style>
• Vasemmasta sivupalkista löytyvät elementit "sivujen puunäkymä laatikkona", joka tarkoittaa tuoteryhmälistaa. Jos tuoteryhmällä on alatuoteryhmiä, näkyy tuoteryhmän edessä kuvake, josta alatuoteryhmät saa avattua.
  "Viimeksi katsotut tuotteet" listaa asiakkaan aiemmin katsottuja tuotteita, myös edellisellä vierailulla katsotut tuotteet.
  "Miksi valita meidät"  sisältää vapaasti muokattavaa sisältöä, johon voit kirjoittaa haluamiasi asioita asiakkaan vakuuttamiseksi.
  "Tarjoukset"-laatikkoon listataan tuotteet, jotka on lisätty "Tarjoustuotteet" tyyppiseen tuoteryhmään. Luo ensin sivu Sisältö/Tuoteryhmät > Lomakenäkymä -sivulla.
  "Seuraa meitä" sisältää vapaasti muokattavaa sisältöä, johon on laitettu esimerkkinä somepalveluita. Muokkaa näihin omien some-kanaviesi osoitteet ja poista ylimääräiset palvelut listasta.
  "Alatunniste" kohdassa voit muokkata alatunnisteeseen oikeat infosivut ja halutessasi käyttämiesi maksu- ja kuljetuspalvelujen logot. Yhteystiedot tulevat automaattisesti Asetukset > Yleiset asetukset > Osoite -sivun tiedoista.

Etusivun sisältö ja asettelu

Etusivu rakennetaan lisäämällä seuraavat kuvaukset:

• Pitkä kuvaus = vaihtuvat kuvat
• Pitkä kuvaus 2 = lyhyt esittelyteksti ison bannerin alla
• Pitkä kuvaus 3 = pienet bannerit sekä tuotenostojen otsikko
• Pitkä kuvaus 4 = etusivun alalaitaan tuleva esittelyteksti, johon voi sijoittaa mm. hakukoneoptimointiin tarpeellista sisältöä

Etusivun asettelun tulee olla seuraava:

Etusivun iso banneri

Etusivun iso banneri muokataan vaihtuvaksi kuvaksi, kun etusivun ensimmäiseen pitkään kuvaukseen lisätään kuvia allekkain. Kuvan "Vaihtoehtoinen teksti" ja "Avustava otsikko" kentistä luodaan bannerin päällä näkyvät tekstit. Jos teet kuvasta linkin, tee linkki ensin ja syötä vasta sitten kuvan tekstit.

Bannerikuvan mitat ovat 1200px x 600px. Korkeus voi olla myös isompi tai pienempi, mutta tärkeää on, että kaikki vaihtuvat kuvat ovat samankokoisia. Kiinnitä huomiota bannereiden tiedostokokoihin, ettei sivun latausaika kasva tarpeettoman pitkäksi. Kuvan voi optimoida kuvankäsittelyohjelmassa tai esimerkiksi tinyjpg.com palvelussa.

Etusivun pienet bannerit

Pieniä bannereita voidaan käyttää esimerkiksi tärkeimpien tuoteryhmien esittelyyn. Bannereita näytetään desktopissa 3 rinnakkain ja mobiilissa yksittäin. Luo "Pitkä kuvaus 3" kenttään bullet-lista, johon lisäät kuvan jokaiselle bulletille. Myös pienissä bannereissa luodaan kuvan päälle tekstilaatikko ja tekstit kirjoitetaan kuvan "Vaihtoehtoinen teksti" ja "Avustava otsikko" -kenttiin.

Kuvien mitat ovat 400px x 500px. Kuten isoissakin bannereissa, korkeus voi olla isompi tai pienenmpi.

Ulkoasun päivittäminen palveluna