Zum Inhalt
AnmeldenKostenlos starten
ANLEITUNG FÜR SHOPIFY

Shopify
barrierefrei machen.

So baust du das Barrierefreiheits-Menü von barrierex in Shopify ein: Schritt für Schritt, mit 20-Sekunden-Video und ehrlichen Hinweisen, was Shopify erlaubt.

35 Anleitungen35 kurze KlickvideosOhne externe Video-Embeds
Integrationen Commerce

ShopifyScript-Einbindung

Quellen geprüft
2026-10-29
Vor dem Einbau kurz prüfen

Diese Route verändert Theme-Code; Updates bzw. Themewechsel können erneute Integration erfordern. Nicht gekaufte Test-Themes erlauben keine Codebearbeitung. Checkout und neue Kundenkonten sind eigene Oberflächen. Eine Storefront-Integration deckt sie nicht automatisch ab. Eine Theme App Extension wäre die bessere spätere App-Installation; sie ist nicht durch eine bloße Script-Anleitung bereits verfügbar. Abweichende eigene Layouts benötigen dieselbe Einbindung; theme.liquid gilt nicht automatisch für jedes Spezialtemplate.

Deine 20-Sekunden-AnleitungStumm · mit Untertiteln

Eigene schematische Klickanleitung, keine Originalaufnahme des Anbieter-Dashboards. Bezeichnungen können je Tarif, Sprache oder Editor-Version abweichen.

SCHRITT FÜR SCHRITT

So verbindest du Shopify

01

Theme sichern

Shop-Admin → Online Store → Themes. Aktuelles Theme vor Änderungen duplizieren.

02

Layout öffnen

Beim gewünschten Theme das Menü … → Edit code öffnen; layout/theme.liquid suchen.

03

Script einsetzen

Snippet vor dem schließenden Body-Tag einfügen, speichern und die Theme-Vorschau prüfen.

04

Live prüfen

Bei einem bisher unveröffentlichten Theme erst nach Kontrolle veröffentlichen; anschließend Produkt- und Kategorieseiten testen.

PASSEND ZU DEINER WEBSITE

Dein Einbaupaket.

Datei nach dein öffentliches Asset-Verzeichnis kopieren. Bei Unterpfad-Deployments den Assetpfad anpassen.

Einbindung
<!-- Widget-Datei als assets/barrierex-widget.js hochladen;
     in layout/theme.liquid vor </body> ergänzen: -->
<script src="{{ 'barrierex-widget.js' | asset_url }}" data-mode="floating" data-color="#7051e8" data-position="right" defer></script>
Widget-DateiLokales npm-Paket
DER LETZTE SCHRITT

Ist dein Script angekommen?

Prüfe die veröffentlichte Seite. Wir suchen das Script im HTML und testen, ob die Datei erreichbar ist.

Die URL wird nicht gespeichert. Dieser Check ist kein Barrierefreiheitsnachweis.

Direkt zur Herstellerdokumentation

Menüpfade und Einschränkungen wurden aus öffentlichen Herstellerquellen recherchiert. Es wurden keine Installationen in fremden Kundenkonten vorgenommen.

Shopify: Quelle 1Shopify: Quelle 2Shopify: Quelle 3
NICHT SICHER, WAS DAHINTERSTECKT?

Deine URL reicht
für einen ersten Hinweis.

Die Erkennung ist ein Vorschlag aus öffentlichen HTML-Merkmalen. Bitte bestätige die Plattform, bevor du etwas einbaust.