Release

https://cheitgroup.atlassian.net/projects/SCLB/versions/10360

Date

3 дек. 2024 г.

Version

03.12 – Release 2.22.2

Description

Contributors

Andrii KupriianovThư Phan

Scenario: Country switch from EU to non-EU (excluding US)

When: A user selects a non-EU country (or it’s auto-selected)

Then: Show the updated popup without the tickbox

Scenario: Country switch to the US

When: A user selects the US as their country (or it’s auto-selected).

Then: Show the updated popup without the tickbox

Scenario: Country switch from US to EU

Given: country selected as “US”

When: A user selects a country within the EU

Then: Display updated popup with US->EU-specific messaging

Scenario: Country switch from US to non-EU

Given: country selected as “US”

When: A user selects a country outside the EU but not US

Then: Display updated popup with US->Non-EU without the tickbox

Scenario: Apple Pay confirmation popup (Global and EU but not US)

When: A user selects Apple Pay and proceeds to pay (in both the checkout and the product page)

Then: Show a mid-screen popup stating: “By using Apple Pay, you accept our Privacy Policy and Terms & Conditions.”

Scenario: Apple Pay confirmation popup (US)

Given: User is in the $US shop

When: A user selects Apple Pay and proceeds to pay.

Then: Show a mid-screen popup stating: “By using Apple Pay, you accept our Privacy Policy and Terms & Conditions.”

01

Scenario: Notification bubbles update instantly for “add to cart”

When: A user clicks “Buy Now” or removes item via “X” from cart

Then: The notification bubble updates immediately, the item disappears immedeately from cart.

Country names EN, FR, DE for alphabetical sort:

https://docs.google.com/spreadsheets/d/1YHTJB3gEiwuObMj8utbtRToEqTwhNk0_8PYeY5OzKv0/edit?usp=sharing

02

Scenario: Notification bubbles update instantly for “favorite”

Given: A user clicks “Favourite”/Unfavourite or “Star”-Icon

When: The action is registered

Then: The star-icon fills in/clears instantly OR the CTA “Favourite” changes to “Unfavourite”
And The notification bubble updates immediately.

(even if server response is not there yet? Risk involved? Other websites are doing it)

AR: saclab.com/bags favourite icon click: 2-3s loading time. https://app.box.com/s/u7xyfpdxp1j80pzzuulug8ugt85zo433

03

Scenario: Increase Hitbox of “x” in cart to prevent misclicks

Given: Cart is open

When: User wants to remove an item

Then: Hitbox of 10x10px” is increased to 24x24px

04

Scenario: Reduce animation time for cart fade-in

Given: A user clicks on cart
When: The cart opens
Then: The fade-in/-out animation is 60% faster.

05

Scenario: Reduce redirect time after “Place Order”

Given: A user clicks “Place Order”
When: The payment is processed
Then: The redirect time is reduced from 20s-30s to 5s.

06

Scenario: Optimize “Reserve this bag” loading

Given: A user clicks “Reserve this bag”
When: The request is sent
Then: The loading time is reduced until the user gets feedback and popup “the bag has been reserved” and cartopen w product added to cart.

Currently: 10s.
Goal: 2s

07

Scenario: Search bar results appear faster

Given: A user types in the search bar
When: Results are loaded
Then: The loading time is reduced by 50%.
AR: 4-5s
ER: 2s

08

Scenario: Filter interaction improved

When: A user applies or removes a filter
Then: The loading time is reduced.
AR: 6s.
ER: 2s

09

Scenario: Redesign “My Account” PopUp if not logged in and Product in Cart

Given: A Product is in Cart and User is not logged in

When: User clicks on “Checkout” in Cart PopUp

Then: “My account” Side-menu opens with redesigned “Guest Checkout”

02.12.2024 4 pm (Kyiv time)

Website down

Anna Aksonenko Dima Savchenko (WP) Roman Kliuiko Maxim, Honcharuk Oleh Pavlo Trukhin alex.l@cheitgroup.com

Oliver, Alexander

Solution: added new rule to the Cloudflare

Important!

Added checkboxes (important here checkbox Security level) for including fully the rules from it:

Leave the website in this security level “under attack“, because payments now are working

Release

https://cheitgroup.atlassian.net/projects/SCLB/versions/10357

Date

28 нояб. 2024 г.

Version

28.11 – Release 2.22.1

Description

Contributors

Thư PhanFilipp AntonovAndrii KupriianovAlexander Böhringer

Given: A user accesses the shop via a specific source link or external website (e.g., a blog, search engine, or social media post).
When: The user completes a purchase.
Then: Save the HTTP Referer (if available) as part of the order record in Airtable.

Given: A user accesses the "Sell Your Bag" page via a specific source link or external website (e.g., a blog, search engine, or social media post).
When: The user submits a bag for selling.
Then: Save the HTTP Referer (if available) as part of the product record in Airtable (both inventory AND submitted base)

Save the voucher code used on an order in a new Airtable field

Given an order is created
When a voucher code is applied to the order
Then the voucher code AND its value should be shown on Airtable in the order’s record in format [VoucherCode] – [voucherValue]

Function already exists on WooCom:

Expected on AirT:

01

Scenario: Country Dropdown Functionality  Given: A user is on the checkout page. 
Then: correct country is pre-selected based in IP (function already existing)

When: They interact with the country dropdown.
Then: The dropdown provides search functionality via keyboard, sorted alphabetically for EN/DE/FR. It supports Autofill.

