Help Center

카페24 소식

[스마트디자인] 게시판상단 이미지 변경방법 입니다.

2012-06-13


안녕하세요. 카페24 운영도우미입니다.


쇼핑몰 커뮤니티공간 활성화를 위해 게시판별로 별도의 디자인을 제공하는 방법도 쇼핑몰 디자인을 남다르게


운영 할 수 있는 방법입니다. 그럼 방법에 대해서 알아 보도록 하겠습니다.


1. 제목 : 게시판상단 이미지 변경방법

2. 적용일자 : 2012-06-01

3. 업데이트 내용

  위치 : 관리자어드민 > 커뮤니티 > 게시판관리 > 해당 게시판 > 디자인구성 >화면 상단이미지 업로드 합니다.

 

아래와 쇼핑몰꾸미기 작업창을 열어서 게시판리스트 페이지를 불러 옵니다.(/board/아래전체폴더/list.html)

 

/board 폴더의 list.html 파일에 추가 되었으며, 표준스킨에서는 아래와같은 파일이 수정되었습니다.

/board/comsult/list.html
/board/free/list.html
/board/gallery/list.html
/board/memo/list.html
/board/opdiary/list.html
/board/product/list.html

 

[HTML]

파일위치 : /board/아래전체폴더/list.html

board_title의 모듈에 아래의 변수를 추가해주세요.

수정 전 :

    <div class="titleAreaBoard">

        <h2><span>{$board_name}</span></h2>

        <p>{$board_info}</p>

    </div>

수정 후 :

    <div class="titleAreaBoard">

        <p class="imgArea">{$board_top_image}</p>

        <h2><span>{$board_name}</span></h2>

        <p>{$board_info}</p>

    </div>

 

[CSS]

수정 파일 : /css/module/board/listPackage.css


.xans-board-title .titleAreaBoard p { padding:3px 0 0; clear:both; font-size:.9em; line-height:1.5em; color:#8f8f8f; }

.xans-board-title .titleAreaBoard p.imgArea { padding:0 0 30px; }


카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다.
끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]
감사합니다.