создаю телегу товаров

components/ProductImages.vue

@@ -49,9 +49,10 @@ const { currentVariantImages } = useCurrentProduct()
   grid-template-columns: repeat(2, 1fr);
 
   &__model {
-    position: absolute;
+    position: fixed;
-    right: 10px;
+    top: calc(10px + 54px);
-    top: 10px;
+    right: calc(10px + 350px);
+    z-index: 1000;
   }
 }
 </style>

pages/cart.vue

@@ -27,10 +27,13 @@ import type { IBspb } from '~/server/shared/types/bspb'
 import { usePostOrdersCreate } from '~/api/mutations/wp/usePostOrdersCreate'
 import { useCart } from '~/composables'
 
+const router = useRouter()
 const { cart } = useCart()
 const { mutateAsync } = usePostOrdersCreate()
 
 const createOrder = async () => {
+  router.push(`/order/delivery`)
+
   await mutateAsync({ line_items: cart.value.line_items })
 
   const { data } = await useFetch<IBspb>('/api/bspb')
@@ -59,6 +62,7 @@ const createOrder = async () => {
   &__items {
     display: flex;
     flex-direction: column;
+    gap: 16px;
   }
 
   &__create-order {

pages/order/contacts.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss"></style>

pages/order/delivery.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss"></style>

pages/order/summary.vue

@@ -0,0 +1,10 @@
+<template>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+
+</style>