Die Anzeige des Warenkorb Buttons kann individuell gestaltet werden. Die Daten zum Inhalt des Warenkorbs wie Gesamtpreis und Menge werden über CSS Klassen per Ajax aktualisiert. Auch der Link zum Warenkorb wird über eine CSS Klasse automatisch eingefügt.
WordPress Shortcode
Das Oneboxshop Cart Plugin bietet einen Shortcode zur Einbindung der Warenkorb Übersicht: [obs_cart_overview]
.
Dieser Shortcode akzeptiert 6 optionale Parameter, um die Ausgabe anzupassen (Boolean müssen ohne "
, Strings mit "
übergeben werden):
Parameter | Default | Optionen |
---|---|---|
cart_text | esc_html__( 'Cart', 'oneboxshop-cart' ) (Übersetzung des Strings Cart ) | false – nicht anzeigentrue – Default"string" – eigener String |
amount | true | false – nicht anzeigen, amount_text nicht anzeigentrue – anzeigen |
amount_text | esc_html__( 'Item(s)', 'oneboxshop-cart' ) (Übersetzung des Strings Item(s) ) | false – nicht anzeigentrue – Default"string" – eigener String |
price | true | false – nicht anzeigen, brackets nicht anzeigentrue – anzeigen |
wrapper_class | obs-cart-overview wksh | false – kein <span> Wrappertrue – Default"string" – eigener String |
brackets | true | false – nicht anzeigentrue – anzeigen |
Beispiele Shortcode
Die fettgedruckten Anzeige-Beispiele haben den <span>
-Wrapper mit der Klasse wksh
, durch die die Anzeige klickbar ist und den Warenkorb bei Klick öffnet.
Anzeige | Shortcode |
---|---|
Warenkorb 0 Artikel ( € 0,00 ) | [obs_cart_overview] |
Warenkorb 0 Artikel | [obs_cart_overview price=false] |
0 | [obs_cart_overview cart_text=false amount_text=false price=false wrapper_class=false] |
Warenkorb ( € 0,00 ) | [obs_cart_overview amount=false] |
( € 0,00 ) | [obs_cart_overview cart_text=false amount=false] |
( € 0,00 ) | [obs_cart_overview cart_text=false amount=false wrapper_class=false] |
€ 0,00 | [obs_cart_overview cart_text=false amount=false wrapper_class=false brackets=false] |
Wagen ( € 0,00 ) | [obs_cart_overview cart_text="Wagen" amount=false wrapper_class="test wksh"] |
Wagen: 0 Motorräder ( € 0,00 ) | [obs_cart_overview cart_text="Wagen:" amount_text="Motorräder" wrapper_class="test wksh"] |
CSS Klassen mit Ajax Funktionen
- wksh
Fügt den Link zum Warenkorb hinzu.
- obs-cart-quantity
Zeigt die Produktmenge im Warenkorb an (Default: 0)
- obs-cart-price
Zeigt das Währungszeichen und den Gesamtpreis des Warenkorbs an (Default Deutschland: 0,00€, Default Österreich: € 0,00)
CSS Klassen zur Gestaltung
- obs-cart-overview
- obs-cart-text
- obs-cart-quantity
- obs-cart-quantity-text
- obs-cart-price
- obs-cart-bracket
- obs-bracket-open
- obs-bracket-close
Code-Beispiel: Ausgabe im Frontend
<span class="obs-cart-overview wksh">
<span class="obs-cart-text">Warenkorb</span>
<span class="obs-cart-quantity">0</span>
<span class="obs-cart-quantity-text">Artikel</span>
<span class="obs-cart-bracket obs-bracket-open">(</span>
<span class="obs-cart-price">€ 0,00</span>
<span class="obs-cart-bracket obs-bracket-close">)</span>
</span>
PHP Funktion
Mit der PHP Funktion Oneboxshop_Cart::get_cart_overview()
kann diese Übersicht auch angezeigt werden. Die Funktion akzeptiert 6 optionale Parameter, um die Ausgabe anzupassen:
/**
* Return a HTML construct out of <span>s that displays the cart overview:
* The amount of items and the price
* Leaves many options to display or hide single items
*
* @param string|bool $cart_text The cart text. If true, use default: Cart. If false, omit. If string, use string.
* @param int|bool $amount The amount of items in the cart. If false, omit and omit $amount_text. If true, get from cookies.
* @param string|bool $amount_text The amount text. If true, use default: Item(s). If false, omit. If string, use string.
* @param float|bool $price The price of items in the cart. If false, omit and omit $price_text. If true, get from cookies.
* @param string|bool $wrapper_class The wrapper class(es). If true, use default: obs-cart-overview wksh. If false, omit wrapper. If string, use string.
* @param bool $show_brackets Show brackets around the price. If false, omit.
*
* @return string The cart details.
*/
public static function get_cart_overview( $cart_text = true, $amount = true, $amount_text = true, $price = true, $wrapper_class = true, bool $show_brackets = true ): string {}
Die 6 Funktionsparameter entsprechen exakt den Shortcode-Variablen und können genauso genutzt werden. Beispiele dazu gibt es in der Beispiel-Tabelle des Shortcodes.