# HANALEI FINS Hawai'i

**URL:** <https://forums.realmacsoftware.com/t/hanalei-fins-hawaii/47647>\
**Category:** Built with Elements\
**Created:** [May 19, 2025, 4:28pm UTC](https://forums.realmacsoftware.com/t/hanalei-fins-hawaii/47647 "2025-05-19T16:28:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [May 19, 2025, 4:28pm UTC](https://forums.realmacsoftware.com/t/hanalei-fins-hawaii/47647/1 "2025-05-19T16:28:00Z")

</div>

🖥 HANALEI FINS

🛠 Built with [Elements](https://elementsapp.io/) by Robin Mair

🔗 Visit the site: [https://hanalei-fins.com](https://hanalei-fins.com)

✏ 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.

---

<div class="post-metadata">

**Author:** ![Tofty](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@Tofty](https://forums.realmacsoftware.com/u/Tofty)\
**Post date:** [May 20, 2025, 5:38am UTC](https://forums.realmacsoftware.com/t/hanalei-fins-hawaii/47647/2 "2025-05-20T05:38:06Z")

</div>

@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

 ![Screenshot 2025-05-20 at 5.31.40 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/3/a35fb636ea52c4638aa9bdc42b5f7939a06e5dea.jpeg)

---

<div class="post-metadata">

**Author:** ![macca](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@macca](https://forums.realmacsoftware.com/u/macca)\
**Post date:** [May 20, 2025, 6:23am UTC](https://forums.realmacsoftware.com/t/hanalei-fins-hawaii/47647/3 "2025-05-20T06:23:08Z")

</div>

Hi Robyn, I am interested in how you integrated Cartloom?

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [May 20, 2025, 6:47am UTC](https://forums.realmacsoftware.com/t/hanalei-fins-hawaii/47647/4 "2025-05-20T06:47:03Z")

</div>

Aloha Richard,

Good catch mahalo for pointing it out.

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [May 20, 2025, 6:54am UTC](https://forums.realmacsoftware.com/t/hanalei-fins-hawaii/47647/5 "2025-05-20T06:54:54Z")

</div>

> [@macca](#):
>
> Hi Robyn, I am interested in how you integrated Cartloom?

@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.