Neu Shop5 - Artikelübersicht: Beim Mouseover wird autom. das zweite Artikelbild angezeigt - wie abstellen?

[tsinus]

Shop 5 / NOVA:
In der Artikelübersicht einer Kategorie werden z.B. acht Produktbilder der Artikel angezeigt, die sich in dieser Kategorie befinden.
Will der Besucher nun ein Produkt auswählen, um zur Artikeldetailseite zu kommen, erscheint automatisch das zweite Produktbild sobald er mit der Maus über den gewünschten Artikel fährt.
Wie, bzw. wo kann ich das abstellen?

Gruß
Thomas

 

[ARA-Marketing]

Hi.... mit den Bordmittel gar nicht...

Child-Template machen und die entsprechende tpl kopieren, und die Bildernummer {$image = $Artikel->Bilder[0]}
ändern, damit die Funktion selber erhalten bleibt (es erscheint ja beim hover noch mehr, Wunschartikel/Vergleich usw...)
aber das Bild bei Bild 1 bleibt.

Viele Grüße
Eas

 

[MHillmann]

Hallo @tsinus

du könntest es auch einfach per css machen (ungetestet):

.list-gallery:hover img.first {

  opacity: 1;

}

.list-gallery:hover img.second {

  opacity: 0;

}

Dann wären die Bilder allerdings trotzdem noch unnötigerweise vorhanden, halt nur unsichtbar. Man könnte sie also in einem Child-Template noch entfernen.

Viele Grüße
Michael

 

[Alban]

Hi.... mit den Bordmittel gar nicht...

Child-Template machen und die entsprechende tpl kopieren, und die Bildernummer {$image = $Artikel->Bilder[0]}
ändern, damit die Funktion selber erhalten bleibt (es erscheint ja beim hover noch mehr, Wunschartikel/Vergleich usw...)
aber das Bild bei Bild 1 bleibt.

Viele Grüße
Eas

Hmm, verstehe ich nicht, zu was muss {$image = $Artikel->Bilder[0]} geändert werden?

VG,
Alban

 

[ARA-Marketing]

..probiere das mal von MHillmann.... sollte in 4.01 auch gehen....

VG
Eas

 

[frezno]

gibt es dahingehend was Neues?
Ich hab das oben empfohlene css eingefügt (in my-nova_crt.scss) kompiliert, Cache geleert - aber nichts passiert, nach wie vor erscheint das zeite Artikelbild beim hovern.
Was mach ich ggf falsch oder wie erreiche ich es, dass das zweite Bild beim hovern nicht mehr erscheint?

 

[ARA-Marketing]

Servus....
also mal so zur Erklärung: die xxxx_crt.scss ist sozusagen der "Preload" der CSS-Dateien, also das schnelle, damit die Browser was zu lesen und zum Initialisieren haben.
wenn dann musst du es in die xxx.scss eintragen und dann kompilieren....

der richtige und Königsweg ist allerdings, Child-Template -> custom.css !!!

VG
Eas

 

[frezno]

der richtige und Königsweg ist allerdings, Child-Template -> custom.css !!!

crossposting ist doof, hatte den Thread über Suche gefunden und zu spät gemerkt, dass es hier eigentlich um v4 geht.

 

[mastertango]

Habe es folgendermaßen gelöst im Nova ...

Ich habe in der item_list.tpl folgendes geändert

{if !$isMobile && !empty($Artikel->Bilder[0])}
                                                    {$image = $Artikel->Bilder[0]}
                                                    <div class="productbox-image square square-image second-wrapper">
                                                        <div class="inner">
                                                            {image alt=$image->cAltAttribut|escape:'html' fluid=true webp=true lazy=true
                                                                src="{$image->cURLKlein}"
                                                                srcset="{$image->cURLMini} {$Einstellungen.bilder.bilder_artikel_mini_breite}w,
                                                                    {$image->cURLKlein} {$Einstellungen.bilder.bilder_artikel_klein_breite}w,
                                                                    {$image->cURLNormal} {$Einstellungen.bilder.bilder_artikel_normal_breite}w"
                                                                sizes="auto"
                                                                class="second"
                                                            }
                                                        </div>
                                                    </div>
                                                {/if}

dazu dann folgende Zeile gelöscht

class="{if !$isMobile && !empty($Artikel->Bilder[1])}first{/if}"

das gleiche in der item_box.tpl