_imgTag_

           

[ 26 H I L O ] 팝업창 수정하기
  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

    • 이 상품은 해외배송이 가능한 상품입니다

    [ 26 H I L O ] 팝업창 수정하기품절
    팝업창을 띄우는 방법 및 경로에 대한 메뉴얼을 제공합니다.
    기본 정보
    [ 26 H I L O ] 팝업창 수정하기
    팝업창을 띄우는 방법 및 경로에 대한 메뉴얼을 제공합니다.
    사용후기 0
    수량 수량증가수량감소
    타임세일

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

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

  • 수량을 선택해주세요.

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

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

    상품 목록
    상품명 상품수 가격
    [ 26 H I L O ] 팝업창 수정하기 수량증가 수량감소 0 (  )
    사이즈 가이드
  • TOTAL PRICE 0 (0개)

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

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

H I L O  스킨의 팝업창은 배너관리v2에서 기본적으로 관리됩니다.

아래의 경로로 접속하셔서 배너관리 모듈을 엽니다.




 








팝업창의 텍스트는 아래와 같이 배너명에 기입을 하게 됩니다.




 





* 팝업창의 가로는 기본적으로 500px로 고정이 되어 있습니다.

* 이 수치를 변경하려면




/_sp/module/floating/floating.html 파일을 여시고 14번 라인


<!--팝업창 플로팅 컨테이너-->

<!--@css(/_sp/module/floating/floating.css)-->

<div class="sp-floating--front" style="width:500px; top:260px; left:100px;">

<div cookies="sp-floating-cookies-1" 

         delay="3" 

         cookies-ajax="/_sp/module/floating/floating.1.html" 

         cookies-arrow="MAIN,BOARD_MAIN,BOARD_FREE_LIST,BOARD_PRODUCT_LIST,BOARD_GALLERY_LIST,PRODUCT_LIST,PRODUCT_DETAIL,PRODUCT_PROJECT">

    </div>

</div>




이 부분의 붉은색 부분을 수정해주시면 됩니다.

좀 더 상세한 설정은


<div cookies="sp-floating-cookies-1" 

         delay="3"  // 화면이 로드된 후 몇초뒤에 팝업창이 뜰것인지 결정

         cookies-ajax="/_sp/module/floating/floating.1.html"  // 실제로 팝업창 디자인이 연결된 장소

         cookies-arrow="MAIN,BOARD_MAIN,BOARD_FREE_LIST,BOARD_PRODUCT_LIST,BOARD_GALLERY_LIST,PRODUCT_LIST,PRODUCT_DETAIL,PRODUCT_PROJECT"> // 팝업창이 뜰 페이지들을 규약 ( 카페24 page role 을 사용합니다.

    </div>




이정도 설정을 통해서 팝업창을 수정할 수 있습니다.












 


  • 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

게시물이 없습니다

목록

상품 문의하기 모두보기