This tutorial explains the shop from the point of view of customers and testers – from the catalogue to product detail and shopping cart to checkout, order overview and legal texts.
The shopping process at a glance
1. Open the catalogue and narrow the range
Open in the main menu Shop. At the top, switch between catalogue, shopping cart, checkout, orders, legal texts and revocation.
- If necessary, select a group of items such as software, services or merchandise.
- Enter a search term and start Filters.
- Open Refining filtersto choose features such as size, color or material.
- Check “Total” and “Selected” to see how strong the filter is.
- Use pagination to browse additional results.
2. Read the product detail carefully
Open a product from its image or the View action. The detailed page shows the information important for the purchase decision.
- Article name and SKU
- Description and article group
- Price, tax declaration and shipping costs
- Delivery time and shipping route
- Product images and technical characteristics
- Quantity field and button "Add to cart"
Check variants, scope and quantity before adding. For digital items, the shipping route may be ‘download/unlock’; in the case of physical items, the stated shipping costs apply.
3. Place items in the shopping cart
- Enter the desired number.
- In the shopping cart Select.
- In the confirmation flow between the shopping cart and checkout and “continue shopping”.
- Pay attention to the shopping cart symbol in the upper navigation; It shows the current number.
4. Checking the shopping cart and changing it
In the shopping cart, items, quantity, price, shipping and sum are displayed in tabular form.
- Compare articles and SKU with the product selection.
- change the quantity; and Updating volumes Press.
- Check the sum and shipping costs again after the update.
- Remove an individual item via the Trash symbol or empty the entire shopping cart.
- Continue with Proceed to checkout.
5. Enter customer data at the checkout
The checkout shows the order again first. This includes customer data, payment and legal consents.
- Enter name and valid e-mail address.
- Provide telephone number only in the expected format.
- Delivery address complete with name, street, postal code, place and country.
- Use optional notice only for order-related information.
- Select the payment method and read the displayed note.
6. Confirm payment and legality
Before submitting, the displayed legal information must be read and the required control fields activated.
- Open legal texts, GTC, payment and shipping instructions.
- Read the revocation policy.
- Only set actually read and understood consents.
- For online payments, complete the provider dialogue and return to the shop.
7. Checking Order and Status
After successful processing, a unique order number is displayed. Write down this number. In the area: Orders logged-in users will see their own orders and – where available – invoices or status information.
- Compare order number and positions.
- Do not confuse payment and shipping status.
- Use tracking link only if there are service providers and tracking number.
- If the order result is unclear, quote the order number when contacting support.
Typical problems
| Problem | Solution |
|---|---|
| No hits in the catalogue | Reset search and detail filters, check group and page navigation. |
| Shopping cart is empty | Reopen product detail, set quantity at least 1 and observe confirmation dialog. |
| Cashier reports missing data | Fully complete marked mandatory fields, delivery address and e-mail. |
| Order is not sent | Open legal texts and revocation, set necessary consents, check payment method. |
| Payment remains open | waiting for order status and not re-ordering; If necessary, ask with order number. |
Test checklist
- Catalogue search, group and at least one attribute filter tested
- Product detail checked with image, price, tax, shipping and quantity
- Cart quantity changed and sum recalculated
- Mandatory fields and missing consents generate comprehensible messages
- Order button used only once
- Order number, status and own order view controlled
- Desktop and mobile view tested
Opening the shopShop admin tutorialAll tutorials
Text walkthrough
The slideshow remains the visual tutorial. These steps provide a complete text fallback.
- The shopping process at a glance
- Open the catalogue and narrow the range
Open in the main menu Shop. At the top, switch between catalogue, shopping cart, checkout, orders, legal texts and revocation. - Read the product detail carefully
Open a product from its image or the View action. The detailed page shows the information important for the purchase decision. - Place items in the shopping cart
- Checking the shopping cart and changing it
In the shopping cart, items, quantity, price, shipping and sum are displayed in tabular form. - Enter customer data at the checkout
The checkout shows the order again first. This includes customer data, payment and legal consents. - Confirm payment and legality
Before submitting, the displayed legal information must be read and the required control fields activated. - Checking Order and Status
After successful processing, a unique order number is displayed. Write down this number. In the area: Orders logged-in users will see their own orders and – where available – invoices or status information. - Typical problems
- Test checklist
Opening the shopShop admin tutorialAll tutorials
Checkpoint: After the final step, reload the target page and confirm that the expected state remains active.
Common errors: If a control or record is missing, first check permissions, the active language, filters and whether the preceding step was saved.