Shopify Expert Work - 2 tasks
Budget: €8 – €30 EUR
Hi,
How are you ?
Please see work below:
--
1st task:
Please check this video: https://www.veed.io/view/bc3f48b3-fcb7-4a79-be79-17d8564343ff
Website link: https://www.madameprovence.com/collections/maison-cuisine
You see our header offers different colors header with different collections.
What we want: We want the header color to be associated with collection color, please see below:
- For pink collection, if click on "CONTACT" from naviguation menu, then header of CONTACT page must be pink.
- For blue collection, if click on "CONTACT" from naviguation menu, then header of CONTACT page must be blue.
So need custom code to apply header code for all pages depending collection template.
etc ...
You can see right now it only works for product page:
- Click on a collection page at top
- Then click the product inside the collection
You will see product template has correct color header:
- For pink collection product template header is pink
- For blue collection, product template header is blue
etc ..
I need this for all pages and all links, you see ?
Can duplicate each page 4 times and recreate but need clean and optimized code.
--
2nd task:
When there is one product on cart, cart drawer looks good.
However, starting from 2 differents products in cart, you can scroll inside cart drawer (please test you will understand better) but problem is that we can't see the texts clearly.
- Image when 1 product in cart: https://i.imgur.com/ZhTkf0i.jpg
- Image when at least 2 different products in cart: https://i.imgur.com/cmVGWFX.jpg
I want you to reduce size of the scrolling in the cart drawer so when there is at least 2 different products in cart, the 2 texts will still be always visible.
Even when there are 3, 4, 5 etc ... different products in cart.
You see ?
Need this fix for mobile, tablets and desktop.
The reduced size should be different.
--
Any questions for any tasks please let me know.
Price: 30€ for the 2 tasks.
Looking for long term collaboration.
Thanks
How are you ?
Please see work below:
--
1st task:
Please check this video: https://www.veed.io/view/bc3f48b3-fcb7-4a79-be79-17d8564343ff
Website link: https://www.madameprovence.com/collections/maison-cuisine
You see our header offers different colors header with different collections.
What we want: We want the header color to be associated with collection color, please see below:
- For pink collection, if click on "CONTACT" from naviguation menu, then header of CONTACT page must be pink.
- For blue collection, if click on "CONTACT" from naviguation menu, then header of CONTACT page must be blue.
So need custom code to apply header code for all pages depending collection template.
etc ...
You can see right now it only works for product page:
- Click on a collection page at top
- Then click the product inside the collection
You will see product template has correct color header:
- For pink collection product template header is pink
- For blue collection, product template header is blue
etc ..
I need this for all pages and all links, you see ?
Can duplicate each page 4 times and recreate but need clean and optimized code.
--
2nd task:
When there is one product on cart, cart drawer looks good.
However, starting from 2 differents products in cart, you can scroll inside cart drawer (please test you will understand better) but problem is that we can't see the texts clearly.
- Image when 1 product in cart: https://i.imgur.com/ZhTkf0i.jpg
- Image when at least 2 different products in cart: https://i.imgur.com/cmVGWFX.jpg
I want you to reduce size of the scrolling in the cart drawer so when there is at least 2 different products in cart, the 2 texts will still be always visible.
Even when there are 3, 4, 5 etc ... different products in cart.
You see ?
Need this fix for mobile, tablets and desktop.
The reduced size should be different.
--
Any questions for any tasks please let me know.
Price: 30€ for the 2 tasks.
Looking for long term collaboration.
Thanks