Voit antaa luomillesi tuotevariaatioille yksilölliset tuotekuvat, jotka näytetään mm. tuotesivulla, kassalla ja asiakkaille lähetettävissä ilmoituksissa.

Variaatioon liitetty tuotekuva näytetään variaation yhteydessä eri kohdissa sekä kaupan julkisella puolella että hallintatyökalussa. Jokaiseen variaatioon voit liittää vain yhden tuotekuvan.

Kuvan liittäminen variaatiolle onnistuu:
  • tuotekortin kautta, jolloin määrität vaivattomasti yksittäisten variaatioiden kuvat
  • CSV-tuonnilla, joka mahdollistaa useiden variaatioiden kuvien määrittämisen yhdellä kerralla. Samalla voit myös määrittää kuvatekstit tai liittää variaatiolle kuvan ulkoisesta URL-osoitteesta.
  • kuvatekstin avulla.

    Kuvatekstien avulla määritetyt variaatiokuvat vaihdetaan näkyviin verkkokaupan julkisella puolella asiakkaan valitessa uuden variaation. Huomaa, että tätä tapaa käyttäessä voit liittää kuvan ainoastaan yhdelle variaatiolle.

Tuotekuvien liittäminen variaatioille tuotekortilla

Varmista, että tuotteelle on lisätty kuva, jonka haluat liittää variaatiolle.

  1. Avaa haluamasi tuote muokattavaksi hallintatyökalun Tuotteet-sivulta.
  2. Varasto-välilehdellä paina haluamasi variaation kuvaa.

    Saat näkyviin kaikki tuotteelle lisätyt kuvat.

  3. Valitse haluamasi kuva ja paina Tallenna-painiketta.

Kuva on nyt liitetty variaatiolle.

Tuotekuvien liittäminen variaatioihin CSV-tuonnin avulla

CSV-tuonnin avulla voit asettaa monille variaatioille kuvat yhdellä kerralla ja määritellä näiden kuvatekstit. Liitettävät kuvat voivat sijaita verkkokaupan tiedostohakemiston /tuotekuvat-kansiossa tai ulkoisessa URL-osoitteessa.

Kuvatekstien määrittämien on mahdollista vain tiedostohakemistossa sijaitsevien kuvien osalta.

  1. Lataa muokattavien variaatioiden tiedot CSV-viennin avulla.

    Viennin tyypiksi valitse Tuotevariaatiot ja ladattavaksi tiedoiksi valitse ainakin VariationID ja VariationImage.

    Tarvittaessa lue lisää CSV-viennin käyttämisestä.

  2. Lataamasi tiedoston perusteella, laadi CSV-tuontitiedosto.

    Katso myös tuotevariaatioiden kuvien tuonnin CSV-tunnisteet.

    Alla näet toimivan esimerkkitiedoston, jossa lisätään kuva tuotteen ensimmäiselle variaatiolle verkkokaupan tiedostohakemistosta, toiselle ulkoisesta URL-osoitteesta ja kolmannelle lisätään kuva verkkokaupan tiedostohakemistossa kuvatekstin kera:
    ProductID;    VariationID;    VariationImage;    VariationAddImageFromURL;    VariationImageWithCaption
    16;           1;              farkut.png;        ;
    16;           2;              ;                  https://www.kauppa.fi/tuotekuvat/housut.png;
    16;           3;              ;                  ;                            farkut.png:Rennot farkut edestä
  3. Tallenna tiedosto ja tuo se verkkokauppaan sivulla Raportit > CSV-tuonti.

    Valitse tuotavan sisällön tyypiksi Tuotevariaatiot.

    Tarvittaessa lue lisää CSV-tuonnin käyttämisestä.

Tuotekuvien liittäminen variaatioihin kuvatekstin avulla

Tämä tapa vaatii, että tuotteelle on lisätty kuva, jonka haluat liittää variaatiolle.

Jos haluat, että variaation kuva näytetään valittuna tuotesivulla, kun variaatio on valittu, varmista että tuotekuvien vaihtamiseen käytettävä Javascript-tiedosto on liitettynä teemaasi. Ilman kyseistä skriptiä tuotekuvien vaihtaminen valitun variaation perusteella ei toimi.

Kuvien vaihtaminen valitun variaation perusteella ei ole myöskään tuettu variaatiosplitteria käyttäessä.

Voit asettaa variaatiolle kuvan määrittelemällä kyseisen kuvan kuvatekstin identtiseksi variaationimen kanssa.

  1. Avaa haluamasi tuote muokattavaksi hallintatyökalun Tuotteet-sivulta.
  2. Paina haluamaasi tuotekuvaa tuotekortin tuotekuvalistalla.

    Kuvan tiedot ja asetukset aukeavat.

  3. Anna kuvatekstiksi variaation nimi, johon haluat liittää kuvan. Kuva liitetään valitsemaasi variaatioon automaattisesti nimen perusteella.

    Päivitä myös päätuotteen tuotekuvan kuvateksti vastaamaan jotakin variaatiota, jotta senkin voi vaihtaa näkyviin valitsemalla jokin variaatio.

  4. Tallenna kuvateksti ja sulje kuvan tiedot. Toista sama jokaiselle variaatiolle, jolle haluat yksilöllisen kuvan.

    Tarkista lopuksi verkkokaupan julkiselta puolelta, että kuva liitettiin haluamaasi variaatioon.

Asiakkaan valitessa uuden variaation verkkokaupan julkisella puolella variaatioon liitetty tuotekuva vaihdetaan näkyviin.

Voit nyt määrittää muiden variaatioiden kuvat samalla tavalla.