diff --git a/assets/theme.js b/assets/theme.js
index 1eb5245..a526d1b 100644
--- a/assets/theme.js
+++ b/assets/theme.js
@@ -5906,6 +5906,13 @@ var ProductVariants = class extends CustomHTMLElement {
     }
     this._updateDisableSelectors();
     triggerEvent(this.masterSelector.form, "variant:changed", { variant: this.selectedVariant });
+
+    const variantChangeEvent = new CustomEvent('yagi-variant-change', {
+      detail: { variant: this.selectedVariant },
+      bubbles: true,
+      cancelable: true
+    });
+    document.dispatchEvent(variantChangeEvent);
   }
   _onOptionChanged() {
     this.selectVariant(this._getVariantFromOptions()?.id);