AGB Checkbox im OXID eShop mobile Theme - unbedingt testen

08.07.2014

OXID eShop bringt seit einiger Zeit ein mobile Theme mit, mit dem ein für mobile Geräte optimiertes Layout genutzt werden kann.

Wenn Sie dieses mobile Theme einsetzen möchten und die AGB Bestätigung im letzten Bestellschritt aktiviert haben, sollten Sie diese Funktion vor Produktivnahme des Themes testen.

Die Checkboxen sind im mobilen Theme durch Glyphicons ersetzt, wodurch es noch mehr "Web-Anwendung-Feeling" bekommt. Jedoch wird dadurch eine Funktionalität ausgehebelt, die im OXID Shop für das Bestätigen der AGB im letzten Bestellschritt notwendig ist.

Es äußert sich so, dass die Checkbox zwar automatisch aktiviert aussieht (Häkchen gesetzt), jedoch nicht ist, und sich auch nicht aktivieren lässt. Das führt dann dazu, dass die Bestellung nicht abgeschickt werden kann.

Die Behebung ist einfach. Sie müssen allerdings ein Template anpassen.

Öffnen Sie die Datei application -> views -> mobile -> tpl -> page -> checkout -> order.tpl

Gehen Sie in Zeile 50, dort sollten Sie folgenden Code sehen:

<div>
    <input id="checkAgbTop" type="checkbox" name="ord_agb" value="1">
    <label for="checkAgbTop"></label>
</div>

Wir müssen nun an dieser Stelle die CSS-ID checkAgbTop von der Checkbox auf das Label umhängen.

<div>
    <input type="checkbox" name="ord_agb" value="1">
    <label for="checkAgbTop" id="checkAgbTop"></label>
</div>

Der Grund ist, dass ein Klick-Event an der Checkbox hängt, das das Bestätigen der AGB an die richtige Stelle kopiert, so dass es bei Klick auf "Jetzt kaufen" mit übergeben wird. Durch die Verwendung der Glyphicons ist die Checkbox selbst aber nicht mehr sichtbar und kann auch nicht mehr angeklickt werden. Dementsprechend wird auch die Eigenschaft nicht mehr kopiert. Mit unserer kleinen Änderung hängen wir das Klick-Event an das (sichtbare und klickbare) Label.

Übrigens - wir bieten auch Farbanpassungen für das OXID mobile Theme zum günstigen Preis.

Sharing is caring - teile den Beitrag

Ähnliche Beiträge

• Sanfter Relaunch - 5 Tipps, wie du deinen Shop erneuerst, ohne Kunden zu verlieren
• Abmahnfalle: Neues Gesetz zu Informationspflichten für Shops ab 13.06.2014
• Abmahnfalle: Online-Angebote müssen lieferbar sein
• Achtung Abmahnfalle: Google Fonts im OXID Theme
• Neueste Artikel im OXID Shop präsentieren (frisch eingetroffen)

Beitrag kommentieren