Builders Notes (optional):
This is the primary site that the MAIRFOILS site was split from, this site is a vastly improved port of a site I had created in Classic/Foundry/Stacks. It was amazing how fast I was able to move it over and improve at the same time. This site is part of our business that sells CNC machined versions of our different surfboard fin designs. So it has an e-commerce aspect to it, which uses Cartloom.
@handshaper This is a fantastic-looking site. Well done. Just one thing I stumbled on when looking at how Cartloom works on your site⦠in the catalog page there appears to be a mismatch between the price stated for the Center Boxes and the price given in the buy now box ($5.50 versus $50.00). See screenshot below
@macca I created a custom component using the code snippet for a Cartloom product. Because there are only two variables for different products the STORE NAME and PRODUCT ID. I then modified the component to have settings that allowed these two values to be entered. It was a relatively straightforward task.
There is also a snippet of code provided by Cartloom that you have to place at the beginning of the page where you are using Cartloom.
Finally, I created another component that uses their code for displaying the cart and made this float at the bottom of the page so it can be activated to show the contents of the cart. This part is a little crude as it would have been nice if it could have been dynamic and was only visible when there was something in the cart. Something to figure out in the future.
On the site, Cartloom is only populating the section of the product cards below the Buy Now accordion. I created a global card that has all of the other data and added the Cartloom product to the accordion. I then override the global to set the specific data, including the Product ID and Store Name. Globals are your friend.