Höhe der Produkt Boxen unterschiedlich

[Gehasi]

Hallo habe folgendes Problem..

und ja ich habe die Suche benutzt dieser Artikel hilft mir nicht weiter

http://forum.jtl-software.de/templa...dige-listung-der-artikel-einer-kategorie.html

Mein Problem ist, dass bei der Auflistung der Produkte in dem Div mit der Klasse product-cell ein style mit einer Höhe von 759px steht.
Allerdings ist das nicht in jeder reihe so sondern nur bei einigen. Hat dazu jemand eine Idee oder eine Lösung?

Vielen Dank

 

[boaa-group]

AW: Höhe der Produkt Boxen unterschiedlich

Als "alter Hase" im Forum solltest du ja schon wissen, dass...

... ShopVersion
... verwendetes Template
... Link zum Problem

hilfreich wären 😉

 

[Gehasi]

AW: Höhe der Produkt Boxen unterschiedlich

Da hast du allerdings recht, habe das im Eifer des Gefechts vergessen....

Shop 4.0.2
Evo Template
Hier ein Link zu unserm Testshop: Link

 

[boaa-group]

AW: Höhe der Produkt Boxen unterschiedlich

Kein Bug sondern ein Feature, verursacht durch Screenshot by Lightshot
Sorgt dafür das bei unterschiedlich großen Bildern bzw. langen Artikelnamen die Boxen dennoch einheitlich bleiben.

 

[Gehasi]

AW: Höhe der Produkt Boxen unterschiedlich

Das Feature ist gut, aber bei einigen reihen habe ich ca 300px weiße Fläche unter dem In den Warenkorb schieben. Das ist total verschwendeter Platz siehe Screenshot:

Link

hast du da noch einen Tipp für mich?

 

[Gehasi]

AW: Höhe der Produkt Boxen unterschiedlich

Hat noch jemand eine Idee wo der Fehler liegt oder wie ich das anpassen kann?

 

[boaa-group]

AW: Höhe der Produkt Boxen unterschiedlich

Das ist dann aber ein Bug. In welchem Browser tritt das bei dir auf, kann das im Chrome nicht nachstellen? Tritt das mit dem unveränderten Evo Template ebenfalls auf?

 

[martinwolf]

AW: Höhe der Produkt Boxen unterschiedlich

Ich sehs im Firefox. Die Darstellung korrigiert sich, wenn ich das Browserfenster in der Größe veränder.

 

[Gehasi]

AW: Höhe der Produkt Boxen unterschiedlich

Mit dem standard Template passiert das nicht, bei mir ist der Fehler auch in Chrome zu sehen (Mac).

Ist aber schon seltsam, dass das es bei manchen reihen passiert und bei anderen nicht.

 

[boaa-group]

AW: Höhe der Produkt Boxen unterschiedlich

Ich behaupte Mal folgendes:

Die Ursache ist lazyload in Kombination mit dem eq-height Feature... letzteres kann hier scheinbar vereinzelt die Höhe der Boxen nicht erfassen (vermutlich wegen dem noch nicht geladenen Bild) und hinterlegt dann einen falschen Wert.
Leider bin ich bis Dienstag ziemlich verplant, eventuell hat Martin Zeit sich das nochmal anzusehen, ansonsten musst du eventuell deine Änderungen Rückgängig machen und eine nach der anderen neu einpflegen um zu erkennen welche deine Anpassungen das Problem auslöst.

 

[Gehasi]

AW: Höhe der Produkt Boxen unterschiedlich

Also der Fehler liegt irgendwo an der jtl.evo.js. Die lade ich über mein Template.xml aus meinem Child Theme.

Wenn ich die Datei lösche, funktioniert es, wenn ich die Datei durch die originale aus dem evo template ersetze sind die Felder wieder groß.

Kann es sein, dass da irgendwas kollidiert?

Ich habe dort nur die Anzahl der Artikel geändert die im Slider angezeigt werden sollen.

 

[h.freeman]

