Technical Task

Block 1. Functionality (high priority)

1. Fixing the issue of adding products to the cart

Problem:
Occasionally, adding a product to the cart does not work in the scripts #recommendedCatalogueSlider.

Features:

• The error is intermittent and does not occur every time.

• Reproduced on the product page:
  https://jador.ua/ua/product/italian-silk/women-italian-silk-dresses/JD6a1ae41a502bb

• It is necessary to diagnose and eliminate the cause.

Result: stable addition of products to the cart without random failures.

2. Block "Reviews and Ratings"

It is necessary to implement on the product page:

• customer reviews block;

• review moderation system;

• rating in the form of stars;

• display of the rating under the product name;

• Schema.org markup for ratings and reviews (SEO).

Result: users can leave reviews, the rating is displayed on the product page and is correctly indexed by search engines.

3. Block "You Recently Viewed"

Implement a block of viewed products:

Placement:

• product page;

• category pages;

• empty search page.

Note regarding the cart:
There is no separate cart page, so adding the block to the cart is not a priority.

Additionally, it is necessary to evaluate:
The current search page when there are no results:
https://jador.ua/ua?route=product/search&search=%D1%81%D1%83%D0%BA%D0%BD%D1%8F

The page currently displays without a full template (missing header and footer).

A recommendation from the performer is needed:

• whether to redesign the empty search page into a full website page;

• whether it is advisable to add the "You Recently Viewed" block to it.

4. Fixing the "Similar Products" block

Problem:
When adding one product in different colors, the "Similar Products" block disappears for some variants.

The problem is likely related to the binding of similar products to specific product variants.

Task:

• find the cause;

• fix the binding logic;

• ensure correct display of similar products for all color variations.

The performer is required to:
additionally check and report on which products the problem can currently be reproduced.

5. Displaying available sizes in catalog cards

Add the display of available sizes in the form of size chips in the product cards.

Example:

• S

• M

• L

• XL

Display in the form of separate squares or circles.

Design reference:
https://monosnap.ai/file/kcAMEDEJ7maCjO9sXVMKZZzsKHsiiZ

Buttons for actions should be placed after the size block.

6. Improving the product card in the catalog

Add a prominent "Buy" button with a clear CTA.

Requirements:

• modern and noticeable design;

• adaptation for PCs and mobile devices;

• convenient placement relative to the size block.

Design reference:
https://monosnap.ai/file/0omYS1YNwyVAvIcNYTNPCR9vJlCDso

Expected result:
updated product card with:

• available sizes;

• improved UX;

• prominent purchase button;

• adaptive display on all devices.