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:
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:
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:
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:
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:
