Eve’s Crackers
Brief
As seen on Series 14 of Dragon’s Den Canada, Eve’s Crackers are a Vancouver based food business, producing keto, gluten-free, vegan crackers.
To streamline the user experience, we worked together to build functionality, based off existing designs, to enable users of the Eve’s Crackers website to view and add products to the ‘Cart’ whilst remaining on the site home page, instead of having to go through a longer process of visiting ‘product’ pages, and adding items to the cart that way.
Tech
- e-commerce
- Shopify
- web development
- Javascript
Solution
As an extension to the existing Eve’s Crackers Shopify website, I constructed a new home page Shopify section that, upon the user selecting a product flavour and quantity, dynamically adds products to the cart, and updates the user interface to reflect the cart update.
To build the functionality conveyed in the designs, I used vanilla Javascript to build a user interface that is updated on every user product flavour and quantity selection.
Two user purchasing options were required for this new section.
The first, an ability to make a selection and ‘Add To Cart’. This functionality utilises the Shopify AJAX API to POST requests to update the cart with the user product selection, whilst keeping the user on the home page, enabling them to select more products and ‘Add To Cart’.
The second purchasing option functionality required was to allow the user to choose a product and ‘Buy Now’. To achieve this aim, I used the Shopify ‘Cart Permalinks’ to build an ‘outbound URL’ that is updated on every user product flavour and quantity selection. Then, when the user hits the ‘Buy Now’ button, the ‘outbound URL’ is used to take the customer to the cart screen, with the cart pre-filled with their product selection.
Check the website out and buy some crackers. They’re delicious!
