Masterskin

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>

감사합니다.