MyCashflow'n variaatiosplitteri on JavaScript-työkalu, joka muuntaa määrätyllä tavalla nimetyt variaatiot vaiheittaisiksi pudotusvalikoiksi. Tässä artikkelissa ohjeistetaan työkalun lisääminen omaan kaupan teemaan.

Barebones-teeman päälle kehitetyille teemoille on tarjolla helppokäyttöinen variations.js-plugin, jonka avulla variaatiosplitteri on vaivatonta lisätä teemaan.

Tutustu variaatiosplitterin toimintaan myös käyttöoppaassa.

Variaatiosplitteri vaatii seuraavat JavaScript-tiedostot toimiakseen:

Ensin sinun on ladattava sivulle variaatiosplitterin vaatimat käännökset:

window.mcf = {
    Lang: {
        Variation: 'Variaatio',
        Choose: 'Valitse'
    }
}

Muuttujiin mcf.Lang.Variation ja mcf.Lang.Choose kannattaa ladata sisältö verkkokaupan sanakirjasta – varsinkin jos kyseessä on monikielinen verkkokauppa.

Kun vaaditut JavaScript-tiedostot ja käännökset on ladattu, variaatiosplitteri alustetaan tuotesivulla seuraavasti:

$('.BuyForm').mcfVariationSplitter();

Tällöin kaikki variaatiosplitterin vaatiman muodon mukaan nimetyt variaatiot muunnetaan pudotusvalikoiksi, jotka tulevat näkyviin aina kun edellisen valikon arvo on valittu.

Varmista että alustat variaatiosplitterin vasta kun kaikki tarvittavat skriptit on ladattu ja työkalun tarvitsemat käännökset on ladattu.