Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

[Desecrator]

Hallo zusammen,

wo müsste man denn eingreifen, wenn ich vom evo-template (simplex) die Produktansicht kleiner machen will bzw. mehr Produkte gelistet haben will?
Derzeit sind diese 3spaltig (ist standardgemäß so). Wenn ich aber nun zb. 5 nebeneinander will?

Danke euch schon mal 🙂

 

[martinwolf]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

In der productlist/index.tpl ist für die jeweiligen Ansicht das "grid" definiert. Hier den zugewiesenen Wert entsprechend abändern.

Hinweis: 5 spaltig gibt es in Bootstrap im Standard nicht, da die teile in x/12 gerechnet werden.

 

[Desecrator]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

ah perfekt, vielen Dank.
mit col-lg-X kann ich die Anzahl ändern. Was aber macht "col-xs-"? Ich würde vermuten die Höhe ändern. aber egal was ich da ändere, es tut sich nix im Frontend.

 

[martinwolf]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Nein, Höhen werden nicht definiert, das Raster geht einzig auf die Breite. Um das Bootstrap Grid zu verstehen: Bootstrap Grid System

 

[ag-websolutions.de]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

"col-lg-*" bzw. "col-xs-*" definiert unterschiedliche max. Breiten der Endgeräte (Smartphone vs. PC-Monitor z.B.)

[h=2]Grid Classes[/h]

The Bootstrap grid system has four classes:

• xs (for phones)
• sm (for tablets)
• md (for desktops)
• lg (for larger desktops)

The classes above can be combined to create more dynamic and flexible layouts.

 

[naneona]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Ich wäre auch an einer Lösung Interessiert, wie man die Darstellung kompakter hinbekommt.
Ich glaube aber nicht, das dies hinzubekommen ist. (für uns Laien)
Sonst hätte man ja die Chance ohne Service Partner/Fremd Template auszukommen.
Vielleicht kommt ja hier noch was....

 

[ag-websolutions.de]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Vielleicht formulierSt du mal dein konkretes Problem bzw. Frage denn die Lösungsansätze stehen ja schon oben

 

[naneona]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Vielleicht formulierSt du mal dein konkretes Problem bzw. Frage denn die Lösungsansätze stehen ja schon oben

Danke für die Tipps, das oben hat mir schon etwas weiter geholfen.
Wenn man das richtig umgesetzt bekommt, wäre das ein großer Schritt Richtung kompakteres Design.
Die Artikel sind in der Galerie Ansicht ja durch feine graue Linien getrennt.
Ich finde das sehr gut, weil es etwas Struktur schafft.
Bei der Ansicht "4 Artikel nebeneinander" verschwinden zwischen einigen Angeboten die Trennlinien.
Ganz Links fehlt die graue Linie komplett.
Wie kann man das beheben. Mit Firebug habe ich es nicht raus gefunden.

 

[Desecrator]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Das gleiche "Problem" hab ich auch - hab das bisher ignoriert 😉

 

[naneona]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Das gleiche "Problem" hab ich auch - hab das bisher ignoriert 😉

Kann sich ja nur um 2-3px handeln die übereinander liegen, oder so.
Wenn man so weit ist bekommt den Rest auch hin. 🙂
Ist bestimmt für mehrere Leute von Interesse.

PS in der Produktlist/index.tpl habe ich jetzt die Nummerierung für Listen und Galerie Ansicht vertauscht.
Keine tolle Lösung weil die Zuordnung zu den Symbole auf der Seite nicht mehr passt, aber so wird erst mal Standard mäßig die Galerie Ansicht gezeigt. 😉

 

[KathiLe]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

aber so wird erst mal Standard mäßig die Galerie Ansicht gezeigt.

Einstellung Storefront / Suche / Einstellungen /Erweiterte Einstellungen

 

[naneona]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Das gleiche "Problem" hab ich auch - hab das bisher ignoriert 😉

Ich habe was gefunden 🙂

pack mal in Deine custom.css

@media (min-width: 1200px) {
.row.gallery .product-wrapper:nth-child(3n) {
border-right-color: #dddddd;
}

Achtung Tipp vom Laien, mit Vorsicht anzuwenden.

 

[naneona]

AW: Evo: Artikelansicht mit mehreren Spalten bzw. kleiner machen

Damit Links auch die Graue Linie wie rechts außen erscheint:

.row.gallery .product-wrapper {
overflow: hidden;
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
border-left: 1px solid #DDD;
}

die letzte Zeile habe ich hinzu gefügt.
Jetzt passt passen die "Umfassungen" in der Galerie Ansicht komplett.