HTML 추가메뉴 수정 방법

저희 디자인에서는 상품분류메뉴 이외에 직접 설정하실 수 있는 추가메뉴를 제공하고 있습니다.

html 이라 복잡하게 생각이 드시겠지만 구조만 이해하시면 매우 간단히 수정이 가능하시겠습니다.

아래의 구조를 단순화 시켜서 설명드리겠습니다.

<ul class="categorySub m02">

<li class="d1"><a href="/_wg/import/cs.html">추가메뉴2</a>

<ul class="d2_wrap">

            <li class="d2"><a href="#">추가메뉴는</a>

                <ul class="d3_wrap">

                    <li><a href="#">상세분류도</a></li>

                    <li><a href="#">설정이 가능합니다</a></li>

                </ul>

            </li>

            <li class="d2"><a href="#">html상에서</a>

                <ul class="d3_wrap">

                    <li><a href="#">상세분류도</a></li>

                    <li><a href="#">설정이 가능합니다</a></li>

                </ul>

            </li>

            <li class="d2"><a href="#">원하시는 메뉴를</a></li>

            <li class="d2"><a href="#">넣을 수 있습니다</a></li>

</ul>

</li>

    <!-- 추가적인 메뉴확장이 필요하신 경우 4~21번줄의 소스를 복사해서 21번줄에 복사후 사용해주세요 -->

</ul>

일반적으로 위와같이 설정이되어 있습니다.

위의 내용도 복잡해 보이니 더 간단하게 구조를 보여드리겠습니다.

----------------------------------------------------------------------------------------

- 중분류가 없을 경우

<ul>

<li>메뉴1</li>

<li>메뉴2</li>

</ul>

- 중분류가 있을 경우

<ul>

<li>메뉴1

<ul>

<li>메뉴1-1

<ul>

<li>메뉴1-1-1</li>

</ul>

</li>

<li>메뉴1-2</li>

<li>메뉴1-3</li>

</ul>

<li>

<li>메뉴2<li>

</ul>

----------------------------------------------------------------------------------------

중분류가 없을 경우는 단순하지만

중분류가 있을 경우는

<li>메뉴1 (여기에는 li 가 없습니다)

<li>메뉴1-1</li>

<li>메뉴1-2</li>

</li>

위와 같은 형태로 구조를 잡아주시면 되겠습니다.

간단히 설명드리는거니 당연히 ul 은 들어가야겠죠~