Overview
Olukai was looking for a way to have multiple products featured on a product detail page so that they could be sold as a bundle. SLTWTR accomplished this by setting up a way for them to have bundle products in Shopify, configure the functionality with tags on the products, and customize the products featured in the UI with the product template in the Shopify Online Store. I helped primarily implement the latter.
Challenge
Adding the settings to allow form multiple product forms with dynamic sources was the first part and was the most straight forward part of the project. The challenge came in when I had to modify their existing product form to utilize this new configuration. The existing product form was a Vue.js component that had been built upon over time but not split up into components. The product form was a massive component that was approximately 2600 lines of code. I was able to rather quickly get some context around this large Vue component and make the modifications for this new configuration. I also made sure that there were proper fall backs in place for products set up with the original configuration.
Outcome
Thankfully this project went rather smoothly into production thanks to rigorous QA testing on our side at SLTWTR and also from Olukai's internal team.
