Bei der Arbeit mit GemPages, Sie werden manchmal Unterschiede feststellen zwischen Editor-Vorschau und der live veröffentlicht Seite.
Beispielsweise kann es sein, dass ein Bild im Editor richtig angezeigt wird, nach der Veröffentlichung der Seite jedoch nicht mehr erscheint.
Diese Probleme hängen häufig mit der Produktsichtbarkeit, dem Veröffentlichungsstatus oder Themenkonflikten zusammen.
Häufige Gründe und wie man dieses Problem behebt
Sehen Sie sich die häufigsten Gründe an und befolgen Sie die Schritte, um sicherzustellen, dass Ihre Produktseiten korrekt angezeigt werden.
1. GemPages App Embed nicht aktiviert
Besitzt das Die GemPages-App ist in Ihrem Shopify-Design nicht aktiviert, kann es sein, dass Ihre Live-Seite fehlerhaft aussieht oder nicht das richtige Layout anzeigt.
Wie man es repariert:
- Von deiner GemPages Dashboard, klicken Shopify Editor aktivieren.
- Aktivieren Sie im Shopify-Theme-Editor die Option GemPages Theme Helper.
- Klicken Sie auf Gespeichert um die Änderungen zu übernehmen.
2. Falsche Produktmoduleinstellungen
Wenn auf Ihrer veröffentlichten Produktseite ein anderes Produkt als erwartet angezeigt wird, ist das Produktmodul möglicherweise nicht richtig eingestellt.
Wie repariert man:
- Klicken Sie im GemPages-Editor auf das Produktmodul, um in der linken Seitenleiste auf dessen Einstellungen zuzugreifen.
- Unter dem Ausgewähltes Produkt Wählen Sie im Abschnitt Anzeige nach zugewiesenem Produkt.
Diese Einstellung stellt sicher, dass das Modul dynamisch das der Vorlage zugewiesene Produkt anzeigt und nicht ein manuell ausgewähltes.
- Klicken Sie auf Veröffentlichen um die Änderungen zu übernehmen.
3. Produkt im Online-Shop nicht sichtbar
Manchmal wird ein Produkt im GemPages-Editor korrekt angezeigt, jedoch nicht auf der Live-Seite.
Wie repariert man:
- Navigieren Sie zu Ihrem Shopify Admin-Dashboard und wählen Sie Produkte.
- Wählen Sie das betreffende Produkt aus und stellen Sie sicher, dass sein Status auf Aktives.
- Unter dem Vertriebskanäle und Apps überprüfen Sie, ob die Online-Shop Kanal ist ausgewählt.
4. Nicht veröffentlichte Änderungen
Änderungen, die Sie im Editor vornehmen, werden erst online angezeigt, wenn Sie sie veröffentlichen.
- Greifen Sie von Ihrem GemPages-Dashboard aus auf die Produktvorlage im Editor zu.
- Klicken Sie auf „Veröffentlichen“, um die Live-Version Ihrer Seite mit den neuesten Änderungen zu aktualisieren.
5. Theme-CSS-Konflikte
Wenn die Live-Seite nicht zentriert, zu klein oder anders ausgerichtet aussieht als im Editor, überschreibt das CSS Ihres Shopify-Designs möglicherweise die Stile von GemPages.
Wie repariert man:
- Versuchen Sie, vorübergehend zu einem Standarddesign von Shopify (z. B. Dawn) zu wechseln, um zu bestätigen, ob das Problem weiterhin besteht.
- Wenn das Design mit einem Standarddesign korrekt aussieht, liegt das Problem wahrscheinlich an benutzerdefiniertem CSS in Ihrem aktiven Design. In diesem Fall können Sie das konfliktbehaftete CSS anpassen oder entfernen oder die Zusätzliche CSS-Klasse Option in GemPages, um Ihre eigenen Korrekturen anzuwenden.
5. Unterschiede im Responsive Design
Wenn die Live-Seite auf dem Desktop, Tablet oder Mobilgerät anders aussieht, stimmen Ihre Responsive-Einstellungen möglicherweise nicht überein.
Wie repariert man:
- Überprüfen Sie im Editor die Ansicht jedes Geräts (Desktop, Tablet, Mobilgerät).
- Bewertung Schriftgröße, Ränder und Polsterung für die Konsistenz.
- Stellen Sie sicher, dass kein Element über Haltepunkte hinweg ausgeblendet oder falsch in der Größe geändert wird.
- Zeigen Sie eine Vorschau der Seite sowohl im Editor als auch im Live-Store an.
Häufig gestellte Fragen
1. Warum fehlen meine Bilder nach der Veröffentlichung?
Dies passiert normalerweise, wenn das Bild nicht ordnungsgemäß zwischen Shopify und GemPages synchronisiert wurde. So beheben Sie das Problem:
- Überprüfen Sie noch einmal, ob das Bild direkt zu Shopify hochgeladen wurde.
- Stellen Sie sicher, dass der Produktstatus auf Aktives und über den Vertriebskanal des Online-Shops erhältlich.
- Gehen Sie zurück zu den GemPages-Editor, veröffentlichen Sie die Seite erneut und aktualisieren Sie dann Ihre Live-Site.
Wenn das Problem weiterhin besteht, versuchen Sie, den Cache Ihres Browsers zu leeren oder das Bild erneut in Shopify hochzuladen, bevor Sie es erneut veröffentlichen.
2. Warum sieht mein Produkt auf der Live-Seite anders aus?
Dies tritt häufig auf, wenn das Produktmodul das falsche Produkt anzeigt. So beheben Sie das Problem:
- Wählen Sie im Editor die Produktmodul.
- Wählen Sie unter „Produkt auswählen“ die Option „Nach zugewiesenem Produkt anzeigen“.
- Veröffentlichen Sie die Seite erneut, um die Live-Version zu aktualisieren.
3. Warum werden meine Änderungen nicht online aktualisiert?
Im Editor vorgenommene Änderungen werden erst angezeigt, wenn Sie Ihre Seite erneut veröffentlichen. So gehen Sie vor:
- Öffnen Sie Ihre Produktvorlage im GemPages-Dashboard.
- Klicken Sie auf Veröffentlichen um die neueste Version live zu schalten.
- Aktualisieren Sie Ihre Shop-Seite, um die Updates anzuzeigen.
Wenn Sie immer noch keine Änderungen sehen, leeren Sie den Cache Ihres Browsers oder versuchen Sie es im Inkognito-Modus, um zwischengespeicherte Versionen auszuschließen.
4. Warum sieht das Layout im Vergleich zum Editor anders aus?
Dies liegt normalerweise daran, dass das CSS Ihres Shopify-Themes das Styling von GemPages überschreibt. Versuchen Sie in diesem Fall vorübergehend Wechseln Sie zu einem Standard-Shopify-Design (z. B. Dawn) und prüfen Sie, ob das Layout korrekt aussieht.
Wenn dies der Fall ist, liegt das Problem am benutzerdefinierten CSS Ihres aktuellen Designs. Sie können:
- Passen Sie das widersprüchliche CSS in Ihrem Design an/entfernen Sie es.
- Oder fügen Sie in GemPages eine zusätzliche CSS-Klasse hinzu und wenden Sie Ihre eigenen Korrekturen an.
Vielen Dank für Ihre Kommentare