AW: Höhe der Produkt Boxen unterschiedlich

Ich denke es liegt an den original Evo-Dateien. Wir haben das gleiche Problem bei einem Shop 4.0.3, an welchem keine Templateänderungen gemacht wurden.

 

[rieste]

AW: Höhe der Produkt Boxen unterschiedlich

Hallo,
Wir haben das selbe Problem.
Shop 4.03
Child template angelegt und die Höhen sind unterschiedlich. Gibt es hier schon eine Lösung wie man das lösen kann. Wäre echt toll.
Danke.

 

[css-umsetzung]

AW: Höhe der Produkt Boxen unterschiedlich

Ich poste morgen mal mein js, das ich für die Artikellisten anwende, dies berücksicht so ziemlich alles in der Box, was von der Höhe her unterschiedlich sein könnte.

Ich glaube, ich hab die echte klasse equals aus den boxen auch entfernt, aber aus dem Kopf weiß ich das jetzt nicht.

 

[css-umsetzung]

AW: Höhe der Produkt Boxen unterschiedlich

So, hier wie versprochen, mein JS das ich einsetze, damit die Höhe der Boxen angepasst wird und auch bei einer Seitenweiterschaltung vernünftig bleibt.
Bindet das einfach als JS in euren Templates ein.

(function($, document, window, viewport){

    var target  = jQuery("#content")[0];
    var searchFor = "result-wrapper";
  var config = {
        childList: true,
        subtree: false
    };

    var changeLayoutStyle = function() {
      jQuery('.gallery .title,.gallery .delivery-status, .gallery .price_wrapper, .gallery .rating, .gallery .product-cell').css({
          height: 'auto'
      });
      jQuery('.gallery .title').equalHeight();
      jQuery('.gallery .delivery-status').equalHeight();
      jQuery('.gallery .price_wrapper').equalHeight();
      jQuery('.gallery .rating').equalHeight();
      jQuery(".equalheigh").equalHeight();
  }

  changeLayoutStyle();

  $(window).load(function() {
      changeLayoutStyle();
  });

  $(window).resize(
      viewport.changed(function(){
        changeLayoutStyle();
      })
  );

  MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

  var observer = new MutationObserver(function( mutations ) {
   mutations.forEach(function( mutation ) {
     var newNodes = mutation.addedNodes;
     if( newNodes !== null ) {
        var $nodes = jQuery( newNodes );
         $nodes.each(function() {
             var $node = jQuery( this );
             if( $node.attr("id") == searchFor  ) {
                 changeLayoutStyle();
             }
         });
     }
   });
  });
  observer.observe(target, config);

})(jQuery, document, window, ResponsiveBootstrapToolkit);

 

[rieste]

AW: Höhe der Produkt Boxen unterschiedlich

@css-umsetzung Funktioniert bestens! Danke für die Codezeilen!

 

[woot123]

AW: Höhe der Produkt Boxen unterschiedlich

So, hier wie versprochen, mein JS das ich einsetze, damit die Höhe der Boxen angepasst wird und auch bei einer Seitenweiterschaltung vernünftig bleibt.
Bindet das einfach als JS in euren Templates ein.

(function($, document, window, viewport){

....

})(jQuery, document, window, ResponsiveBootstrapToolkit);

Hallo @css-umsetzung,

hättest du hier zufällig eine aktuelle Version dieses Codes für die 4.06.13 oder einen Tipp für mich?

Es kommt hier die Fehlermeldung "ReferenceError: ResponsiveBootstrapToolkit is not defined".

Vielen Dank und schöne Grüße

 

[css-umsetzung]

Das solltest du in einer aktuellen Shop Version nicht mehr brauchen.
Da werden die Boxen eigentlich gut berechnet.

 

[woot123]

Bei uns klappt es zwar auf fast allen Kategorieseiten, aber auf ein paar will es einfach nicht korrekt funktionieren. Dann werde ich mal ein Ticket dazu öffnen. Vielen Dank für die Antwort! 🙂