Upgrade toolbar (1)

« Nouveautés » Section
New section call « Nouveautés »
On clic, redirect the user to https://fr.shopping.rakuten.com/event/club-r-everywhere
Always in uppercase
New cash back display

« Nouveautés » Section
Rules
Display offer if we are between date range (programmation –> Between start date and end date, it’s possible to have multiple programmation)
On clic, we display the partner view (use link_dajs to find the right partner)
https://fr.shopping.rakuten.com/visuels/0_content_square/marketing/merchandising-campaigns/element_type_13.json

« Partenaires » Section
https://fr.shopping.rakuten.com/visuels/content-short/lucy/club-r-everywhere/partners/top_partners_auto-moto_extension.json
https://fr.shopping.rakuten.com/visuels/content-short/lucy/club-r-everywhere/partners/top_partners_global_extension.json
1 // The first block is global top partners.
We only display the first 4 top partners
2 // Then we display the first 4 top partners per category
Exemple of JSON for top partners per category (/top_partners_[categ]_extension.json)

« Partenaires » Section
For top partners, use brand illustration url and brand illustration bg
For other partner only the brand on white background

« Partenaires » Section
All partner section
Category section
Redirect to the category
page on rakuten
(example: https://fr.shopping.rakuten.com/event/club-r-everywhere-voyage)
For top product page redirect to
https://fr.shopping.rakuten.com/event/club-r-everywhere

« Recherche » Section
« Favoris » will come later
On clic on « Recherche »
We display Top partenaires and all category links (those links redirect to category section)
When a user start to do a search we hide all category links and display search result
« Partenaires similaires » will come later
Here the JSON for the global search
(search in category still the same as today)
https://fr.shopping.rakuten.com/visuels/content-short/lucy/club-r-everywhere/partners/liste_partners.json

Partner view
If a user is connected
If a user is not connected
If cashback is activated

Partner view
Use brand illustration url and brand illustration bg if present in JSON
Else use only the brand on white background
Conditions are displayed by default
User can collapse this section
We have a « condition counter » (XX conditions)
Display number of coupons available for the partner
On click scroll to coupon section
If coupon count = 0 do not display this link

Partner view
If cashback is not activated
If cashback is activated
4 types of coupons:
« Cadeau offert » (FREE ARTICLE)
« Livraison offerte » (FREE SHIPPING)
« Code promo » (VOUCHER)
« Offre du moment »(PROMOTION)
Each coupon has a dedicated picto (available on figma)
Display date of usage for coupons
If coupon expire in D-5, display “Expire bientôt”
If we have start date and end date display « Du xxxxx au xxxxx »
If we only have end date display « Jusqu’au xxxxx »
In « Détail » you will find the description of the coupon. It’s hide by
default and on click we display conditions
Example of JSON:
https://fr.shopping.rakuten.com/visuels/content-short/lucy/club-r-everywhere/partners/partner_huawei.json

Partner view
« +x% remboursés » is the cashback of the actual brand
The link redirect to the dedicated page.
The format is the same for FREE ARTICLE / FREE SHIPPING / PROMOTION
If the cashback is activated, only for code promo, do not redirect to the link

Partner view
If cashback is not activated, hide promo code.
(animation in hover in figma prototype)
When the user click on « Voir le code » we will redirect the user to the partner url (available in the JSON, in voucher, as link) , activate the cashback and display the « code promo » view
On click on « Copier » we copy the code promo for the user