이미지 이미지
메뉴이름 메뉴이름
이와 같은 것으로 만들려고 합니다
현재 이미지는 만들어서 달았는데
각 메뉴마다 이미지를 따로 적용하고 싶은데 이게 쉽지 않네요
혹시 가능 할까요
좋은 하루 되세요
항상 좋은 답글 달아주신 회원님들께 감사 드립니다
-
-
?
mospia님 안녕하세요 위에 알려주신 것도 좋은되요
다음에 한번 적용해볼게요
감사 합니다 ^^;; -
레이아웃에서 메뉴를 보여주는 부분이 xe의 사이트 메뉴 편집에 있는 것을 가져오나요?
단무지하게 생각하면 xe가 자동화해서 보여주는 메뉴를 깡 html로 바꿔버리면 되겠지만. 이건 해결책이 아닐듯 하네요. ㅠㅠ -
레이아웃 수정은 필수적인 방법입니다.
1. 메뉴에 사용할 이미지는
https://xestyle.com/xe/manual_home/71841
요 방법을 이용해서 올립니다.기본만 사용할 것입니다.
2.
보통 레이아웃에서 메뉴를 구성할때는 li를 loop시키는데요.
<li loop="$GNB->list => $key1, $val1">
이렇게 들어가 있죠.
$GNB는 레이아웃 환경설정 파일에서 지정한 menu의 name입니다.(설명이 음...)
윗줄을 풀어보면
li를 반복하는데 GNB라는 변수의 배열 값 중 list에 들어간 값 을 key값은 $key1에 value는 $val1에 넣고 그것을 li내부에서 활용합니다.
a태그를 빼면 {$val1['link']} 요런 부분이 들어가 있죠.
$val1라는 배열안에 link라는 key값을 가진 값을 불러오는 것입니다.
요 링크가 특이한 것이 1번에서 이미지를 첨부하면 그것을 가져오고, 없으면 메뉴에서 설정한 텍스트가 들어가 있습니다.
3.
$val1은 배열인데 그 안에는 여러가지 값이 들어가 있습니다.
그 중에서 우리가 활용할 것은
text와 normal_btn입니다.
{$val1['text']}, {$val1['normal_btn']} 인거죠.
<li loop="$GNB->list => $key1, $val1">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
</li>
원래 이런 구조였다면
<li loop="$GNB->list => $key1, $val1">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'"><img src="{$val1['normal_btn']}" width나 class등은 알아서 수정.....><br>{$val1['text']}</a>
</li>
이런식으로 바꾸는 거죠. -
?
1번으로 하니 바로 됩니다
너무 감사 합니다 저는 혹시 "layout.html" 이것을 수정해야 하는줄 알았습니다
오늘도 Double'U' 님에게 신세를 지는군요
이렇게 간단 할줄 몰랐습니다
고맙습니다 ^^ -
?
텍스트가 같이 보여야 하는거 아닌가요?
제가 적은 것은 3가지 단계라는 것이었습니다...-0-;;;;; -
?
네 같이 보이도록 하였습니다
정말 감사 합니다 ^^;;
<li loop="$GNB->list => $key1, $val1">
<!--@if($val1['link']=='메뉴이름1')-->
<img src="">~~~~~~
<!--@elseif($val1['link']=='메뉴이름2')-->
<img>~~~~
<!--@end-->
이런식으로하면 되지않을까 합니다