쇼핑몰기능이 들어가야 하는 거라면...

xe로는 좀 애매할 수 있겠는데요.,.

기본 퍼블리싱이 된다고 보고

xe_official 레이아웃 기준으로 설명 드리겠습니다.

conf 폴더안에 info.xml을 여신다면

하단에 

 <menus>

        <menu name="main_menu" maxdepth="3" default="true">

            <title xml:lang="ko">상단 메뉴</title>

            <title xml:lang="jp">上段用メニュー</title>

            <title xml:lang="zh-CN">主菜单</title>

            <title xml:lang="zh-TW">主選單</title>

            <title xml:lang="en">Top menu</title>

            <title xml:lang="ge">Top Menü</title>

            <title xml:lang="ru">Верхнее меню</title>

            <title xml:lang="es">Menú Principal</title>

            <title xml:lang="vi">Menu trên</title>

            <title xml:lang="tr">Ana Menü</title>

        </menu>

    </menus>

라는 부분이 있습니다.

빨간 부분만 기억하시면 됩니다.

다음 layout.html을 여시면

21라인에

<div class="gnb">

<ul>

<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>

<ul cond="$val1['list']">

<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>

</ul>

</li>

</ul>

</div>

이런 부분이 있는데 빨간 부분만 보시면 됩니다.

같죠??

이 두부분만 같게 한다면 

 <menus>

        <menu name="main_menu" maxdepth="3" default="true">

            <title xml:lang="ko">상단 메뉴</title>

            <title xml:lang="jp">上段用メニュー</title>

            <title xml:lang="zh-CN">主菜单</title>

            <title xml:lang="zh-TW">主選單</title>

            <title xml:lang="en">Top menu</title>

            <title xml:lang="ge">Top Menü</title>

            <title xml:lang="ru">Верхнее меню</title>

            <title xml:lang="es">Menú Principal</title>

            <title xml:lang="vi">Menu trên</title>

            <title xml:lang="tr">Ana Menü</title>

        </menu>

<menu name="main_menuB" maxdepth="3" default="true">

            <title xml:lang="ko">상단 메뉴</title>

            <title xml:lang="jp">上段用メニュー</title>

            <title xml:lang="zh-CN">主菜单</title>

            <title xml:lang="zh-TW">主選單</title>

            <title xml:lang="en">Top menu</title>

            <title xml:lang="ge">Top Menü</title>

            <title xml:lang="ru">Верхнее меню</title>

            <title xml:lang="es">Menú Principal</title>

            <title xml:lang="vi">Menu trên</title>

            <title xml:lang="tr">Ana Menü</title>

        </menu>

    </menus>

이렇게 main_menuB를 추가한 다음

<div class="gnb">

<ul>

<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>

<ul cond="$val1['list']">

<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>

</ul>

</li>

</ul>

</div>

<div class="gnb">

<ul>

<li loop="$main_menuB->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>

<ul cond="$val1['list']">

<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>

</ul>

</li>

</ul>

</div>

이렇게 메뉴를 두개 노출 시켜 둔다면 두개가 노출될겁니다.

나머진 원하시는 부분에 적당히 넣으시고 적당히 css 값을 2차 메뉴까지 원하신다면 적당히 js를 거시면 됩니다.

어차피 이럴때는 블럭 하나 하나씩 넣어보고 지우고 하는게 최선입니다.

그냥 편하게

노가다 판에서 보조도 안해본 사람이 손수 집지을려면 시간이 걸리는 것과 같은 이치라 생각하시고요.

이쪽도 목수가 망치질 하는 노하우만큼 미장이 시멘트 바르는 노하우만큼 이런저런 코드를 주무르는 노하우가 있어야 원하는 형태로 뽑아낼 수 있고요...

그게 안되면 손가락품을 조금더 파는거 말고는 방법이 없습니다.

어차피 마음대로 주무르려면 이것저것 알아야 할게 많으니까 비슷한 레이아웃을 찾아서 사용하시거나 아니면 하나씩 넣어보고 지우고 하는 방식으로 해답을 찾아가거나 그것 말고는 없습니다.