01

Given The user is logged in on mobile or desktop

When the user is in the “My account > My Orders" section (https://saclab.com/my-account/orders/ )
Then three orders should be displayed per page
And each order may contain multiple products

02

Given the user is in the “My account > My Orders" section (https://saclab.com/my-account/orders/ )on mobile or desktop

When: an order contains more than two items
Then only two items should be displayed initially
And a toggle button allows the user to view the remaining items
When “See more items” is clicked
Then Text changes to “See less items And toggles open, all products become visible

03

Given the user is in the “My account > My Orders" section (https://saclab.com/my-account/orders/ ) on mobile or desktop
When the user clicks on the INVOICE button
Then the invoice gets downloaded

04

Given the user is in the “My account > My Orders" section (https://saclab.com/my-account/orders/ ) on mobile or desktop
When the user clicks the VIEW ORDER button
Then the user should be redirected to the order detail page (e.g https://saclab.com/my-account/view-order/96861/ )

05

Given the user is on the order detail page (e.g https://saclab.com/my-account/view-order/96861/ ) on mobile or desktop
When the order contains a fee OR/AND discount
Then The row “fee” OR/AND “discount” is visible

06

Given the user is on the order detail page (e.g https://saclab.com/my-account/view-order/96861/ ) on mobile or desktop
When the order contains a manually added Shipping fee
Then The row “Shipping” should display the shipping fee amount

07

Given the user is on the order detail page (e.g https://saclab.com/my-account/view-order/96861/ ) on mobile or desktop
When the order does not contain a fee OR/AND discount
Then The row “fee” OR/AND “discount” is hidden

08

Given the user is on the order detail page (e.g https://saclab.com/my-account/view-order/96861/ ) on desktop
When the order only contains either SHIPPING or BILLING address
Then The block “Shipping Address” OR “Billing Address” is displayed on the “left” side of the page

09

Given the user is on the order detail page (e.g https://saclab.com/my-account/view-order/96861/ ) on MOBILE
When the order only contains either SHIPPING or BILLING address
Then The block “Shipping Address” OR “Billing Address” is displayed (see screenshot).

10

Given the user doesn’t have an order yet
When the user clicks on the BROWSE PRODUCTS button on mobile or desktop
Then the user should be redirected to https://saclab.com/bags/

11

Given the WooC Order reaches “On hold” or “Processing” once
Then the user sees the Order via “My Orders”

12

Given the WooC Order Status is “pending payment”
Then do not display the Order under “My Orders”
When the WooC Order switches from “pending payment” to “Cancelled”
Then do not display the Order under “My Orders”

13

Given the order status is Cancelled , And reached beyond “Processing” or “On Hold” or “Completed” before

Then display the payment status in “my orders” AND Order Detail Page as Cancelled (indicating the payment was not processed).

14

Given the order status is On Hold,

Then display the payment status in the “My orders” AND Order Detail Page as Awaiting Payment w font style “Medium”.(indicating the payment has not yet arrived).

15

Given the order status reaches Processing,

Then display the payment status in “My orders” AND Order Detail Page as Completed (indicating the payment has been received and processed).

And this status should also apply if a product has been returned and refunded.

16

Given the user is on the order details page on mobile or desktop

Then display the payment methods available in WooCommerce, which include:

• Direct Bank Transfer

• PayPal

• Sofort Banking

• Credit Card

• Apple Pay

• IDEAL

• Bancontact

17

Given the user sees the order in “my orders” or the order details page on mobile or desktop

When the bag doesn’t have an product picture yet (could happen if we sell a bag before it goes LIVE)

Then display “placeholder”-image instead of a product image

18

Given the user is on the "My Orders" section on mobile or desktop
Then the paging logic should work the same way as the SnS project (see Prototype:https://www.figma.com/proto/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=6399-10460&node-type=canvas&t=Tr5rfgcq4I7OB4Gz-0&scaling=scale-down&content-scaling=fixed&page-id=6393%3A7727&starting-point-node-id=6399%3A10460&show-proto-sidebar=1 )
And on desktop, the paging should be centered instead of aligned to the right

Returns

19

Given the user is on the order detail page (e.g https://saclab.com/my-account/view-order/96861/)

When: the order is within the 14-day return period,

Then: user sees RETURN ITEM button next to each returnable product

20

Given the user is on the order detail page (e.g https://saclab.com/my-account/view-order/96861/ )

When: The return period of 14 days has expired

Then: user sees RETURN ITEM disabled (blurred out and can’t be clicked)

21

Given an item in the order is within the 14-day return period,

When the user clicks the RETURN ITEM button,

Then the return form is open so the user can fill in the return request with:

1. The order number is prefilled and can’t be edited

2. The product name number is prefilled and can’t be edited

3. The pick up address is Pre-filled with the “Shipping address” and CAN be edited

4. If the “shipping address” was missing, then the “Pick-up” address will be pre-filled with “Billing address”

5. If both “shipping address” and “billing address” were missing then the Pick – up address are not pre-filled

22

Given: The user has filled in the return request form

When: The user submitted a return request

Then: An email is sent to the sales team with all the information in the return form including:

1. Buyer’s name

2. Buyer’s email address

3. Order number

4. Product name and SKU

5. Return reason:

6. Notes

7. Pick up address

Email template: https://us12.admin.mailchimp.com/templates/edit?id=10086345

23

Given: The user has filled in the return request form

When: The user submitted a return request

Then: A slack message is sent to the channel #returnstatus with all the information in the return form including:

1. Buyer’s name

2. Buyer’s email address

3. Order number

4. Product name and SKU

5. Return reason

6. Notes

7. Pick up address

24

Given: The user has filled in the return request form

When: The user submitted a return request

Then: A confirmation email is sent to the user respectively of their language

Email template:

ENG:

Subject: We received your return request

Preview: Your return label will be sent in a separated email

Mailchimp: https://us12.admin.mailchimp.com/templates/edit?id=10086346

DE

Subject: Wir haben Ihre Rücksendeanfrage erhalten.

Preview: Ihr Rücksendeetikett wird in einer separaten E-Mail gesendet.

Mailchimp: https://us12.admin.mailchimp.com/templates/edit?id=10086347

25

Given the user submitted a return request of an item,

Then display the status of the product as RETURN REQUESTED (informative and non-clickable).

26

Given the order status is manually changed to “Returned (0->1)” by the sales team,

Then display the status as RETURNED (indicating the item is in the process of being returned but not yet refunded).

27

Given the WooC order has been partially returned
Then the user doesnt see return Status for non-returned item
And sees Status for returned item as Returned

When the WooC Order of the partial return switches to “Refunded”
Then the Status of the Product switches to “refunded”