Country names EN, FR, DE for alphabetical sort:

https://docs.google.com/spreadsheets/d/1YHTJB3gEiwuObMj8utbtRToEqTwhNk0_8PYeY5OzKv0/edit?usp=sharing

02

Scenario: Prefill country based on history or IP (already existing)

Given: A user has past orders or IP location
When: The checkout page loads
Then: The country field pre-populates with the detected or historical country.

03

Scenario: Phone Field Design
Given: A user selects a country in the country dropdown.

When: They proceed to the phone field.  Then: The phone field pre-sets the country code, but the user can edit it.

When: They edit the phone field
Then: Use existing Phone field design with type function from SYB submission function

04

Scenario: Loading Wheel Optimization
Given: A user interacts with form fields

When: No backend data is being loaded (e.g., entering name, address, postcode, selecting payment method)

Then: The loading wheel is removed

05

Scenario: Coupon field

Given: A user checks out on mobile or desktop
Then: The coupon field is repositioned

06

Scenario: Direct Bank transfer text mobile & desktop

Given: User selects “Direct brank transfer”

Then: Display new text AND let admin change it in WP

Text:

After you’ve placed your order, we’ll email instructions for making the payment via bank transfer. Your order will not be shipped until the funds have cleared in our account.

And let admin change this text

Scenario: A/B Test

When: A customer reaches checkout

Then: 50:50 A/B Test the new design (story 07 til 18) vs. the existing checkout. Performance will be tracked via Story 28.4

Scenario: Oder Summary Desktop

Given: A user checks out

When: They view the order summary

Then: Redesign, Bigger Text field in case of long product name, Grade Included, USPs included

AND When: User scrolls down

Then: Order summary floating/sticky. visible in Prototype

07.1

Scenario: Oder Summary Mobile €

Given: A user checks out with € value

When: They view the order summary

Then: Redesign, Bigger Text field in case of long product name, Grade Included

AND When: User scrolls down

Then: “Total” sticky on top of page. Visible in Prototype

7.2

Scenario: Oder Summary US desktop

Given: A user checks out with $US value

When: They view the order summary

Then: Redesigned Order Summary AND More product details are displayed AND user sees $ value AND info text “Import duties & fees included” AND bottom text “returns not possible”

AND When: User scrolls down

Then: floating Order Summary

07.2

Scenario: Oder Summary US mobile

Given: A user checks out with $US value

When: They view the order summary

Then: Redesigned Order Summary AND More product details are displayed AND user sees $ value AND info text “Import duties & fees included” AND bottom text “returns not possible”

AND When: User scrolls down

Then: “Total” sticky on top of page

08

Scenario: USPs on mobile

Given: A user is in the checkout on mobile

When: The user scrolls to the bottom of the page

Then: USPs are displayed

09

Scenario: Top Bar on mobile

Given: A user visits the checkout on mobile

Then: New Reviews.io badge is displayed AND “Secure Payment” Text AND Saclab Logo AND Payment methods displayed. No more display of Navigation bar

10

Scenario: Top Bar on Desktop

Given: A user visits checkout on deskto

Then: New http://Reviews.io badge is displayed AND “Secure Payment” Text AND Saclab Logo (already existing) AND Payment methods (already existing) displayed.

11

Scenario: Bottom text Reposition

Given: A user enters checkout on desktop on mobile

When: A user scrolls down

Then: Text “your personal data…” is repositioned. The Text still differs between the EU/US version

12

Scenario: CTA “Pay Now”

Given: A user is in the checkout on mobile or desktop

Then: Change Cta from “PLACE ORDER” to “PAY NOW”

13

Scenario: Text input fields redesign

When: a user visits the checkout on mobile or desktop

Then: The text input fields are repositionend/redesigned to slim down the page

14

Scenario: Mandatory field “State”/”County”

Given: A user checks out on mobile or desktop

When: Country is selected where field “State” is mandatory (by wooC)

Then: Desktop: Display “State” like displayed here. Mobile: Display “State” like displayed here.

When: Country is selected where field “State” is not mandatory

Then: do not display field “State” at all (on mobile and desktop)

(function already existed)

16

Scenario: Display payment methods in a specific order based on country and order value.
Given: A user reaches the payment step during checkout.
When: The payment methods are displayed.
Then: The payment methods are ordered as follows, based on “Country” selected:
– Germany, Austria:  1. Direct Bank Transfer  2. Credit Card  3. PayPal
– All other countries AND Order value < €20,000:  (1. Bancontact  2. iDEAL)  3. Credit Card  4. Direct Bank Transfer  5. PayPal
– All other countries AND Order value > €20,000:  (1. Bancontact  2. iDEAL)  3. Direct Bank Transfer  4. Credit Card  5. PayPal
And: The first payment method in the list is automatically pre-selected.

16.1

When the user’s language is French and the order value is < 20,000€ (function already existed – no A/B testing here)

then: Direct bank transfer payment method is disabled

17

Scenario: The user wants a different billing address

Given: The user is in the checkout

When: The user wants to input the shipping address

Then: Default address fields are now the SHIPPING address fields. The user can click the checkbox for different billing address.

18

Scenario: Suggestion from hipay: The user is unsure about the term “Credit Card” and wants to pay with her card

Given: User is in checkout

Then: User sees “Card Payment” as Payment Option, instead of “Credit Card”

And Admin sees payment method still as “Credit Card” in WooC Order