[카페24 쇼핑몰] 게시판

상품분류,상품상세 페이지만큼 중요한것이 게시판인데요

 

[카페24 쇼핑몰] 코딩 초보자 기본요약 세번째 글에서 간단하게 설명을 했지만

상황에 따라서 각각 디자인이 달라져야 하는경우엔 게시판에 대해 세세하게 알아야 수정이 수월합니다.

 

게시판관리

총 13개의 게시판이 기본적으로 제공되며 여기서 추가하시려면 일반게시판등록 또는 갤러리 게시판등록 버튼을 누르시고 결제를 하시면 됩니다(유료)

 

1. 일반게시판(공지사항, 뉴스/이벤트, FAQ, 자유게시판, 자유게시판2, 자유게시판3, 자료실)

 

2. 상품게시판(상품후기, 상품문의) : 상품상세페이지와 연동되어있어서 다른게시판으로 교체해서 사용할수 없습니다.

 

3. 갤러리게시판(갤러리)

 

4. 상담게시판(1:1맞춤상담)

 

5. 한줄메모

 

이중에서 가장 많이 사용하는 게시판은 일반게시판, 상품게시판, 갤러리게시판입니다.

 

1. 일반게시판

A. HTML(스킨)

board폴더 > 일반게시판 폴더

 

B. CSS

/layout/basic/css/ec-base-table.css

/css/module/board/listPackage.css

/css/module/board/readPackage.css

/css/module/board/writePackage.css

/css/module/board/modifyPackage.css

 

2. 상품게시판

A. HTML(스킨)

board폴더 > 상품게시판 폴더

 

B. CSS : 일반게시판과 같습니다.

/layout/basic/css/ec-base-table.css

/css/module/board/listPackage.css

/css/module/board/readPackage.css

/css/module/board/writePackage.css

/css/module/board/modifyPackage.css

 

3. 갤러리게시판 

갤러리형(list.html), 리스트형(list2.html)

 

A. HTML(스킨)

board폴더 > 갤러리게시판 폴더

 

B. CSS

일반게시판과 다른 CSS가 존재합니다.

게시판ID가 8이고 아래의 CSS로 구성되어 있습니다.

 

/* 일반글 */
.xans-board-listpackage-8 .xans-board-list-8 { clear:both; overflow:hidden; }
.xans-board-listpackage-8 .xans-board-list-8 ul { width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.xans-board-listpackage-8 .xans-board-list-8 li { display:inline-block; *display:inline; *zoom:1; width:20%; margin:20px 0 40px 0; font-size:12px; color:#757575; line-height:18px; vertical-align:top; }
.xans-board-listpackage-8 .xans-board-list-8 li .imgLink img { display:block; width:187px; height:255px; margin:0 auto 10px; border:1px solid #ececec; }
.xans-board-listpackage-8 .xans-board-list-8 li .boardChk { display:block; margin:0 auto 10px; }
.xans-board-listpackage-8 .xans-board-list-8 li a.imgLink,
.xans-board-listpackage-8 .xans-board-list-8 li a.imgLink:hover { display:block; width:189px; margin:0 auto; color:#2e2e2e; }
.xans-board-listpackage-8 .xans-board-list-8 li span { display:block; margin:15px auto 0; width:189px;}
.xans-board-listpackage-8 .xans-board-list-8 li strong { font-weight:normal; }
.xans-board-listpackage-8 .xans-board-list-8 li em { display:block; font-style:normal; }

 

/css/module/board/listPackage_gallary.css(갤러리형)

/layout/basic/css/ec-base-table.css(리스트형)

/css/module/board/listPackage.css

/css/module/board/readPackage.css

/css/module/board/writePackage.css

/css/module/board/modifyPackage.css

 

소소한팁)

기존에 있는 게시판과 다른 레이아웃으로 수정하고 싶다면 원하는 스킨의 폴더를 복사해서

폴더이름을 수정한후 FTP로 올린후 다음과 같은 변수를 HTML에 넣어주세요.

 

1)목록페이지

A. 상세페이지링크주소 변수 : {$link_board_detail}

/board/새로만든폴더이름/read.html{$param_read}

 

B. 글쓰기 변수 : /board/free/write.html{$param_write}

 /board/새로만든폴더이름/write.html{$param_write}

 

2)상세보기페이지

A. 목록페이지로가기 변수 : {$link_board_list}

/board/새로만든게시판/list.html{$param_list}

 

참고로 갤러리게시판스킨의 리스트형(list2.html)으로 되어있어서 그런건지

html파일이름을 list2.html로 하면 {$param_read}이부분이 제대로 작동이 안되더라구요

다른이름으로 만들어주세요