Barebones-teeman työkalu, jonka avulla voit näyttää tuotevariaation eri ominaisuudet vaiheittaisina pudotusvalikkoina.

Variaatiosplitterin avulla voit luoda variaatioiden ominaisuuksista vaiheittaisia pudotusvalikkoja verkkokaupan tuotesivuille. Variaatiosplitteriä kannattaa käyttää, kun tuotteen variaatioilla on useita vaihtelevia ominaisuuksia (esim. koko ja väri). Tällöin asiakas valitsee haluamansa variaation ominaisuuksien perusteella variaatiosplitterin tuottamista pudotusvalikoista.

Tutustu variaatiosplitteriin käyttöoppaassa.

Käyttöönotto

Variaatiosplitteri on valmiiksi tuettu sisäänrakennetuissa oletusteemoissa (Barebones ja Perinteinen oletusteema) eikä vaadi erillistä asennusta toimiakseen näitä teemoja käytettävissä kauppaversioissa.

Variaatiosplitterin käyttöönotto edellyttää, että:

  • Ostotyökalut on lisätty tuotesivulle käyttämällä {ProductBuy}-tagia.
  • Teemassa on käytössä jQuery.

    Oletusteemoihin jQuery on lisätty valmiiksi. Voit lisätä jQueryn teemaan käyttämällä {SupportScripts}-tagia.

  • Teemaan on lisätty variations.js-plugin.

Plugin otetaan käyttöön teemassa alustamalla se jossain teeman JavaScript-tiedostossa. Barebones-teemassa alustaminen tehdään scripts/custom.js-tiedostossa:

MCF.Variations.init({
    selectText: MCF.Locales.get('choose')
});

Kun plugin on alustettu, se tekee vaiheittaisia <select>-valikkoja variaatioista, joiden nimi on muotoa Ominaisuus: Arvo | Ominaisuus 2: Arvo.

Muille kuin Barebones-teeman päälle kehitetyille teemoille on saatavilla erillinen mcf.variationsplitter.js-plugin (katso ohjeet pluginin käyttöön).