_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
  • 공급사 바로가기

이 메뉴얼은 html을 수정해야 하므로 단순한 수정이지만 메뉴얼을 작성합니다.

이 메뉴얼을 통해서 닫힌상태, 혹은 열린상태로 탭을 시작할 수 있습니다.



우선


/product/detail.html 파일을 열어주세요.


총 6개의 탭이 있는데요.

그 방식은 모두 같습니다.


<div class="sp-toggle-base" toggle="outer">


이런 코드가 각 항목마다 있는데요


<div class="sp-toggle-base open" toggle="outer">


이렇게 변경해주시면 탭이 오픈된 상태로 시작하게 됩니다.




1. 상품정보 표시설정의 탭


187번 라인

<div class="sp-toggle-base open" toggle="outer">


2. 쿠폰 탭


/coupon/coupon_productdetail.html

3번 라인

<div module="coupon_productdetailajax open" class="sp-toggle-base" toggle="outer">


3. 정기결재 탭


219번 라인

<div class="sp-toggle-base open {$regular_delivery_display|display}" toggle="outer">


4. 상품옵션 탭


244번 라인

<div class="sp-toggle-base open" toggle="outer" cafe24-check>


이미 열린 상태 입니다. ( 기본값 )


5. 추가구성상품 탭


470번 라인

<div class="sp-toggle-base open" toggle="outer" module="product_addproduct">


6. 혜택정보 탭


585번 라인

<div module="myshop_asyncbenefit open" class="sp-toggle-base" toggle="outer">



위 내용으로 열린상태 / 닫힌상태를 설정하실 수 있으니 참고부탁드립니다 -




  • 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

게시물이 없습니다

목록

상품 문의하기 모두보기