A clone of a Shopify Commerce Template
I looked closely at the Taylor Stitch store and with CSS and Bootstrap 5, tried to replicate it as best as I could.
I enjoy figuring out how to layout a page and focussing on the smaller design details that improve user experience, and building these pages were a great way to practice some of these and find out where I still need to improve
I was also keen to build something using the latest version of Bootstrap 5 to see where and how it helps with the HTML and CSS building process. For the navigation bar, carousel and icons, Bootstrap proved to be very useful.
For the individual pages, I also wanted to replicate a gallery with thumbnails as best as I could, which I was able to make using a JQuery Owl carousel. The 'Add to Basket' feature also works on the product pages, built with Javascript and making use of map and reduce methods, along with some local storage.
