Über Viewports
Als Viewport wird der Bereich des Browserfensters bezeichnet, der für die Darstellung der Inhalte zur Verfügung steht. Je nach Endgerät unterscheidet sich dieser Bereich. Texte und Bilder werden z. B. auf einem Handy anders dargestellt als auf einem Notebook, damit sie optimal lesbar sind.
Das Design moderner Websites basiert heutzutage zumeist auf Grids (Raster), die aus Spalten und Zeilen bestehen. Die maximale Breite von Container-Elementen auf der Website entspricht 12 Spalten pro Zeile, die minimale Breite 1 Spalte.
Bezogen auf einen Standard-OXID-Shop bedeutet das:
Bei einem Raster von 12 Spalten können Sie im XL-Viewport pro Zeile 4 Elemente mit einer maximalen Breite von 3 Spalten anzeigen lassen:
Viewports in den Einstellungen für das Modul
Wenn Sie in den Menüoption: Einstellungen des Störer-Moduls eine Zahl bei den Viewports eintragen, bezieht sich diese Zahl auf die maximale Anzahl der Störer-Kacheln, die pro Zeile dargestellt werden können. Das Störer-Modul teilt anschließend die 12 Spalten durch die eingetragene Zahl. Daraus ergibt sich die maximale Breite der Störer-Kachel.
Hinweis: Es ist nur möglich, die Breite und Position von Störer-Kacheln auf Kategorieseiten anzupassen. Störer, die Artikeln zugeordnet sind, lassen sich nicht in der Breite oder Position anpassen. Hier greifen feste Viewports.
Beispiele:
-
Wenn Sie bei Maximale Anzahl Störer Kacheln Großer Bildschirm (XL Viewport) die Zahl 4 eintragen, teilt das Störer-Modul 12 durch 4. Als Ergebnis erhalten Sie 3. Eine Störer-Kachel nimmt somit als maximale Breite 3 Spalten ein, sodass höchstens 4 Störer-Kacheln in einer Zeile dieses Viewports passen (siehe obige Grafik).
-
Wenn Sie bei Maximale Anzahl Störer Kacheln Großer Bildschirm (XL Viewport) die Zahl 3 eintragen, teilt das Störer-Modul 12 durch 3. Als Ergebnis erhalten Sie 4. Eine Störer-Kachel nimmt somit als maximale Breite 4 Spalten ein, sodass höchstens 3 Störer-Kacheln in einer Zeile dieses Viewports passen.
-
Wenn Sie bei Maximale Anzahl Störer Kacheln Großer Bildschirm (XL Viewport) die Zahl 2 eintragen, teilt das Störer-Modul 12 durch 2. Als Ergebnis erhalten Sie 6. Eine Störer-Kachel nimmt somit als maximale Breite 6 Spalten ein, sodass höchstens 2 Störer-Kacheln in einer Zeile dieses Viewports passen.
Viewports in den Einstellungen für eine Kategorie
Wenn Sie eine Störer-Kachel einer Kategorie zuordnen, können Sie zusätzlich die Breite der Störer-Kachel beeinflussen. Die eingetragene Zahl multipliziert die Zahl, die Sie für den Viewport unter Menüoption: Einstellungen eingetragen haben. Da es nur maximal 12 Spalten geben kann, korrigiert das Störer-Modul ggf. Ihre Eingabe, nachdem Sie gespeichert haben.
Hinweis: Die Position der Störer-Kachel beeinflusst die Zahlen, die Sie für die Viewports eintragen können. An Position 1 kann eine Störer-Kachel die maximale Breite von 12 Spalten einnehmen. Eine Störer-Kachel an Position 4 ist wiederum abhängig von den Breiten der Elemente, die an den vorherigen Positionen platziert sind. Wenn diese z. B. insgesamt 9 Spalten einnehmen, kann die Störer-Kachel an Position 4 maximal 3 Spalten breit sein. Die Position bezieht sich immer auf die Artikel. Wenn Sie bereits eine Störer-Kachel auf Position 1 anzeigen lassen, wird diese Kachel nicht für die Position anderer Störer-Kacheln einbezogen. Das bedeutet: Wenn Sie nun eine Störer-Kachel auf Position 2 anzeigen lassen, erhalten Sie die Ansicht: Störer-Kachel (Position 1), Artikel, Störer-Kachel (Position 2), Artikel:
Weitere Beispiele für Störer-Kacheln an Position 1:
-
Wenn Sie 1 eintragen, werden die Einstellungen für die Viewports aus Menüoption: Einstellungen übernommen.
-
Wenn Sie unter Menüoption: Einstellungen bei Maximale Anzahl Störer Kacheln Großer Bildschirm (XL Viewport) die Zahl 4 eingetragen haben, entspricht die maximale Breite einer Störer-Kachel 3 Spalten. Dementsprechend können Sie in den Einstellungen zur Kategorie maximal 4 als Zahl eintragen (3 x 4 = 12).
-
Wenn Sie unter Menüoption: Einstellungen bei Maximale Anzahl Störer Kacheln Tablet Portrait (SM Viewport) die Zahl 2 eingetragen haben, entspricht die maximale Breite einer Störer-Kachel 6 Spalten. Dementsprechend können Sie in den Einstellungen zur Kategorie maximal 2 als Zahl eintragen (6 x 2 = 12).
Siehe auch:
Menüoption: Einstellungen