NOTICE

게시판 상세
제목 상단에 검색창, 장바구니 아이콘 추가하기
작성자

마스터스킨 (ip:) 조회수 :55

작성일 2017-02-13
평점 0점
추천 추천하기

15번과 16번은 상단에 검색창이 별도로 존재하지 않습니다.

그동안 문의를 주셨던분들께 달아드리곤 했는데 소스가 정리가 되어 방법을 공개해 드립니다.


먼저 스마트디자인편집창으로 오셔서 아래 위치한 두개의 HTML 파일을 열어주어야 합니다.


- 전체화면 > 레이아웃 > 기본레이아웃 > 메인레이아웃

- 전체화면 > 레이아웃 > 기본레이아웃 > 공통레이아웃


아래 HTML 을 복사하여 스마트디자인 편집창에 붙여 넣어주세요.


아래 HTML 소스를 복사해주세요.



<!-- 검색 -->
<div class="module widget-handle search-widget-handle left">
    <div class="search">
        <i class="ti-search"></i>
        <span class="title">Search Site</span>
    </div>
    <div class="function">
        <form class="search-form" name="" action="/product/search.html" method="get" enctype="multipart/form-data"><input id="banner_action" name="banner_action" value="" type="hidden"><!--$product_page=/product/detail.html $category_page=/product/list.html--><fieldset><input id="keyword" name="keyword" fw-filter="" fw-label="검색어" fw-msg="" class="inputTypeText" onmousedown="SEARCH_BANNER.clickSearchForm(this)" value="" placeholder="Type Here" type="text"></fieldset></form>
    </div>
</div>
<!-- 장바구니 -->
<div class="module widget-handle2 cart-widget-handle left">
    <a href="/order/basket.html">
        <div class="cart">
            <div module="Layout_orderBasketcount">
                <i class="ti-bag"></i>
                <span class="label number">{$basket_count}</span>
                <span class="title">Shopping Cart</span>
            </div>
        </div>
    </a>
</div>



메인레이아웃, 공통레이아웃 모두 동일



<div class="module left">
    <div id="category" module="Layout_category">
    <!--@js(/js/module/layout/category.js)-->  
        <ul class="menu">
            <li class="has-dropdown"><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
            <li class="has-dropdown"><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
        </ul>
    </div>
</div>
<!-- 이곳에 붙여 넣어주세요. -->



HTML 소스가 정상적으로 추가된 최종 소스는 아래와 같습니다.

꼭 메인레이아웃과 공통레이아웃 2개의 파일 모두 수정해주셔야 합니다.



<div class="module left">
    <div id="category" module="Layout_category">
    <!--@js(/js/module/layout/category.js)-->  
        <ul class="menu">
            <li class="has-dropdown"><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
            <li class="has-dropdown"><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
        </ul>
    </div>
</div>
<!-- 이곳에 붙여 넣어주세요. -->
<!-- 검색 -->
<div class="module widget-handle search-widget-handle left">
    <div class="search">
        <i class="ti-search"></i>
        <span class="title">Search Site</span>
    </div>
    <div class="function">
        <form class="search-form" name="" action="/product/search.html" method="get" enctype="multipart/form-data"><input id="banner_action" name="banner_action" value="" type="hidden"><!--$product_page=/product/detail.html $category_page=/product/list.html--><fieldset><input id="keyword" name="keyword" fw-filter="" fw-label="검색어" fw-msg="" class="inputTypeText" onmousedown="SEARCH_BANNER.clickSearchForm(this)" value="" placeholder="Type Here" type="text"></fieldset></form>
    </div>
</div>
<!-- 장바구니 -->
<div class="module widget-handle2 cart-widget-handle left">
    <a href="/order/basket.html">
        <div class="cart">
            <div module="Layout_orderBasketcount">
                <i class="ti-bag"></i>
                <span class="label number">{$basket_count}</span>
                <span class="title">Shopping Cart</span>
            </div>
        </div>
    </a>
</div>



감사합니다.



첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
목록 수정 답변
댓글 수정 비밀번호 :
0 / 200 byte

비밀번호 :

댓글 입력 댓글달기 이름 :비밀번호 : / 평점
/ byte 왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.