---
title: "So gestalten Sie die Bereiche Ihres Shops | Anleitungen für Shopping-Apps – GoodBarber"
description: "Hallo und willkommen in Ihrem GoodBarber Back Office. Heute lernen wir, wie Sie das Design der Rubriken Ihres Shops einrichten.\r \r Jeder Rubriktyp hat seine eigenen Designmerkmale, aber der Weg zur E…"
canonical_url: "https://de.goodbarber.com/tutorials/shop/design/so-gestalten-sie-die-bereiche-ihres-shops/"
lang: de
---

# So gestalten Sie die Bereiche Ihres Shops | Anleitungen für Shopping-Apps – GoodBarber

[Zurück](https://de.goodbarber.com/tutorials/shop/)

# So gestalten Sie die Bereiche Ihres Shops

Hallo und willkommen in Ihrem GoodBarber Back Office. Heute lernen wir, wie Sie das Design der Rubriken Ihres Shops einrichten.

Jeder Rubriktyp hat seine eigenen Designmerkmale, aber der Weg zur Einrichtung ist immer gleich.

Um eine Rubrik zu gestalten, gehen wir in das Menü Inhalt und Design > Design > Design der Rubriken. Für dieses Beispiel gestalten wir eine Produktliste.

Wählen Sie zuerst eine Vorlage. Die Änderungen sehen Sie sofort in der Vorschau des Back Office.

Nehmen wir Vorlage 2

Dann richten wir das Design des Inhaltsbereichs ein: Hintergrundfarbe, Ausrichtung des Inhalts, Schriften und Schriftfarben der einzelnen Elemente

Und zum Schluss das Format des Vorschaubilds

Voilà! Fertig

Dieses Design gilt standardmäßig für alle Produktlisten Ihres Shops. Eine einzelne Rubrik lässt sich auch eigens gestalten, aber das ist ein anderes Video ;)

Da ist sie, meine Produktliste ist fertig. Jetzt sind Sie dran!

Bis bald zu einem neuen Tutorial!

## Ähnliche Videos

[DesignSo richten Sie Ihr Navigationsmenü ein](/tutorials/shop/design/so-richten-sie-ihr-navigationsmenu-ein/)

![So richten Sie Ihr Navigationsmenü ein](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSo passen Sie die Symbole des Menüs an](/tutorials/shop/design/so-passen-sie-die-symbole-des-menus-an/)

![So passen Sie die Symbole des Menüs an](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignSo richten Sie die Startseite Ihrer App ein](/tutorials/shop/design/so-richten-sie-die-startseite-ihrer-app-ein/)

![So richten Sie die Startseite Ihrer App ein](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignSo passen Sie Ihren Startbildschirm an](/tutorials/shop/design/so-passen-sie-ihren-startbildschirm-an/)

![So passen Sie Ihren Startbildschirm an](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DesignSo richten Sie die Kopfzeile Ihres Shops ein](/tutorials/shop/design/so-richten-sie-die-kopfzeile-ihres-shops-ein/)

![So richten Sie die Kopfzeile Ihres Shops ein](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSo richten Sie den globalen Stil Ihres Shops ein](/tutorials/shop/design/so-richten-sie-den-globalen-stil-ihres-shops-ein/)

![So richten Sie den globalen Stil Ihres Shops ein](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSo passen Sie die Hauptsymbole Ihres Shops an](/tutorials/shop/design/so-passen-sie-die-hauptsymbole-ihres-shops-an/)

![So passen Sie die Hauptsymbole Ihres Shops an](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignSo trennen Sie das Design eines Bereichs ab](/tutorials/shop/design/so-trennen-sie-das-design-eines-bereichs-ab/)

![So trennen Sie das Design eines Bereichs ab](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignSo wählen Sie die Größe Ihrer Kopfzeile aus?](/tutorials/shop/design/how-to-choose-your-header-size/)

![So wählen Sie die Größe Ihrer Kopfzeile aus?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)