From cbe0502452b03a1201319defc147ab1b4b8f7c3a Mon Sep 17 00:00:00 2001
From: Jan Umbach <jan@umbach.dev>
Date: Thu, 30 May 2024 11:16:20 +0200
Subject: [PATCH] test

---
 layout/theme.liquid              |  2 ++
 snippets/shx-product-desc.liquid | 24 ++++++++++++++++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 snippets/shx-product-desc.liquid

diff --git a/layout/theme.liquid b/layout/theme.liquid
index cedf348..49dac33 100644
--- a/layout/theme.liquid
+++ b/layout/theme.liquid
@@ -353,6 +353,8 @@ body {
     <script src="{{ 'anime.min.js' | asset_url }}" defer="defer"></script>
     <script async src="{{ 'dotlottie-player.js' | asset_url }}"></script>
 
+    {% render 'shx-product-desc'
+      , content_type: 'init' %}
 
   </head>
 
diff --git a/snippets/shx-product-desc.liquid b/snippets/shx-product-desc.liquid
new file mode 100644
index 0000000..2a4704b
--- /dev/null
+++ b/snippets/shx-product-desc.liquid
@@ -0,0 +1,24 @@
+{% assign content_type = content_type | default: 'awdawd' %}
+
+{% if content_type == 'init' %}
+
+  <script type="text/javascript">
+        // create new html tag called "shx-drehteller"
+
+        class MyCustomElement extends HTMLElement {
+            constructor() {
+                super();
+                // element functionality written in here
+            }
+
+            connectedCallback() {
+                this.attachShadow({ mode: 'open' }); // Attach a shadow root to the element.
+                this.shadowRoot.innerHTML = `<div>Hello, world!</div>`; // Add a div to the shadow DOM.
+            }
+        }
+
+        customElements.define('shx-drehteller', MyCustomElement);
+  </script>
+
+
+{% endif %}
\ No newline at end of file