- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
PrestaShop 1.5.x. Wie ändert man die Zahl an Spalten der Unterkategorien
März 3, 2014
Dieses Tutorial zeigt, wie ändert man die Menge von Unterkategorien in jeder Reihe in Ihrer PrestaShop Vorlage.
PrestaShop 1.5.x. Wie ändert man die Zahl an Spalten der Unterkategorien
-
Auf Ihrem FTP, oder benutzen Sie das Werkzeug File Manager im Control Panel, gehen Sie zu themes\theme_###\ (wo theme### – ist der Name Ihres Themas)über.
-
Öffnen Sie category.tpl für Bearbeitung.
-
Finden Sie die Zeile 73 (Zeilennemmer hängt von der Vorlage ab) mit solchem Code:
-
Laut des Grid-System Bootstrap, es gibt 4 Spaltenklassen, die ermöglichen leicht schwierige Repartitionen als Gitter (grid layouts) für einige Klassen von Geräten zu erstellen: für Handys, Notizblöcke, Desktops (der Computer) und große Desktops:
categories_box col-xs-4 col-sm-3 col-md-3 col-lg-2
-
col-xs-* – Handys, bisо 480px
-
col-sm-* – Notizblöcke, 768px und höhe
-
col-md-* – Monitoren, 992px und höhe
-
col-lg-* – große Monitoren, 1200px und höhe
Wenn Sie CSS anschauen, die in verschiedenen grid Klassen (Gitter Klasse) in bootstrap.min.css im Ordner\themes\theme###\css\ benutzt sind, dann sehen sie, dass die Spalten von dem Gitter einfach Links ausgerichtet werden, und ihre Breite wird prozentual sein und wird mittels der Trennung des Größe auf Spaltenmenge bekommt. Das bedeutet, dass die Spalte mit der Klasse .col-lg-6 – ist nur 6/12 = 50% die Breit vom Container. Um die Menge von Unterkategorien in der Reihe zu ändern, brauchen Sie die Spalten des Gitters zu speichern: ersetzen Sie nur * in der Spaltenklasse.
Bearbeiten Sie, bitte, auf keinen Fall und nie die Dateien bootstrap.min.css/bootstrap.css.
Zum Beispiel, nach der Änderung col-lg-2 an col-lg-3 haben wir das Gitter erhalten, das sich in 4 Spalte auf großen Monitoren darstellt.
Wenn Sie col-md-3 an col-md-4 ändern, bekommen Sie das Gitter, das sich mit drei Spalten auf Standardmonitoren darstellt.
Nach der Änderung col-sm-3 an col-sm-4 wird das Gitter mit drei Spalten auf Notizblöcken dargestellt.
Nach der Änderung col-xs-4 auf col-xs-5 bekommen wir das Gitter mit zwei Spalten auf Handys.
Machen Sie sich, bitte, mit ausführlichem Video-Tutorial unten bekannt:
PrestaShop 1.5.x. Wie ändert man die Zahl an Spalten der Unterkategorien