---
sidebar_position: 4
---

# Block component locations

## start-bottom

Adds component to start page, below start order buttons

![start-bottom](../assets/plugins/block-component-locations/start-bottom.png)

## start-hero-promo

If set, default hero promo image slideshow is replaced with plugin

__Web__

![start-hero-promo](../assets/plugins/block-component-locations/start-hero-promo.png)

__Kiosk__

![start-hero-promo-kiosk](../assets/plugins/block-component-locations/start-hero-promo-kiosk.png)

## popout-navigation-user-info

Displays the component above the menu items, while hiding the default name and greeting.

![start-hero-promo-kiosk](../assets/plugins/block-component-locations/popout-navigation-user-info.png)

## categories-main

Displays component on top of category and product listings

![categories-main](../assets/plugins/block-component-locations/categories-main.png)

## sidebar-basket

Displays component under product items in basket (when active order and not in checkout)

![sidebar-basket](../assets/plugins/block-component-locations/sidebar-basket.png)

## sidebar-basket-item

Display a component under each product item in basket. Use locationContext on context to retrieve info about the current item.

![sidebar-basket](../assets/plugins/block-component-locations/sidebar-basket-item.png)

## checkout-main

Displays component between order options and payment methods

![sidebar-basket](../assets/plugins/block-component-locations/checkout-main.png)

## order-status-placed-order

Displays components under placed order (only when recent placed order)

![order-status-placed-order](../assets/plugins/block-component-locations/order-status-placed-order2.png)

__Placed order collapsed view__

![order-status-placed-order](../assets/plugins/block-component-locations/order-status-placed-order.png)

## kiosk-closed

Replaces kiosk closed message with components

![kiosk-closed](../assets/plugins/block-component-locations/kiosk-closed.png)

## kiosk-order-status

Replaces kiosk order status message which shows check number and "new order"-button with component

![kiosk-order-status](../assets/plugins/block-component-locations/kiosk-order-status.png)