snt-product-detail

Component Pages

• product-detail

Props

ไม่มี Props

Slots

default

{
  item: {
    product: Object,
    isCollection: boolean,
    subproducts: Array<Object>
  },
  loading: boolean,
  quantity: number,
  selectedOption: {
    id: ID,
    name: string,
    price: number,
    available: number
  },
  isAvailable:  boolean,
  isOptionSelected: (item: SubProduct) => boolean,
  isImageSelected: (index: number) => boolean,
  selectImage: (index: number) => void,
  selectOption:  (item: SubProduct) => void,
  selectQuantity: (quantity: number) => void,
  addCart: () => void
}

images

รูปภาพสินค้า

{
  item: {
    product: Object,
    isCollection: boolean,
    subproducts: Array<Object>
  },
  loading: boolean,
  quantity: number,
  selectedOption: {
    id: ID,
    name: string,
    price: number,
    available: number
  },
  isOptionSelected:boolean,
  isImageSelected: boolean,
  isAvailable: boolean,
  selectImage: (index: number) => void,
  selectOption:  (item: SubProduct) => void,
  selectQuantity: (quantity: number) => void,
  addCart: () => void
}

item

รายละเอียดสินค้า, ราคา, สินค้าย่อย, จำนวน, ปุ่ม Add to Cart

{
  item: {
    product: Object,
    isCollection: boolean,
    subproducts: Array<Object>
  },
  loading: boolean,
  quantity: number,
  selectedOption: {
    id: ID,
    name: string,
    price: number,
    available: number
  },
  isOptionSelected:boolean,
  isImageSelected: boolean,
  isAvailable: boolean,
  selectImage: (index: number) => void,
  selectOption:  (item: SubProduct) => void,
  selectQuantity: (quantity: number) => void,
  addCart: () => void
}

description

รายละเอียดสินค้า

{
  item: {
    product: Object,
    isCollection: boolean,
    subproducts: Array<Object>
  },
  loading: boolean,
  quantity: number,
  selectedOption: {
    id: ID,
    name: string,
    price: number,
    available: number
  },
  isOptionSelected:boolean,
  isImageSelected: boolean,
  isAvailable: boolean,
  selectImage: (index: number) => void,
  selectOption:  (item: SubProduct) => void,
  selectQuantity: (quantity: number) => void,
  addCart: () => void
}