Mitgliederbereich – Infos zur Nutzung

Wenn in Ihrem Shop das Mitgliederbereich-Paket eingebaut wurde, finden Sie hier wichtige Infos zu den durchgeführten Änderungen und wie Sie sie nutzen.

Grundvoraussetzungen

Damit der Mitgliederbereich funktioniert, müssen klassische Kundenkonten und der Login-Link im Header des Shops aktiviert sein. Die entsprechenden Einstellungen findest du unter Einstellungen > Kundenkonten.

Festlegen von Mitgliedergruppen

Mitgliedergruppen werden über das Zuweisen von Tags an Kunden definiert. Jede Gruppe kann dabei aus beliebig vielen Kunden bestehen und jeder Kunde kann mehreren Mitgliedergruppen angehören.

Um einen Kunden z. B. der Mitgliedergruppe "VIP" zuzuweisen, rufst du den Kunden im Admin auf und gibst rechts unten den Tag ein:

Achte dabei auf die genaue Schreibweise, Groß- und Kleinschreibung sind relevant!

Festlegen von Mitgliederseiten

 Um eine Seite nur für Mitglieder zugänglich zu machen, weise ihr zunächst über das Dropdown am rechten Rand die Themevorlage mitgliederinhalt zu.

Nun musst du noch festlegen, welche Mitglieder die Seite sehen dürfen. Dazu fügst du den Namen der Mitgliedergruppe im Metafeld Mitglieder-Tags hinzu, und zwar in der exakt gleichen Schreibweise wie zuvor bei den Kundentags.

Klicke zunächst unten auf der Seite im Kasten Metafelder auf Alle anzeigen.

Füge dann in das Metafeld Mitglieder-Tags die Tags der Kunden hinzu, die Zugang zu der Seite erhalten sollen.

Anpassen des Hinweistextes auf gesperrten Seiten

Du kannst den Hinweistext auf gesperrten Seiten anpassen. Öffne dazu den Theme-Konfigurator und wähle aus dem Dropdown am oberen Rand Seiten und dann mitgliederinhalt.

Klicke dann links auf den Abschnitt Mitgliederseite. Auf der rechten Seite öffnen sich dann die Konfigurationseinstellungen für den Abschnitt, wo du auch die Texte anpassen kannst.

Anlegen von Navigationsmenüs für die Mitgliederseiten

Damit Mitglieder die Mitgliederseiten bequem aufrufen können, kannst du für jede Mitgliedergruppe ein Navigationsmenü konfigurieren, das im Kundenkonto der Mitglieder angezeigt wird.

Füge dazu unter Onlineshop > Navigation ein neues Menü hinzu und gib ihm einen passenden Namen. Für die Gruppe "VIP" könntest du ihm z. B. einfach auch den Namen "VIP" oder "VIP-Inhalte" geben. Wichtig ist dabei, dass das Handle des Menüs exakt dem Kundentag entspricht, so wie zuvor beim Seiten-Metafeld. Wenn der Kundentag für die Gruppe also z. B. "VIP" ist, gibst du dem Navigationsmenü das Handle "vip" (Handles sind immer in Kleinbuchstaben).

Nun fügst du alle Seiten, die der jeweiligen Mitgliedergruppe zugänglich sein sollen, dem Navigationsmenü hinzu und speichert das Menü dann. Kunden sehen nun in ihrem Kundenkonto ein oder mehrere Navigationsmenüs mit Links zu den Seiten, zu denen Sie Zugang haben.

Vorgehensweise bei Theme-Updates

Damit Mitgliederseiten ihre zugewiesene Seitenvorlage nicht verlieren und man diese dann nicht wieder mühsam einzeln zuweisen muss, muss sichergestellt sein, dass bei der Veröffentlichung der neuen Theme-Version im neuen Theme die Themevorlage mitgliederinhalt vorhanden ist und genau so heißt wie im alten Theme.

Richte zunächst die neue Theme-Version im Theme-Konfigurator ein, bis alles wieder so aussieht wie im alten Theme. Gehe dann die folgenden Schritte der Reihe nach durch.

Kopieren von zwei Themedateien

Wir kopieren zunächst zwei Themedateien von der alten in die neue Theme-Version.

1. Öffne den Code-Editor des alten Themes in einem neuen Browser Tab.
   
   
   
   
2. Wiederhole den gleichen Vorgang für das neue, noch nicht veröffentlichte Theme, sodass du nun den Code-Editor beider Themes in zwei separaten Tabs geöffnet hast.
3. Klicke im alten Theme links auf Abschnitte und lokalisiere die beiden Dateien main-page-member.liquid und member-pages-list.liquid.
   
4. Klicke nun zunächst auf die Datei main-page-member.liquid, um sie im Editor zu öffnen.
5. Markiere den gesamten Code der Datei und kopiere ihn in die Zwischenablage.
6. Wechsele nun zum Browser-Tab, in dem du das neue Theme im Code-Editor geöffnet hast. Klicke dort unter Abschnitte auf Neuen Abschnitt hinzufügen.
   
7. Gib dem neuen Abschnitt exakt den gleichen Namen main-page-member.liquid und klicke auf Fertig.
   
8. Lösche den Inhalt der soeben neu erstellten Abschnittsdatei, füge den zuvor in die Zwischenablage kopierten Inhalt aus dem alten Theme ein, und speichere dann die Datei.
9. Wiederhole die Schritte 4 bis 8 analog für die Datei member-pages-list.liquid.
10. Klicke nun unter Vorlagen auf Neue Vorlage hinzufügen.
    
11. Fülle den Dialog exakt so aus, wie auf dem folgenden Bild zu sehen (Vorlagentyp page, Dateiname in Kleinbuchstaben, Dateiendung json!) und klicke dann auf Fertig.
    
12. Klicke nun oben auf die drei Punkte und auf Theme anpassen, um den Theme-Konfigurator zu öffnen.
    
13. Klicke im Theme-Konfigurator auf das Vorlagen-Dropdown am oberen Seitenrand und dann auf Seiten.
    
14. Klicke dann auf die Vorlage mitgliederinhalt.
    
15. Klicke nun links unter Vorlage auf Abschnitt hinzufügen und dann in der Liste der Abschnitte auf Mitgliederseite.
    
16. Klicke dann neben dem Standardabschnitt auf das "Auge", um den Abschnitt auszublenden und klicke dann auf Speichern.
    
17. Klicke nun im Vorlagen-Dropdown auf Klassische Kundenkonten.
    
18. Klicke dann auf Kundenkonto.
    
19. Es öffnet sich nun die Kundenkontoseite in der Themevorschau. Wenn eine Loginseite erscheint, musst du dich zunächst in ein Kundenkonto einloggen. Sobald die in einem Kundenkonto eingeloggt bist, siehst du die Kundenkontoseite in der Themevorschau.
    
20. Klicke nun links unter Vorlage auf Abschnitt hinzufügen und wähle den Abschnitt Mitgliederseiten Links.
    
21. Nun sollte der Abschnitt in der Themevorschau zu sehen sein. Klicke im Theme-Konfigurator auf Speichern.
    

Damit ist die Übernahme der Anpassungen in die neue Themeversion abgeschlossen und du kannst das Theme jederzeit veröffentlichen.