Wenn dieses Tutorial ist nicht genau was Sie suchen und Sie noch Fragen oder Vorschläge haben – lassen Sie uns wissen. Helfen Sie uns bitte um besser zu dienen!

Ihr Name

Emailadresse

Ihre Nachricht (benötigt)

captcha

Ausgewählte Vorlagen

PrestaShop 1.5.x. Wie ändert man die Zahl an Spalten der Unterkategorien

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

  1. 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.

  2. Öffnen Sie category.tpl für Bearbeitung.

  3. Finden Sie die Zeile 73 (Zeilennemmer hängt von der Vorlage ab) mit solchem Code:

  4. categories_box col-xs-4 col-sm-3 col-md-3 col-lg-2 
    
  5. 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:

  • 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.

    prestashop_number_of_subcategories_per_row_changing_1

    Wenn Sie col-md-3  an col-md-4 ändern, bekommen Sie das Gitter, das sich mit drei Spalten auf Standardmonitoren darstellt.

    prestashop_number_of_subcategories_per_row_changing_2

    Nach der Änderung col-sm-3  an col-sm-4 wird das Gitter mit drei Spalten auf Notizblöcken dargestellt.

    prestashop_number_of_subcategories_per_row_changing_3

    Nach der Änderung col-xs-4  auf col-xs-5 bekommen wir das Gitter mit zwei Spalten auf Handys. 

    prestashop_number_of_subcategories_per_row_changing_4

  • Machen Sie sich, bitte, mit ausführlichem Video-Tutorial unten bekannt:

    PrestaShop 1.5.x. Wie ändert man die Zahl an Spalten der Unterkategorien

     
    Online-Chat
    We help you to choose the right product.
    Chat starten