• PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
    • 이 상품은 해외배송이 가능한 상품입니다

    [ 27 INFINITE ] 상품 목록 마우스 올리면 다른 이미지 보여주기품절
    모든 상품 목록 관련 디자인에서 마우스를 올리면 서브 이미지를 보여줍니다.

    기본 정보
    [ 27 INFINITE ] 상품 목록 마우스 올리면 다른 이미지 보여주기
    모든 상품 목록 관련 디자인에서 마우스를 올리면 서브 이미지를 보여줍니다.
    사용후기 0
    수량 수량증가수량감소
    타임세일

    카드혜택안내 미확인 입금자

    개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.
  • 상품 수량
    수량
    증가 감소
    상품 옵션
    옵션 선택

  • 수량을 선택해주세요.

    옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.

    최소주문수량 1개 이상 / 최대주문수량 0개 이하입니다.

    상품 목록
    상품명 상품수 가격
    [ 27 INFINITE ] 상품 목록 마우스 올리면 다른 이미지 보여주기 수량증가 수량감소 0 (  )
  • TOTAL PRICE 0 (0개)

    할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • 공급사 바로가기

이 기능은 일종의 트릭이며, 카페24에서 가장 활용도가 낮은 축소 이미지를 활용하는 방법입니다.
일반적으로는 잘 사용하지 않지만, 반드시 2장의 이미지를 목록에서 보여주고자 하는 분들이 사용합니다.





1. 우선 축소 이미지를 셋팅하세요.

마우스를 올렸을때, 축소 이미지가 보여지므로,
목록과 축소 이미지의 사이즈가 서로 반드시 같아야 합니다.

 





2. 이 준비가 되었다면, 이제 코드를 수정합니다.


 

<!---------------------------------------------------------------------------

    상품 목록 이미지 오버시

    축소 이미지를 보여주는 기능

    true = 마우스 오버시 축소 이미지 보여줌

    false = 사용안함 ( 사실상 true 외 모든 경우는 사용안함으로 인정 )

---------------------------------------------------------------------------->

<meta property="sp--setup-product-image-hover" content="true" />


true로 변경하시면, 마우스 오버시 이미지가 축소이미지로 변경됩니다.

간단하죠 ?


  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

REVIEW

게시물이 없습니다

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

Q & A

게시물이 없습니다