forked from crowetic/commerce
fix keen slider
This commit is contained in:
parent
e43aee74dd
commit
cbcf53c430
@ -1,5 +1,4 @@
|
|||||||
import { useKeenSlider } from 'keen-slider/react'
|
import { useKeenSlider } from 'keen-slider/react'
|
||||||
import Image from 'next/image'
|
|
||||||
import React, { Children, FC, isValidElement, useState } from 'react'
|
import React, { Children, FC, isValidElement, useState } from 'react'
|
||||||
import cn from 'classnames'
|
import cn from 'classnames'
|
||||||
|
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import { FC, useState, useEffect } from 'react'
|
import { FC, useState } from 'react'
|
||||||
import cn from 'classnames'
|
import cn from 'classnames'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { NextSeo } from 'next-seo'
|
import { NextSeo } from 'next-seo'
|
||||||
@ -77,15 +77,16 @@ const ProductView: FC<Props> = ({ product, className }) => {
|
|||||||
<div className={s.sliderContainer}>
|
<div className={s.sliderContainer}>
|
||||||
<ProductSlider>
|
<ProductSlider>
|
||||||
{product.images.edges?.map((image, i) => (
|
{product.images.edges?.map((image, i) => (
|
||||||
<Image
|
<div key={image?.node.urlXL}>
|
||||||
className={s.img}
|
<Image
|
||||||
key={image?.node.urlXL}
|
className={s.img}
|
||||||
src={image?.node.urlXL!}
|
src={image?.node.urlXL!}
|
||||||
width={1050}
|
width={1050}
|
||||||
height={1050}
|
height={1050}
|
||||||
priority={i === 0}
|
priority={i === 0}
|
||||||
quality="90"
|
quality="90"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
))}
|
))}
|
||||||
</ProductSlider>
|
</ProductSlider>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user