Shopping cart: Add to cart block
Once the customer has chosen a product and clicked Next, i-Reserve shows the shopping cart block. It shows the current contents of the cart and, under the heading Add to cart, a card for each other product of the shopping cart arrangement.
Where to find it
Go to Configuration > Front pages > Booking dialog and click Shopping cart (Configure the shopping cart block). Open the configuration Block-Shopcart-DEFAULT.
Settings
| Setting | What it does |
|---|---|
| Content | A content block shown above the product cards, for example a short explanation: "Want to add another room? Choose below." |
| HTML per language | The layout of one product card. This HTML is repeated for every product the customer can still add. Fill it in for every language you use. |
| Show 'Add to cart' | Yes (default): below the cart the Add to cart title and the cards are shown. No: the title and the cards are not shown. Leave this on Yes for a shopping cart for products, for example rooms. Set it to No for a shopping cart with one activity type. Available from version 5.51. |
The product card
In the HTML, use [ID] where the product id goes. i-Reserve fills in the right product for each card. The button must keep the class btn_add_to_cart and the attribute data-object-id="[ID]", otherwise Add to cart does not work.
Example (default card):
<div class="col-12 col-sm-6 col-md-4 col-xl-3 mb-4">
<div class="card h-100"><img src="{object attribute=image id=[ID]}" class="card-img-top">
<div class="card-body">
<h5 class="card-title text-center">{object attribute=desc id=[ID]}</h5>
<div class="card-text text-center">
<button class="btn_add_to_cart btn btn-primary btn-lg" id="btn_add_to_cart_[ID]" data-object-id="[ID]" role="button">
{translate id="add_to_cart"}
</button>
</div>
</div>
</div>
</div>Which products are shown
- All products from the Combination period block of the shopping cart arrangement.
- If May be booked multiple times is set to Yes, the product the customer just chose is shown as well. This way the customer can add the same room on another day or time.
- If May be booked multiple times is set to No, products that are already in the cart disappear.
- Once Max. products in cart is reached, i-Reserve skips this block and the customer goes straight to confirming.
See Creating a shopping cart arrangement.
Activities: for a shopping cart for activities, set Show 'Add to cart' to No. See Setting up the shopping cart for activities.
