본문 바로가기

카페24/블로그/카페24

카페24 쇼핑몰 제작_ 상단메뉴바 수정 / 상단메뉴바 위치변경 / 검색창 위치변경

카페24 쇼핑몰 제작_ 상단메뉴바 수정 / 상단메뉴바 위치변경 / 검색창 위치변경

 
카페24 쇼핑몰 제작 6번째 글인 이번 글에선 상단메뉴바 위치변경 방법에 대해 알려드리고자 합니다.


상단메뉴바 내용인 이용안내, 장바구니, 주문조회, 마이쇼핑과 검색창을 상단메뉴 바로 옆으로 이동시켜 보겠습니다.



쇼핑몰 관리자 페이지에 접속을 합니다.
디자인관리-> HTML 디자인 설정-> 공통모듈 리스트-> TOP-> 상단메뉴바의 모듈편집을 선택해 주세요.



HTML 편집에서 빨간색 테두리 친 부분의 내용을 복사한 후 삭제합니다.



상단메뉴의 모듈편집으로 들어가 주세요.



HTML 편집에서 빨간색 테두리 친 위치에 복사한 내용을 붙여넣기 합니다.
그리고 검은색 테두리 친 부분을 삭제합니다.



위의 그림처럼 작은 빨간색 box부분은 삭제하시고 아래 큰 빨간색 box부분은 복사해서 저 위치로 이동시켜 주세요.



align과 valign은 각각 right와 top으로 수정해 주시고, cellspacing의 수치를 6으로 수정해 주세요.



이제 검색창을 별도의 table안으로 넣을 껀데요.

<table width="0" border="0" align="right" cellpadding="0" cellspacing="0">
  <tr><td height="50">{{* 검색창 B형 *}}{{$a_32}} </td></tr></table>

이 소스를 위의 위치에 복사해 넣으시면 됩니다.
align과 height를 적절히 조절해서 원하는 위치에 검색창을 배치해 보세요.



모두 수정한 후 등록하고 자신의 쇼핑몰을 확인해 보세요.
위와같이 수정 되었는 것을 확인 할 수 있습니다.

검색창이 흰색이어서 흰색바탕에선 보이지가 않네요.
검색창 색상변경 방법은 다음 글에서 알려드리도록 하겠습니다.