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

    [ 23 ENGINE ] 메인 네비게이션 등록하기품절
    메인페이지의 네비게이션을 관리하는 방법을 안내합니다.
    이 코드는 자동으로 생성되는 코드가 아닌 수동으로 관리합니다.
    기본 정보
    [ 23 ENGINE ] 메인 네비게이션 등록하기
    메인페이지의 네비게이션을 관리하는 방법을 안내합니다.
    이 코드는 자동으로 생성되는 코드가 아닌 수동으로 관리합니다.
    사용후기 0
    수량 수량증가수량감소
    타임세일

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

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

  • 수량을 선택해주세요.

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

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

    상품 목록
    상품명 상품수 가격
    [ 23 ENGINE ] 메인 네비게이션 등록하기 수량증가 수량감소 0 (  )
  • TOTAL PRICE 0 (0개)

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

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

우선 이 기능을 수정하기 위해서는 스마트디자인 편집창을 열어주세요.


이 기능은 메인페이지에서만 동작하며,

css : /_sp/apps/layout/index/index-1/index.css

js: /_sp/apps/layout/index/index-1/index.js


두개 파일에서 설정을 하실 수 있습니다. 사실 크게 사용할일 없으며 개발자분들만 보시길 바랍니다..




이제 메인페이지 코드를 열어주시길 바랍니다.



 


위 코드를 보시면 두개의 코드가 있는데요.


<i class="nav" data-title="WEEKLY BEST"></i><!--네비게이션-->


이 코드가 하나의 위치를 의미합니다. ( 화면상에 어느 위치에 넣을지는 직접 선택하시면 됩니다 )


코드를 풀어보면


<i 

class="nav"                             -> 네비게이션으로 인식하라는 의미 ( 수정하지 마세요 )

data-title="WEEKLY BEST"   -> 네비게이션으로 등록될때 이름을 의미합니다. ( 원하는 명칭을 적으시면 됩니다 )

></i><!--네비게이션-->


결론적으로 화면에 원하는 위치에


<i class="nav" data-title="원하는명칭"></i><!--네비게이션-->


이렇게 여러개를 넣으실 수 있으며 이 코드가 등록되면 화면 좌측에 네비게이션이 자동으로 등록되니 참고부탁드립니다.


참고로 너무 길게 적거나, 태그를 넣거나 하시면 안되며 텍스트만 넣으시길 바랍니다.


예시



상단


대배너


<i class="nav" data-title="분류1"></i><!--네비게이션-->

상품분류1


<i class="nav" data-title="분류2"></i><!--네비게이션-->

상품분류2


<i class="nav" data-title="이벤트"></i><!--네비게이션-->

이벤트배너


<i class="nav" data-title="분류4"></i><!--네비게이션-->

상품분류3


하단



이런식으로 화면을 잘라서 넣는다는 느낌으로 코드를 넣으시면 됩니다.


쉽죠 ?



  • 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

게시물이 없습니다