# Shop

The shop storefront in the app is built from screen elements — products, the product card, the cart, checkout, my orders. The scheme blocks do what is not visible on the screen: turn the cart into an order and give a payment link.

The usual buyer path:

1. A screen with the "Cart" element → the "Checkout" button leads to the checkout screen.
2. A screen with the "Checkout" element → its button leads to the ["Place the order"](https://support.jetbot24.ru/en/mini-apps/blocks/shop/shop-checkout) block.
3. "Order placed" → the ["Order payment"](https://support.jetbot24.ru/en/mini-apps/blocks/shop/shop-payment) block — if the buyer pays online. Otherwise — straight to the "Thank you" screen.
4. "Failed" of either block → a screen with the reason from a variable.

How the shop itself works is in the [Shop](https://support.jetbot24.ru/en/shop) section, the storefront in the app — on the [Selling through the bot and the mini app](https://support.jetbot24.ru/en/shop/sales#mini-app) page.