adobe / adobe/aem-core-cif-components

Properly identify products in the wishlist(s)

Open
#986 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
Java
Stars
109
Forks
78
Avg merge
4d 18h
Merged PRs (30d)
4

Description

Hi CIF Team.

Opened as a feature request, but could also be treated as a bug, as the functionalities described in this issue are very basic and the end user could expect to be there. The current functionality could cause confusions.

### User Story
As a registered user, I want to identify my favorite products easily, so I can access and purchase them quickly.

### Description & Motivation
When a product is in a wishlist(s), the product should be identified properly when it’s rendered. That means that the addToWishList button, when enabled, should be marked someway (a CSS class).
This should work on the initial page load, but also when the user adds a product to the wishlist (after the addToWishlist event), and after adding products to the list (the ‘Load More’ button, in the Search Results, when enabled).
As a reference, the venia.magento.com site has already implemented this.
![image](https://github.com/adobe/aem-core-cif-components/assets/14937333/ddb94fb3-6d75-46f7-9bbb-f87dce8f35e2)

### Deliverables
This affects the Product Carousel, the Product Details, and the Search Results components (at least).

### Acceptance Criteria
All rendered products should be marked as a wishlist products, if they are in a wishlist(s).

- In the initial page load, the product is marked as favorite, in product carousel
- In the initial page load, the product is marked as favorite, in product details page
- In the initial page load, the product is marked as favorite, in product results page
- After addToWishlist event, the product is marked as favorite, in product carousel
- After addToWishlist event, the product is marked as favorite, in product details page
- After addToWishlist event, the product is marked as favorite, in product results page
- After adding products to the list (load more button), the product is marked as favorite, in product results page

Contributor guide

Open the contributing guide

Research direction

Start by inspecting the Product Carousel, Product Details, and Search Results component entry points, focusing on the addToWishlist event and the Search Results Load More flow. Check how rendered products and the addToWishList button are marked, then verify the acceptance criteria for initial loads, wishlist additions, and newly loaded products.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.