react/tsconfig.json

@@ -7,5 +7,11 @@
     "moduleResolution": "node",
     "target": "es2017"
   },
-  "include": ["./typings/*.d.ts", "./**/*.tsx", "./**/*.ts"]
-}
+  "include": [
+    "./typings/*.d.ts",
+    "./**/*.tsx",
+    "./**/*.ts",
+    "components/SwiperComponent/SwiperComponent.tsxonent.tsx",
+    "SwiperComponent.tsxonenSwiperComponent.tsxwiperComponent.tsx"
+  ]
+}

store/blocks/pdp/product.jsonc

@@ -3,6 +3,7 @@
     "children": [
       "html#breadcrumb",
       "condition-layout.product#availability",
+      "swiper-component",
       "flex-layout.row#description",
       "flex-layout.row#specifications-title",
       "product-specification-group#table",
@@ -78,7 +79,6 @@
   "flex-layout.col#stack": {
     "children": ["stack-layout"],
     "props": {
-      "width": "60%",
       "rowGap": 0
     }
   },
@@ -91,7 +91,8 @@
         "desktop": "auto",
         "phone": "16:9"
       },
-      "displayThumbnailsArrows": true
+      "displayThumbnailsArrows": false,
+      "showPaginationDots": false
     }
   },
   "flex-layout.col#right-col": {

store/interfaces.json

@@ -5,5 +5,8 @@
   "html": {
     "component": "html",
     "composition": "children"
+  },
+  "swiper-component": {
+    "component": "SwiperComponent"
   }
 }