Home » OBS Plugins » OBS Cart » Warenkorb Button

Warenkorb Button

Inhalt

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):

ParameterDefaultOptionen
cart_textesc_html__( 'Cart', 'oneboxshop-cart' )
(Übersetzung des Strings Cart)
false – nicht anzeigen
true – Default
"string" – eigener String
amounttruefalse – nicht anzeigen, amount_text nicht anzeigen
true – anzeigen
amount_textesc_html__( 'Item(s)', 'oneboxshop-cart' )
(Übersetzung des Strings Item(s))
false – nicht anzeigen
true – Default
"string" – eigener String
pricetruefalse – nicht anzeigen, brackets nicht anzeigen
true – anzeigen
wrapper_classobs-cart-overview wkshfalse – kein <span> Wrapper
true – Default
"string" – eigener String
bracketstruefalse – 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.

AnzeigeShortcode
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.

Hilfecenter: