Neu Trigger bei Variationswechsel

[MaxWe]

Moin,

mal wieder muss ich mich an das gesammelte Wissen des Forums wenden..

Wir würden gerne nach einem Variationswechsel (zbsp. wechsel Farbe), eigenen Javascript Code triggern.
Bisher ging das immer mit "waitForImages(...)", allerdings geht es seit kurzem nicht mehr..Gott weiß wieso.
waitForImages wird einmal beim Aufruf der Artikeldetail Seite getriggert, womit ich davon ausgehen kann, dass der Handler ansich funktioniert.
Allerdings wird es nicht (mehr) beim Wechsel der Variationen getriggert.. Die Frage ist, gibt es hier vielleicht eine andere Möglichkeit den Wechsel mitzubekommen?

Beste Grüße

 

[FPrüfer]

Hallo,
wenn du ein Child vom Evo verwendest, dann kannst du hier auf den io-Trigger vom Evo lauschen. Für den Wechsel der Variation einer Variationskombination wäre das z.B. so möglich:

$(document).on('evo:loaded.io.request', function (event, data) {
    if (data.req.name === 'checkVarkombiDependencies') {
        console.log(data.req);
    }
});

 

[MaxWe]

Moin FPrüfer,

vielen Dank! Der Trigger funktioniert aufjedenfall
Nun noch den passenden Zeitpunkt abpassen, wenn die Images auch geladen sind und dann sollte das laufen

Grüße

 

[anubis303]

Hi MaxWe,
kannst Du mir Dein Script posten bzw. wie frägst Du ab, wann die Bilder geladen sind?
Thx4Info

 

[MaxWe]

Moin,
lange ists her.. Das sollte der Code sein

<script>
$(document).ready(function() {ldelim}
  if($('body').attr('data-page') == 1){ldelim}
    $(document).waitForImages(function(){ldelim}
        {* console.log("IMAGES LOADED"); *}

    {rdelim},function(){ldelim}{rdelim},true);
  {rdelim}
{rdelim});
</script>

Das wäre die Version direkt innerhalb des Templates.. wir hatten es in "productdetails\image.tpl" eingebunden.

 

[anubis303]

Moin,
lange ists her.. Das sollte der Code sein

<script>
$(document).ready(function() {ldelim}
  if($('body').attr('data-page') == 1){ldelim}
    $(document).waitForImages(function(){ldelim}
        {* console.log("IMAGES LOADED"); *}

    {rdelim},function(){ldelim}{rdelim},true);
  {rdelim}
{rdelim});
</script>

Das wäre die Version direkt innerhalb des Templates.. wir hatten es in "productdetails\image.tpl" eingebunden.

thx MaxWe