Hallo, ich bin dabei meinen Shop von 3.2 auf 3.15 zu updaten. Bei rabattierten Artikeln wird dabei der Artikelname von der Rabattanzeige überlagert. Im alten Design wurde der Artikelname entsprechend getrennt. Zur Veranschaulichung ein Bild anbei. Spoiler: Detailansicht Produkt Gehe ich richtig in der Annahme, dass hierfür die templates/Honeygrid/product_details.html zuständig ist? Leider sind die beiden Versionen in meinen Laienaugen völlig unterschiedlich, wo könnte ich die gewünschte Änderung vornehmen?
Hallo Christian, das könnte an der Silbentrennung liegen, das findest Du im Admin unter Darstellung -> Template Einstellungen ganz unten. Man könnte aber auch das Ribbon etwas nach oben verschieben, per css im Style Editor
Mach einfach per CSS einen kleinen Abstand oben, damit der Text immer unter dem Ribbon durchgeht. Eigentlich ist da auch so einer.
Danke erstmal für die Hinweise! Ich habe da leider absolut keine Ahnung - wenn ich die Elemente im Chrome untersuche, habe ich Spoiler: Element Inspector Code: <div class="hidden-xs hidden-sm ribbon-spacing"> </div> Code: .product-info .product-info-details .ribbon-spacing { min-height: 6px; } Wenn ich min-height jetzt auf 20px setze, erhalte ich den gewünschten Abstand. Wie kann ich jetzt diesen Wert im Style-Edit in mein eigenes CSS für dieses Element übernehmen? Bisher steht dort (was damit wohl nichts zu tun hat): Spoiler: CSS Code: @media (min-width: $grid-float-breakpoint) { #outer-wrapper { @include box-shadow(0 0 10px rgba(0, 0, 0, .3)); } #topbar-container { background: transparent; margin-top: -30px; @include border-top-radius(10px); .navbar-topbar { margin-right: 30px; } } #footer { @include border-bottom-radius(10px); } }
Okay, ist wohl einfacher als gedacht.. falls noch jemand das Problem hat - im CSS habe ich folgendes eingefügt: Spoiler Code: .product-info .product-info-details .ribbon-spacing { min-height: 25px; }