Hiring Fullstack developer
Budget: $250 – $750 USD
Build a JavaScript widget that will display a layer on the right browser side once a visitor has clicked on a button. The layer contains buttons to different E-Commerce pages, depending on the result of an API query for a specific product.
It should look and feel like in the screenshot below. We would need a JS code that will be possible to implement on many domains but be hosted on our domain. Basically we would provide this widget to our customers for their websites and the prices and URLs to the shops come from our backend. The implementation on the customer page would then be a JS code that calls our layer and a js code that will be added to the button tag which will trigger the layer itself.
The API endpoint exists already. It is a restful API with endpoints regarding availability and price. You can send a SKU and it returns the URLs and availability. The buttons within the layer link to the URLs retrieved. You do not have to do an API request. Expect to receive the attached JSON back from an API upon requesting the product SKU 00000001 upon the click of the action button:
The layer should have a close button and a click on any part of the page but the layer will close the layer.
It should look and feel like in the screenshot below. We would need a JS code that will be possible to implement on many domains but be hosted on our domain. Basically we would provide this widget to our customers for their websites and the prices and URLs to the shops come from our backend. The implementation on the customer page would then be a JS code that calls our layer and a js code that will be added to the button tag which will trigger the layer itself.
The API endpoint exists already. It is a restful API with endpoints regarding availability and price. You can send a SKU and it returns the URLs and availability. The buttons within the layer link to the URLs retrieved. You do not have to do an API request. Expect to receive the attached JSON back from an API upon requesting the product SKU 00000001 upon the click of the action button:
The layer should have a close button and a click on any part of the page but the layer will close the layer.