Content Comparison

The language of the cart widget is triggered by the browser´s default language settings. If you are enabled german or english as your default language setting you will be provided with a cart widget in the given language (german or english).

Right now we support five different languages (german, english, spanish, italian and french.

The default language for customers with another browser language as those supported ones is english.

...

<!-- Cart widget configuration BEGIN -->

	<!-- Add widget assets (JS and CSS) -->
    <link rel="stylesheet" href="https://secure.affilibank.de/apps/widget/dist/affilicon.cart-widget.min.css">
    <script src="https://secure.affilibank.de/apps/widget/dist/affilicon.cart-widget.min.js"></script>

	<!-- Cart Widget configuration -->
    <script>
        window.affilicon = {
            countryId: '[countryId]',
            formConfig: '[formConfig]',
			locale: '[locale]', (e.g. 'de_DE')
            vendor: '[vendor]',
			// optional
			cartMaxWidth: [max width in pixels],
			// optional
			cartMaxHeight: [max height in pixels],
			// optional, set to true if you want to see the test purchase option
			testPurchase: false,
        }
    </script>

<!-- Cart widget configuration END -->


...

<!-- Cart container in the right bottom corner -->
<cart-container></cart-container>

	<!-- Custom style of the cart widget elements (optional) -->
    <style>
		


		cart-container .cd-cart-container {
			z-index: 10;
		}
			
        cart-container .cd-cart-container .cart-heading {
            color: red;
        }

        cart-container .cd-cart .purchase-button {
            background-color: red;
        }

        cart-container .product-name {
            color: red;
        }

        cart-container .product-price {
            color: red;
        }

        add-to-cart-button .cart-button.btn-default {
            color: red;
        }

    </style>

<!-- Add a product to the cart -->
<add-to-cart-button product-id="[productId]"></add-to-cart-button>
<!-- Add a product to the cart and redeem a coupon -->
<add-to-cart-button product-id="[productId]" redeem-coupon-code="[couponCode]"></add-to-cart-button>