diff --git a/components/ProductImages.vue b/components/ProductImages.vue index 6fc00f2..49e6f57 100644 --- a/components/ProductImages.vue +++ b/components/ProductImages.vue @@ -49,9 +49,10 @@ const { currentVariantImages } = useCurrentProduct() grid-template-columns: repeat(2, 1fr); &__model { - position: absolute; - right: 10px; - top: 10px; + position: fixed; + top: calc(10px + 54px); + right: calc(10px + 350px); + z-index: 1000; } } diff --git a/pages/cart.vue b/pages/cart.vue index 4c22df5..ae6b7fa 100644 --- a/pages/cart.vue +++ b/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('/api/bspb') @@ -59,6 +62,7 @@ const createOrder = async () => { &__items { display: flex; flex-direction: column; + gap: 16px; } &__create-order { diff --git a/pages/order/contacts.vue b/pages/order/contacts.vue new file mode 100644 index 0000000..9245d0d --- /dev/null +++ b/pages/order/contacts.vue @@ -0,0 +1,8 @@ + + + + + diff --git a/pages/order/delivery.vue b/pages/order/delivery.vue new file mode 100644 index 0000000..9245d0d --- /dev/null +++ b/pages/order/delivery.vue @@ -0,0 +1,8 @@ + + + + + diff --git a/pages/order/summary.vue b/pages/order/summary.vue new file mode 100644 index 0000000..57e1bb4 --- /dev/null +++ b/pages/order/summary.vue @@ -0,0 +1,10 @@ + + + + +