Jssor Sliderin lisääminen

KehittäjilleKoodausohjeet › Jssor Sliderin lisääminen

Kuvaliukuri (slider) voidaan lisätä verkkokaupan yksittäiselle sivulle tai kaikille sivuille monella eri tavalla. Yhteistä kaikille tavoille on se, että ne käyttävät HTML-sivunkuvauskieltä, CSS-tyylimäärittelyjä ja JavaScript-komentosarjakieltä. Asennamme tässä malliesimerkissä Jssor Slider ↗ -liukurin.

Toteutusohjeet (vaihe 1)

  • Lataa Jssor Slider ↗ klikkaamalla Full Width Slider, sitten ylhäältä oikealta Get ja sitten Download Standard Code.
  • Pura full-width-slider.slider.standard.zip -tiedosto omalle tietokoneellesi.
  • Siirrä js-kansiossa oleva jssor.slider-28.0.0.min -tiedosto FTP-ohjelmalla kotisivutilassa olevaan js-nimiseen kansioon (https://www.example.com/js/).

Toteutusohjeet (vaihe 2)

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa Lisää uusi -painiketta.
  • Valitse tyypiksi "HTML5/JavaScript".
  • Syötä nimeksi "Slider" tai mitä tahansa.
  • Valitse Sivu-kohdasta "Etusivu" tai mitä tahansa.
  • Valitse Sijainti-kohdasta "Verkkokaupassa #content jälkeen" tai mitä tahansa.
  • Lisää Koodi-kohtaan full-width-slider.slider.standard.zip -tiedoston sisällä olevassa standard.html -tiedostossa oleva kuvaliukurin HTML-koodi. Älä lisää koko tiedostoa vaan ainoastaan kuvaliukurin osuus siitä. Oikea aloituspiste ja lopetuspiste on merkitty aloitus- ja loppukommentilla.
  • Klikkaa Tallenna-painiketta.

Toteutusohjeet (vaihe 3)

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa Lisää uusi -painiketta*.
  • Valitse tyypiksi "Kuva".
  • Syötä nimeksi "kuva1" tai mitä tahansa.
  • Lataa (upload) kuva.
  • Klikkaa Tallenna-painiketta.

* Toista toimenpidettä riippuen siitä, kuinka monta kuvaa haluat lisätä slideriin.

Toteutusohjeet (vaihe 4)

Vaihda kuvatiedostojen nimet Slider-nimisessä kortissa olevaan html-koodiin (viitaten vaiheeseen 2).

Vastuunrajoitus

Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.

Näin rakennat yrityksellesi verkkokaupan

1. Tilaa webhotelli

Tilaa esimerkiksi Cloudcity Plus ↗. Vaihtoehtoisesti voit tilata netistä minkä tahansa EU:n alueella toimivan webhotellipalvelun, joka on yhteensopiva ohjelmiston kanssa.

2. Tilaa asennus

Tilaa maksuton asennustyö. Vaihtoehtoisesti voit ladata ja asentaa ohjelmiston itse. Maksuton tekninen tukemme neuvoo tarvittaessa kummassakin tapauksessa.

3. Perusta verkkokauppa

Kirjaudu selaimella verkkokaupan hallintaliittymään ja perusta verkkokauppa. Tarjoamme maksuttoman Maxi-lisenssin verkkokaupan perustamisen ajaksi.

4. Tilaa lisenssi

Tilaa Mini- tai Maxi-lisenssi vasta, kun olet perustanut verkkokaupan. Vaihtoehtoisesti voit olla perustamatta verkkokauppaa tai käyttää ohjelmistoa maksuttomassa lepotilassa.

Scroll to Top