3 spaltiges Listing

Shopware 5 Themes & Design
1

Ich möchte in meinem Shop ein 3 spaltiges Listing haben. Ich habe bereits eine Ableitung meines gekauften Themes erstellt und in dieser Ableitung eine all.less Datei unter “theme->frontend->Name der Ableitung->frontend->public->src->less” erstellt. In dieser all.less Datei habe ich auf die, im Ordner modules befindliche, neu erstelle product-box.less Datei verwiesen. In dieser product-box.less Datei habe ich folgendes reingeschrieben:  .box–image {     width: 33.3%; } Trotzdem wird im Frontend keine Änderung übernommen. Was habe ich falsch gemacht?

2

Das geht nicht so einfach. Wenn du eiskalt 33.3% einträgst, gilt dies auch für ein Smartphone. Dann hast du auf dem Minidisplay 3 Produkte nebeneinader gequetscht. Das will doch niemand. Stelle bei der Kategorie doch mal das Produkt-Layout auf „großes Bild“. Dann ist es dreispaltig im Desktop. Vielleicht reicht das ja schon.
Viele Grüße

3

Mit media queries kannst du festlegen ab welchem Gerät der User die Änderung sehen soll:

@media screen and(min-width: @phoneLandscapeViewportWidth){
  /*mache nichts*/
}
@media screen and(min-width: @tabletViewportWidth){
  /*mache nichts*/
}
@media screen and(min-width: @tabletLandscapeViewportWidth){
  /*mache nichts*/
}
@media screen and(min-width: @desktopViewportWidth){
  /*falls du die minimal Anzeige nutzt*/
  .box--minimal{
    width: 33.333%
  }
}