공지사항

공지사항

판다디자인 입니다. 15년 이상의 퍼블리셔, 프론트엔드 디자이너가 까페24를
이용하시는 많은 분들께 멋진 디자인을 제작해 드릴것을 약속드립니다.

첫번째로 선보인 '러블리' 디자인을 시작으로 까페24의 모든 기능을 완벽하게
커스터마이징 할 수 있는 팀이 되겠습니다. 많은 사랑 부탁드립니다.

게시판 상세
제목 26번 HILO 스킨 코드 업데이트 안내   administrator
작성자 (ip:)
  • POINT 0점  
  • DATE 2020-03-20
  • VOTE  추천하기
  • READ 126

판다씨 입니다.


카페24에서 주문내역보기 탭 부분의 코드가

일부 업데이트가 있었던것으로 확인이 됩니다.


전혀 예상하지 못한 script 상으로 링크 및 주문건수를 보여주는 업데이트라 코드 자체를 수정해야 하는 번거로움이 생겼네요.

H I L O 스킨을 사용하시는 분이라면 아래의 코드 업데이트를 진행해주시길 부탁드립니다.




1.
/_sp/addon/tabs/tabs.css
파일을 여시고 최 하단에 아래의 코드를 추가해주세요.

/* 카페24 탭 디자인 추가 */
.tabs-base-sub--cate24 {}
.tabs-base-sub--cate24 li.selected { color:#333; font-weight:bold; border:1px solid #444; border-bottom:1px solid transparent; }
.tabs-base-sub--cate24 li.selected + li { border-left:1px solid transparent; }
.tabs-base-sub--cate24 li ~ li { border-left: 1px solid #eaeaea; }
.tabs-base-sub--cate24 ul { display:table; width:100%; table-layout:fixed; }
.tabs-base-sub--cate24 li { display:table-cell; border:1px solid transparent; color:#999; border-top:1px solid #eaeaea; border-bottom:1px solid #444; }
.tabs-base-sub--cate24 li { position:relative; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tabs-base-sub--cate24 li a { display:block; text-align:center; font-size:15px; line-height:58px; }


2.
/myshop/order/list.html
/myshop/order/list_old.html
/myshop/order/list_past.html

세개의 파일을 여시면 약 38번 라인에

<div module="Myshop_OrderHistoryTab" class="tabs-base-sub" tabs="lock" start="{$tab_class|replace:selected,1}{$tab_class_cs|replace:selected,2}{$tab_class_past|replace:selected,3}{$tab_class_old|replace:selected,4}" effect="hold">
<ul tabcontent class="displaynone">
<li cont><nav lineto="c|4|0.1"><a href="/myshop/order/list.html{$param}" class="{$tab_class}">주문내역조회 ({$total_orders})</a></nav></li>
<li cont><nav lineto="c|4|0.1"><a href="/myshop/order/list.html{$param_cs}" class="{$tab_class_cs}">취소/반품/교환 내역 ({$total_orders_cs})</a></nav></li>
<li cont><nav lineto="c|4|0.1"><a href="/myshop/order/list_past.html{$param_past}" class="{$tab_class_past} {$is_past_list_display|display}">과거주문내역 ({$total_orders_past})</a></nav></li>
<li cont class="{$old_list_display|display}"><nav lineto="c|4|0.1"><a href="/myshop/order/list_old.html{$param_old}" class="{$tab_class_old}">이전 주문내역 ({$total_orders_old})</a></nav></li>
</ul>
</div>

이런 코드가 있습니다. 이 코드를

<div module="Myshop_OrderHistoryTab" class="tabs-base-sub--cate24">
<ul class="menu">
<li class="{$tab_class}"><a href="/myshop/order/list.html{$param}">주문내역조회 ({$total_orders})</a></li>
<li class="{$tab_class_cs}"><a href="/myshop/order/list.html{$param_cs}">취소/반품/교환 내역 ({$total_orders_cs})</a></li>
<li class="{$tab_class_past} {$is_past_list_display|display}"><a href="/myshop/order/list_past.html{$param_past}">과거주문내역 ({$total_orders_past})</a></li>
<li class="{$tab_class_old} {$old_list_display|display}"><a href="/myshop/order/list_old.html{$param_old}">이전 주문내역 ({$total_orders_old})</a></li>
</ul>
</div>

이 코드로 변경해주시길 바랍니다.


단순 코드 복사라 적용이 간편하실텐데요,
적용이 어려우시다면 저희 게시판으로 연락 주시길 바랍니다.






감사합니다.


첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.

비밀번호 확인 취소