Shop Integration
Basket
Adding a global shopping basket button
You need to put a global shopping basket button on your page otherwise it will not be possible to add products to the shopping basket!
The shopping basket button can be included either as a content element or as a TypoScript marker.
-
Adding the predefined shopping basket button marker in the Fluid template:
<f:cObject typoscriptObjectPath="lib.shop.basketButton" /> -
Adding the predefined shopping basket button in TypoScript:
page = PAGE page { 10 = USER 10 < lib.shop.basketButton # ... }
Alternatively, add the shopping basket button as a plugin.
General
Quicksearch
To include a global search field for products, just add the following marker in fluid:
<f:cObject typoscriptObjectPath="lib.shop.showQuickSearch" />Alternatively, add quicksearch using TypoScript:
page = PAGE
page {
20 = USER
20 < lib.shop.showQuickSearch
# ...
}Tip: You can also enable a category selector alongside the search field here, allowing your users to search directly within a specific category. You can activate this feature using a TypoScript constant in the TypoScript variant, or simply via the corresponding FlexForm in the plugin variant.
Flash messages
The Shop extension uses a global HTML wrapper for displaying messages.
Add this wrapper to your page with TypoScript:
page = PAGE
page {
30 = TEXT
30.value = <div id="shop-flash-messages" style="position: absolute; right: 0; bottom: 0"></div>
}