Story 24.3. Disable Reservation Button

General info

The tooltip should display on hover for desktop users and on click for mobile users, and I should be able to edit the tooltip text in the backend.

User story

As an admin, I want to be able to disable the reservation button for bags on the website, so that when users try to reserve a bag, they see a blurred-out button with a tooltip indicating that the reservation function is unavailable.

Acceptance criteria

01

Given: I am an admin on saclab.com

When: I am on the admin panel

Then: I have the option to disable the reservation function/button

Screenshot 2024-10-07 at 10.51.53.png

02

Given: The reservation button is disabled by admin

When the user views a product detail page (PDP) e.g https://saclab.com/bags/hermes-haut-a-courroies-40-togo-bleu-nuit/

Then user sees that the reservation button is blurred out

Screenshot 2024-10-08 at 00.25.19.png

03

Given: The reservation button is disabled

When the user hovers (on desktop) or clicks (on mobile) on the reservation button

Then user sees a tooltip stating that the reservation function is unavailable for now (text: Our reservation feature is paused during our Black Friday deals.)

Screen Recording 2024-10-08 at 00.24.51.mov

04

Given an admin accesses the backend system

When they navigate to the reservation settings

Then they will be able to edit the tooltip text

Comments

Leave a Reply