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

\# 아래 설명은 고도몰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\`를 업로드


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://store-help.nhn-commerce.com/app/marketing/1524.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.