Mit dem myls Öffnungszeiten-Script können die aktuellen Öffnungszeiten eines Unternehmens automatisch auf einer Shopify-Website angezeigt werden.
Die Einbindung erfolgt idealerweise im Footer der Website, damit die Öffnungszeiten auf allen Seiten sichtbar sind.
Voraussetzung
Für die Einbindung wird das individuelle myls Script des jeweiligen Kunden benötigt.
Das folgende Script ist nur ein Beispiel und muss je nach Kunde entsprechend ausgetauscht werden.
<script type="text/javascript" id="business-hours-script" src="https://api.myls.ch/js/business-hours.js?entity_id=MzYx&locale=de&text_color=333333&mode=standard&day_name=full"></script>
Einbindung über den Shopify-Editor
- Im Shopify-Adminbereich anmelden.
- Zu Online Store / Onlineshop wechseln.
- Auf Themes klicken.
- Beim aktiven Theme auf Customize / Anpassen klicken.
- Links im Menü den Bereich Footer oder Fusszeile öffnen.
- Auf Add block / Block hinzufügen klicken.
- Den Block Custom Liquid / Benutzerdefiniertes Liquid auswählen.
- Das myls Öffnungszeiten-Script einfügen.
- Oben rechts auf Save / Speichern klicken.
Einzufügender Code
Bitte das individuelle Script des jeweiligen Kunden einfügen. Beispiel:
<script type="text/javascript" id="business-hours-script" src="https://api.myls.ch/js/business-hours.js?entity_id=MzYx&locale=de&text_color=333333&mode=standard&day_name=full"></script>
Wichtige Hinweise
- Das Script darf nicht in einen normalen Textblock oder Rich-Text-Block eingefügt werden.
- Die Einbindung muss über Custom Liquid / Benutzerdefiniertes Liquid erfolgen.
- Das Script sollte unverändert eingefügt werden.
- Zusätzliche HTML-Container oder CSS-Anpassungen können dazu führen, dass das Script nicht korrekt angezeigt wird.
- Die entity_id im Script ist kundenspezifisch und muss zum jeweiligen Unternehmen passen.
- Nach dem Speichern sollte die Website im Frontend geprüft werden.
Falls kein Custom-Liquid-Block verfügbar ist
Falls im Footer kein Custom-Liquid-Block verfügbar ist, kann das Script alternativ direkt im Theme-Code eingefügt werden.
- Im Shopify-Adminbereich zu Online Store / Onlineshop wechseln.
- Auf Themes klicken.
- Beim aktiven Theme auf die drei Punkte klicken.
- Edit code / Code bearbeiten auswählen.
- Die Datei sections/footer.liquid öffnen.
- Das myls Script an der gewünschten Stelle im Footer einfügen.
- Speichern und die Website im Frontend prüfen.
Fehlerbehebung
Falls die Öffnungszeiten nach dem Einfügen nicht angezeigt werden, bitte folgende Punkte prüfen:
- Wurde das Script in einen Custom-Liquid-Block eingefügt?
- Wurde das Script vollständig und unverändert kopiert?
- Ist die richtige entity_id im Script hinterlegt?
- Wurde die Änderung im Shopify-Editor gespeichert?
- Wurde die Website im Frontend neu geladen?
Beispiel
Ein korrekt eingefügtes Script sieht beispielsweise so aus:
<script type="text/javascript" id="business-hours-script" src="https://api.myls.ch/js/business-hours.js?entity_id=MzYx&locale=de&text_color=333333&mode=standard&day_name=full"></script>
Nach dem Speichern werden die Öffnungszeiten automatisch im Footer der Shopify-Website angezeigt.