diff --git a/deployment/lib/src-server/resources/shopify-script.d.ts b/deployment/lib/src-server/resources/shopify-script.d.ts
index e69de29..bb0f818 100644
--- a/deployment/lib/src-server/resources/shopify-script.d.ts
+++ b/deployment/lib/src-server/resources/shopify-script.d.ts
@@ -0,0 +1,3 @@
+declare const className_productCard = "product-card__image-wrapper";
+declare const attribute_previewImageUrl = "data-preview-image";
+declare function load(): void;
diff --git a/deployment/lib/src-server/resources/shopify-script.js b/deployment/lib/src-server/resources/shopify-script.js
index 07fd619..ef940de 100644
--- a/deployment/lib/src-server/resources/shopify-script.js
+++ b/deployment/lib/src-server/resources/shopify-script.js
@@ -1,3 +1,23 @@
 // No Imports until webpack is setup
-console.log('Told Shopify-Script Injected');
+var className_productCard = 'product-card__image-wrapper';
+var attribute_previewImageUrl = 'data-preview-image';
+function load() {
+    console.log('shopify-script load START');
+    var elements = document.getElementsByClassName(className_productCard);
+    var productCards = Array.prototype.filter.call(elements, function (x) {
+        return x.getAttribute(attribute_previewImageUrl) != null;
+    });
+    var products = productCards.map(function (x) { return ({
+        element: x,
+        imageUrl: x.getAttribute(attribute_previewImageUrl)
+    }); });
+    window['glip_add_image'] = function () {
+        console.log('clicked glip_add_image');
+    };
+    products.forEach(function (x) {
+        x.element.innerHTML = "\n        <img src='" + x.imageUrl + "' class='product-card__image'>\n        <button click='javascript:glip_add_image()'>Add Your Image for a Preview</button>\n        ";
+    });
+    console.log('shopify-script load END');
+}
+load();
 //# sourceMappingURL=shopify-script.js.map
