Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagexml
titleIntegration of the cart widget
...

<!-- 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]',
            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 -->

...

<!-- Buttons that add the products -->
<add-to-cart-button product-id="[productId]"></add-to-cart-button>
<add-to-cart-button product-id="[productId]"></add-to-cart-button>
<add-to-cart-button product-id="[productId]"></add-to-cart-button>

...

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

...