fix(vue-demo): variants displaying (#1677)

* fix(vue-demo): variants displaying * feat: changes after cr
shopware · Feb 12, 2025 · d663627 · d663627
1 parent 7324620
commit d663627
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/.changeset/ten-spies-run.md b/.changeset/ten-spies-run.md
@@ -0,0 +1,5 @@
+---
+"@shopware/cms-base-layer": patch
+---
+
+Fix displaying product variants on the product page
diff --git a/packages/cms-base-layer/components/SwVariantConfigurator.vue b/packages/cms-base-layer/components/SwVariantConfigurator.vue
@@ -56,10 +56,7 @@ const isOptionSelected = (optionId: string) =>
 
 const onHandleChange = async () => {
   isLoading.value = true;
-  const variantFound = await findVariantForSelectedOptions(
-    unref(selectedOptions),
-  );
-
+  const variantFound = await findVariantForSelectedOptions();
   const selectedOptionsVariantPath = buildUrlPrefix(
     getProductRoute(variantFound),
     prefix,
@@ -107,13 +104,13 @@ const onHandleChange = async () => {
             :class="{
               'border-3 border-indigo-600': isOptionSelected(option.id),
             }"
-            @click="handleChange(optionGroup.name, option.id, onHandleChange)"
+            @click="handleChange(optionGroup.translated.name, option.id, onHandleChange)"
           >
             <p
               :id="`${option.id}-choice-label`"
               data-testid="product-variant-text"
             >
-              {{ option.name }}
+              {{ option.translated.name }}
             </p>
           </label>
         </div>