\ No newline at end of file
diff --git a/deployment/lib/src-server/resources/shopify-script.js.map b/deployment/lib/src-server/resources/shopify-script.js.map
index 329b5de..c84c2ac 100644
--- a/deployment/lib/src-server/resources/shopify-script.js.map
+++ b/deployment/lib/src-server/resources/shopify-script.js.map
@@ -1 +1 @@
-{"version":3,"file":"shopify-script.js","sourceRoot":"","sources":["../../../src-server/resources/shopify-script.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC"}
\ No newline at end of file
+{"version":3,"file":"shopify-script.js","sourceRoot":"","sources":["../../../src-server/resources/shopify-script.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,IAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAC5D,IAAM,yBAAyB,GAAG,oBAAoB,CAAC;AAEvD;IACI,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;IACtE,IAAI,YAAY,GAAqB,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAC,CAAiB;QACzF,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,yBAAyB,CAAC,IAAI,IAAI,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC;QAClC,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,yBAAyB,CAAW;KAChE,CAAC,EAHmC,CAGnC,CAAC,CAAC;IAEH,MAAc,CAAC,gBAAgB,CAAC,GAAG;QAChC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,QAAQ,CAAC,OAAO,CAAC,UAAA,CAAC;QACd,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,yBACV,CAAC,CAAC,QAAQ,wIAErB,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAC3C,CAAC;AAGD,IAAI,EAAE,CAAC"}
\ No newline at end of file
diff --git a/lib/src-server/resources/shopify-script.d.ts b/lib/src-server/resources/shopify-script.d.ts
index e69de29..bb0f818 100644
--- a/lib/src-server/resources/shopify-script.d.ts
+++ b/lib/src-server/resources/shopify-script.d.ts
@@ -0,0 +1,3 @@
+declare const className_productCard = "product-card__image-wrapper";
+declare const attribute_previewImageUrl = "data-preview-image";
+declare function load(): void;
diff --git a/lib/src-server/resources/shopify-script.js b/lib/src-server/resources/shopify-script.js
index 07fd619..ef940de 100644
--- a/lib/src-server/resources/shopify-script.js
+++ b/lib/src-server/resources/shopify-script.js
@@ -1,3 +1,23 @@
 // No Imports until webpack is setup
-console.log('Told Shopify-Script Injected');
+var className_productCard = 'product-card__image-wrapper';
+var attribute_previewImageUrl = 'data-preview-image';
+function load() {
+    console.log('shopify-script load START');
+    var elements = document.getElementsByClassName(className_productCard);
+    var productCards = Array.prototype.filter.call(elements, function (x) {
+        return x.getAttribute(attribute_previewImageUrl) != null;
+    });
+    var products = productCards.map(function (x) { return ({
+        element: x,
+        imageUrl: x.getAttribute(attribute_previewImageUrl)
+    }); });
+    window['glip_add_image'] = function () {
+        console.log('clicked glip_add_image');
+    };
+    products.forEach(function (x) {
+        x.element.innerHTML = "\n        <img src='" + x.imageUrl + "' class='product-card__image'>\n        <button click='javascript:glip_add_image()'>Add Your Image for a Preview</button>\n        ";
+    });
+    console.log('shopify-script load END');
+}
+load();
 //# sourceMappingURL=shopify-script.js.map
\ No newline at end of file
diff --git a/lib/src-server/resources/shopify-script.js.map b/lib/src-server/resources/shopify-script.js.map
index 329b5de..c84c2ac 100644
--- a/lib/src-server/resources/shopify-script.js.map
+++ b/lib/src-server/resources/shopify-script.js.map
@@ -1 +1 @@
-{"version":3,"file":"shopify-script.js","sourceRoot":"","sources":["../../../src-server/resources/shopify-script.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC"}
\ No newline at end of file
+{"version":3,"file":"shopify-script.js","sourceRoot":"","sources":["../../../src-server/resources/shopify-script.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,IAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAC5D,IAAM,yBAAyB,GAAG,oBAAoB,CAAC;AAEvD;IACI,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;IACtE,IAAI,YAAY,GAAqB,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAC,CAAiB;QACzF,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,yBAAyB,CAAC,IAAI,IAAI,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC;QAClC,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,yBAAyB,CAAW;KAChE,CAAC,EAHmC,CAGnC,CAAC,CAAC;IAEH,MAAc,CAAC,gBAAgB,CAAC,GAAG;QAChC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,QAAQ,CAAC,OAAO,CAAC,UAAA,CAAC;QACd,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,yBACV,CAAC,CAAC,QAAQ,wIAErB,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAC3C,CAAC;AAGD,IAAI,EAAE,CAAC"}
\ No newline at end of file
diff --git a/src-server/resources/shopify-script.ts b/src-server/resources/shopify-script.ts
index 405b686..fface58 100644
--- a/src-server/resources/shopify-script.ts
+++ b/src-server/resources/shopify-script.ts
@@ -1,4 +1,33 @@
 // No Imports until webpack is setup
 
-console.log('Told Shopify-Script Injected');
+const className_productCard = 'product-card__image-wrapper';
+const attribute_previewImageUrl = 'data-preview-image';
 
+function load() {
+    console.log('shopify-script load START');
+    let elements = document.getElementsByClassName(className_productCard);
+    let productCards: HTMLDivElement[] = Array.prototype.filter.call(elements, (x: HTMLDivElement) => {
+        return x.getAttribute(attribute_previewImageUrl) != null;
+    });
+
+    let products = productCards.map(x => ({
+        element: x,
+        imageUrl: x.getAttribute(attribute_previewImageUrl) as string
+    }));
+
+    (window as any)['glip_add_image'] = () => {
+        console.log('clicked glip_add_image');
+    };
+
+    products.forEach(x => {
+        x.element.innerHTML = `
+        <img src='${x.imageUrl}' class='product-card__image'>
+        <button click='javascript:glip_add_image()'>Add Your Image for a Preview</button>
+        `;
+    });
+
+    console.log('shopify-script load END');
+}
+
+
+load();
\ No newline at end of file