# 설문조사 관리 스킨 패치 가이드

\# 아래 설명은 고도몰5 기본스킨인 푸드스토리 스킨을 기준으로 작성된 내용입니다.

이외 스킨은 스킨 패치 파일을 확인해 주시기 바랍니다.

[스킨 패치 파일 다운로드 ↓](https://kr1-api-object-storage.nhncloudservice.com/v1/AUTH_69db659103894b00aa9f8b28aa62fe8e/plus-shop-skin-patch/%E1%84%89%E1%85%A5%E1%86%AF%E1%84%86%E1%85%AE%E1%86%AB%E1%84%8C%E1%85%A9%E1%84%89%E1%85%A1%20%E1%84%80%E1%85%AA%E1%86%AB%E1%84%85%E1%85%B5_%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B5%E1%86%AB%E1%84%91%E1%85%A2%E1%84%8E%E1%85%B5.zip)

■ 스킨명 : 푸드스토리

■ 수정위치\
1\. 관리자모드 -> 디자인 에서 수정할 스킨이 "현재 작업스킨"으로 설정\
2\. 관리자모드 -> 디자인, 트리에서 아래의 파일을 선택후 수정

■ 스타일시트/css -> gd\_contents.css

\- 아래의 내용을 수정함 : 5249 라인

```
.blackout {
    width:578px;
    margin:12% auto 0;
    padding:210px 0 90px;
    background:url('../img/etc/blackout.png') no-repeat center 69px;
    text-align:center;
}
.blackout > strong {
    color:#222;
    font-size:28px;
}
.blackout p {
    padding:20px 0 0;
    color:#222;
    font-size:16px;
    line-height:1.5;
}
/*
    버튼시작
*/
```

위와 같은 내용에

```
.blackout {
    width:578px;
    margin:12% auto 0;
    padding:210px 0 90px;
    background:url('../img/etc/blackout.png') no-repeat center 69px;
    text-align:center;
}
.blackout.incontent{
    background: url('../img/etc/img-poll.png') no-repeat center 55px;
}
.blackout > strong {
    color:#222;
    font-size:28px;
}
.blackout p {
    padding:20px 0 0;
    color:#222;
    font-size:16px;
    line-height:1.5;
}
.blackout.incontent{
    margin-top: 10px;
}
.blackout.incontent .resultview{
    font-size: 14px;
    margin-bottom: 10px;
}
.blackout.incontent .resultview a{
    text-decoration: underline;
}
/*
    버튼시작
*/
```

이와 같이 수정함

\
\- 아래의 내용을 수정함 : 6063 라인

```
.slider-wrap .slick-arrow.slick-hidden {
    display: none;
}
위와 같은 내용에
.slider-wrap .slick-arrow.slick-hidden {
    display: none;
}
/*설문조사*/
.poll-section{
    margin: 30px 0;
}
.poll-title{
    margin: 10px 0;
}
.poll-list ul li{
    margin: 10px 0;
}
.poll-graph{
    display: inline-block;
}
.poll-graph .graph-name{
    display: inline-block;
    width: 100px;
}
.poll-graph .graph-gauge{
    display: inline-block;
    background: #ff4c2e;
    height: 15px;
}
.poll-textarea textarea{
    width: 100%;
    padding: 10px;
    height: 100px;
    border: 1px solid #cecece;
    box-sizing: border-box;
}
.poll-textarea .textarea{
    padding: 10px;
    border: 1px solid #cecece;
    box-sizing: border-box;
    word-break:break-all;
}
.poll-list ul li *{
    vertical-align: middle;
}
.poll-info{
    background: #f8f8f8;
    padding: 15px;
    margin: 20px 0;
}
.poll-info table td,
.poll-info table th{
    color: #333;
}
.poll-info table td{
    padding:5px 10px;
}
```

이와 같이 수정함

■ 메인/main -> 쇼핑몰 메인본문 main/index.html

\- 아래의 내용을 수정함 : 10 라인

```
<div class="goad-banner">
    <!--{ @dataBanner('4194326291') }-->{.tag}<!--{ / }-->
</div>
<!-- 메인 상품 노출 -->{=includeWidget('goods/_goods_display_main.html','sno','1')}<!-- 메인 상품 노출 -->
<!-- 메인 상품 노출 -->{=includeWidget('goods/_goods_display_main.html','sno','2')}<!-- 메인 상품 노출 -->
<!-- 메인 상품 노출 -->{=includeWidget('goods/_goods_display_main.html','sno','3')}<!-- 메인 상품 노출 -->
```

위와 같은 내용에

```
<div class="goad-banner">
    <!--{ @dataBanner('4194326291') }-->{.tag}<!--{ / }-->
</div>
<!-- 설문조사 배너 -->{=pollViewBanner()}<!-- 설문조사 배너 -->
<!-- 메인 상품 노출 -->{=includeWidget('goods/_goods_display_main.html','sno','1')}<!-- 메인 상품 노출 -->
<!-- 메인 상품 노출 -->{=includeWidget('goods/_goods_display_main.html','sno','2')}<!-- 메인 상품 노출 -->
<!-- 메인 상품 노출 -->{=includeWidget('goods/_goods_display_main.html','sno','3')}<!-- 메인 상품 노출 -->
```

이와 같이 수정함

\
■ 상품/list -> 상품리스트 goods/goods\_list.html

\- 아래의 내용을 수정함 : 54 라인

```
<!--{ / }-->
<!--{ / }-->
<!--{ ? themeInfo.recomDisplayFl == 'y'  && widgetGoodsList}-->
<!--{ ? themeInfo.cateHtml2 }--><div class="user-tune">{=stripslashes(str_replace(' ', ' ', themeInfo.cateHtml2))}</div><!--{ / }-->
```

위와 같은 내용에

```
<!--{ / }-->
<!--{ / }-->
<!-- 설문조사 배너 -->{=pollViewBanner()}<!-- 설문조사 배너 -->
<!--{ ? themeInfo.recomDisplayFl == 'y'  && widgetGoodsList}-->
<!--{ ? themeInfo.cateHtml2 }--><div class="user-tune">{=stripslashes(str_replace(' ', ' ', themeInfo.cateHtml2))}</div><!--{ / }-->
```

이와 같이 수정함

■ 파일추가\
1\. 관리자모드 -> 디자인 에서 수정할 스킨이 "현재 작업스킨"으로 설정\
2\. 관리자모드 -> 디자인, 트리에서 \`고객 서비스/service\`를 선택 후 \`새로운 페이지 추가\`를 클릭\
3\. 파일명을 \`poll\_end\`를 입력 후 \`새로운 페이지 추가하기\`클릭\
4\. 관리자모드 -> 디자인, 트리에서 \`고객 서비스/service -> poll\_end.html\`파일 선택\
5\. 첨부된 \`PC스킨>food\_story>service>poll\_end.html\`파일의 내용을 복사>붙여넣기 후 \`디자인 페이지 저장\`클릭\
6\. 파일명을 \`poll\_register\`를 입력 후 \`새로운 페이지 추가하기\`클릭\
7\. 관리자모드 -> 디자인, 트리에서 \`고객 서비스/service -> poll\_register.html\`파일 선택\
8\. 첨부된 \`PC스킨>food\_story>service>poll\_register.html\`파일의 내용을 복사>붙여넣기 후 \`디자인 페이지 저장\`클릭\
9\. 파일명을 \`poll\_result\`를 입력 후 \`새로운 페이지 추가하기\`클릭\
10\. 관리자모드 -> 디자인, 트리에서 \`고객 서비스/service -> poll\_result.html\`파일 선택\
11\. 첨부된 \`PC스킨>food\_story>service>poll\_result.html\`파일의 내용을 복사>붙여넣기 후 \`디자인 페이지 저장\`클릭\
12\. 관리자모드 -> 디자인 -> WebFTP 클릭 후 \`skin>front>beautylab>img>etc>\`폴더로 이동 후 첨부된 \`PC스킨>beautylab>img>etc>img-poll.png\`를 업로드\
13\. 관리자모드 -> 디자인 -> WebFTP 클릭 후 새폴더 만들기에서 \`poll\`입력후 \`폴더생성\`클릭\
14\. 관리자모드 -> 디자인 -> WebFTP 클릭 후 \`poll\`폴더로 이동 후 첨부된 \`data>poll>poll-banner.png\`, \`data>poll>poll-banner-mobile.png\`를 업로드