Start Fullscreen or in a Layer

You can optionally set a view mode in the <form> tag to start Smart Checkout in fullscreen mode.

HTML
<form class="sc-autobasket-form"
data-sc-contract-id="GCR_2H69XY35227V2VKP9WRA3SJ0W95RP0"
data-sc-intent="order"
data-sc-view-mode="fullscreen"
>

These are the options:

  • layer: If possible, Smart Checkout opens in a modal layer above the shop page. Some browsers need Smart Checkout to start in fullscreen mode due to restrictions for cross-origin ressource sharing (CORS). There are also reasons for Smart Checkout to switch to fullscreen mode even if it started as layer.

  • fullscreen: Forces Smart Checkout to open in fullscreen mode from the beginning.

The default view mode is layer.