Warenkorb Button

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 anzeigen true – Default "string" – eigener String
amount	true	false – nicht anzeigen, amount_text nicht anzeigen true – anzeigen
amount_text	esc_html__( 'Item(s)', 'oneboxshop-cart' ) (Übersetzung des Strings Item(s))	false – nicht anzeigen true – Default "string" – eigener String
price	true	false – nicht anzeigen, brackets nicht anzeigen true – anzeigen
wrapper_class	obs-cart-overview wksh	false – kein <span> Wrapper true – Default "string" – eigener String
brackets	true	false – nicht anzeigen true – 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">€&nbsp;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.