> For the complete documentation index, see [llms.txt](https://store-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://store-help.nhn-commerce.com/app/review/1534.md).

# 플러스리뷰 스킨 패치 가이드

\# 아래 설명은 고도몰5 기본 스킨인 (story\_g) pc 스킨을 기준으로 작성된 내용입니다.

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

[스킨 패치 파일 다운로드 ↓](https://kr1-api-object-storage.nhncloudservice.com/v1/AUTH_69db659103894b00aa9f8b28aa62fe8e/plus-shop-skin-patch/%5B2017-12-20%5D%5B%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A5%E1%84%89%E1%85%B3%E1%84%89%E1%85%A3%E1%86%B8%20%E1%84%8B%E1%85%A2%E1%86%B8%5D%20%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A5%E1%84%89%E1%85%B3%E1%84%85%E1%85%B5%E1%84%87%E1%85%B2%202%E1%84%8E%E1%85%A1%20%E1%84%80%E1%85%B5%E1%84%82%E1%85%B3%E1%86%BC%E1%84%80%E1%85%A2%E1%84%89%E1%85%A5%E1%86%AB.zip)

■ 스킨명 : story\_g

■ 파일추가\
-ftp 접속 후

패치 파일에 동봉된 파일들을\
(경로 : PC스킨/story\_g/추가한파일/story\_g)

data/skin/front/스킨명/ 경로에 전체 업로드합니다.

story\_g/board/\_plus\_review\_container\_01.html\
story\_g/board/\_plus\_review\_list\_01.html\
story\_g/board/\_plus\_review\_modify\_01.html\
story\_g/board/\_plus\_review\_photo.html\
story\_g/board/plus\_review\_article.html\
story\_g/board/plus\_review\_goods.html\
story\_g/board/plus\_review\_popup\_01.html\
story\_g/board/plus\_review\_view\.html\
story\_g/css/gd\_plus\_review\.css\
story\_g/img/btn/btn\_file\_plus.png\
story\_g/img/btn/ico\_camera.png\
story\_g/img/btn/ico\_close.png\
story\_g/img/btn/ico\_s\_close.png\
story\_g/img/etc/bg\_sel.png\
story\_g/img/etc/bg\_sel2.png\
story\_g/img/icon/ico\_new\.png\
story\_g/img/icon/ico\_review\.png\
story\_g/js/jquery/pinterest-grid\
story\_g/js/jquery/pinterest-grid/pinterest\_grid.js\
story\_g/js/plusReview\
story\_g/js/plusReview/gd\_plus\_review\.js\
story\_g/mypage/mypage\_plus\_review\_article.html\
story\_g/share/layer\_review\_order\_search.html\
story\_g/share/layer\_review\_order\_select.html

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

■ 상품 / goods -> goods/goods\_view\.html

\- 아래의 내용을 수정함 : 162 줄

```
        var canGoodsReview = '{canGoodsReview}';
        var canGoodsQa = '{canGoodsQa}';
        var tabCount = 5;
        if(!canGoodsReview) {
            $('.tab a[href=#reviews]').remove();
            $('#reviews').hide();
            tabCount-- ;
        }
```

위와 같은 내용에

```
        var canGoodsReview = '{canGoodsReview}';
        var canPlusReview = '{plusReviewConfig.isShowGoodsPage}';
        var canGoodsQa = '{canGoodsQa}';
        var tabCount = 5;
        if(!canGoodsReview && canPlusReview != 'y') {
            $('.tab a[href=#reviews]').remove();
            $('#reviews').hide();
            tabCount-- ;
        }
```

이와 같이 수정함

\
\- 아래의 내용을 수정함 : 1380 줄

```
            <div class="tab">
                <a href="#detail" class="on">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
```

위와 같은 내용에

```
            <div class="tab">
                <a href="#detail" class="on">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount+plusReview.info.reviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
```

이와 같이 수정함

\- 아래의 내용을 수정함 : 1441 줄

```
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery" class="on">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
            <!--{ ? infoDelivery }-->
            <h3>{=__('배송안내')}</h3>
            <div class="admin-msg">{infoDelivery}</div>
            <!--{ / }-->
        </div>
        <div id="exchange">
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange" class="on">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
```

위와 같은 내용에

```
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery" class="on">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount+plusReview.info.reviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
            <!--{ ? infoDelivery }-->
            <h3>{=__('배송안내')}</h3>
            <div class="admin-msg">{infoDelivery}</div>
            <!--{ / }-->
        </div>
        <div id="exchange">
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange" class="on">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount+plusReview.info.reviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
```

\
이와 같이 수정함

\
\- 아래의 내용을 수정함 : 1480 줄

```
        <div id="reviews">
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
            <div class="top-reviews">
                <div class="tit">
                    <h3>{=__('상품후기')}</h3>
```

위와 같은 내용에

```
        <div id="reviews">
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount+plusReview.info.reviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
            <div class="top-reviews">
                <!--{ ? plusReviewConfig.isShowGoodsPage == 'y' }-->
                {=includeFile(includePlusReviewFile)}
                <!--{/}-->
                <div class="tit">
                    <h3>{=__('상품후기')}</h3>
```

이와 같이 수정함

\- 아래의 내용을 수정함 : 1500 줄

```
        <div id="qna">
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
```

위와 같은 내용에

```
        <div id="qna">
            <div class="tab">
                <a href="#detail">{=__('상품상세정보')}</a>
                <a href="#delivery">{=__('배송안내')} </a>
                <a href="#exchange">{=__('교환 및 반품안내')}</a>
                <a href="#reviews">{=__('상품후기')} <strong>({goodsReviewCount+plusReview.info.reviewCount})</strong></a>
                <a href="#qna">{=__('상품문의')} <strong>({goodsQaCount})</strong></a>
            </div>
```

\
이와 같이 수정함

\
■ 전체 레이아웃 / outline -> outline/side/mypage.html

\- 아래의 내용을 수정함 : 38 줄

```
    <!--{ ? canGoodsQa }-->
    <h3 class="my-question"><a href="../mypage/mypage_goods_qa.php">{=__('나의 상품문의')}</a></h3>
    <!--{/}-->
    <!--{ ? canGoodsReview }-->
    <h3 class="my-review"><a href="../mypage/mypage_goods_review.php">{=__('나의 상품후기')}</a></h3>
    <!--{/}-->
    <hr />
</div>
<script type="text/javascript">
    // 메뉴 선택
    $('.mypage-lnb li > a[href*="' + document.location.pathname + '"]').addClass('on');
</script>
    <hr />
```

\
\
위와 같은 내용에

```
    <!--{ ? canGoodsQa }-->
    <h3 class="my-question"><a href="../mypage/mypage_goods_qa.php">{=__('나의 상품문의')}</a></h3>
    <!--{/}-->
    <!--{ ? canGoodsReview }-->
    <h3 class="my-review"><a href="../mypage/mypage_goods_review.php">{=__('나의 상품후기')}</a></h3>
    <!--{/}-->
    <!--{ ? plusReviewConfig.useFl == 'y' }-->
    <h3 class="my-review"><a href="../mypage/mypage_plus_review_article.php">{=__('나의 플러스리뷰')}</a></h3>
    <!--{/}-->
    <hr />
</div>
<script type="text/javascript">
    // 메뉴 선택
    $('.mypage-lnb li > a[href*="' + document.location.pathname + '"]').addClass('on');
</script>
```

\
이와 같이 수정함


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://store-help.nhn-commerce.com/app/review/1534.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
