diff --git a/src/pages/shop/_trackers.svelte b/src/pages/shop/_trackers.svelte
index 241b323..ed0c0e8 100644
--- a/src/pages/shop/_trackers.svelte
+++ b/src/pages/shop/_trackers.svelte
@@ -1,5 +1,9 @@
-<script>
+<script lang="ts">
+  import { onMount } from "svelte";
 
+  onMount(async () => {
+    console.log(window.location.href);
+  });
 </script>
 
 <div>Baller</div>
diff --git a/src/ts/api/api.ts b/src/ts/api/api.ts
index 963c5a4..446ee42 100644
--- a/src/ts/api/api.ts
+++ b/src/ts/api/api.ts
@@ -3,7 +3,7 @@
 
 import PocketBase from "pocketbase";
 import { ShopItem } from "./classes/ShopItem";
-import { PUBLIC_POCKET_URL, PUBLIC_ASSETS_URL_BASE } from "$env/static/public";
+import { PUBLIC_POCKET_URL, PUBLIC_URL_BASE } from "$env/static/public";
 
 export let pb = new PocketBase(PUBLIC_POCKET_URL);
 
@@ -15,4 +15,11 @@ export class ApiService {
     const list = await pb.collection("shopItems").getList(1, 50, {});
     return list.items.map((rec: any) => ShopItem.fromJSON(rec));
   }
+
+  static async GetShopItemFromUrlPath(url: string): Promise<ShopItem> {
+    const item = await pb
+      .collection("shopItems")
+      .getFirstListItem(`product_url="${url}"`);
+    return ShopItem.fromJSON(item);
+  }
 }