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.