LogoLogo
스토어 홈앱 스토어디자인 스토어
  • 스토어 소개
  • app
    • 결제/금융
      • 엑심베이 결제 수단 추가 가이드
      • 앱카드 API 화면 가이드
    • 디자인/콘텐츠
      • 리스트 효과 관리 스킨 패치 가이드
    • 간편로그인/회원연동
      • Apple 간편 로그인 스킨 패치 가이드
      • 카카오 싱크(샵바이프리미엄)
      • 카카오 싱크(고도몰) 신청가이드
      • 페이스북 간편 로그인 스킨 패치 가이드
    • 마케팅
      • QR코드 스킨 패치 가이드
      • 네트워크 광고관리 시스템
      • 밴드왜건 푸시스킨 패치 가이드
      • 설문조사 관리 스킨 패치 가이드
      • 마이앱(myapp)
        • 사용 전 필독 사항
        • 개발자 계정 생성 가이드
          • iOS 개발자 계정 생성 가이드
            • iOS 개인 계정 생성 가이드
            • iOS 법인 계정 생성 가이드
          • Android 개발자 계정 생성 가이드
        • STEP 1. 홈
        • STEP 2. 앱 푸시
        • STEP 3. 디자인
        • STEP 4. 통계
        • STEP 5. 설정
        • [FAQ] 자주 묻는 질문
        • 앱 이전 가이드
    • 프로모션
      • 출석체크 이벤트 스킨 패치 가이드
      • 타임세일전 스킨 패치 가이드
    • 배송/풀필먼트
      • 우체국 택배 연동(샵바이) 가이드
        • STEP 1. 연동 신청
        • STEP 2. 송장 발급
        • STEP 3. 택배 예약
        • STEP 4. 수거 신청
        • STEP 5. 기본 설정
        • [FAQ] 자주 묻는 질문
      • CJ대한통운 사용 가이드
        • STEP 1. 연동 신청
        • STEP 2. 택배 예약 및 예약 취소
        • STEP 3. 배송 조회
        • STEP 4. 수거 신청
        • [FAQ] 자주 묻는 질문
    • 리뷰
      • 플러스리뷰 스킨 패치 가이드
    • 통계/분석
      • 방문자 통계 스크립트 설치 가이드
    • 관리도구/편의
      • 견적서 출력 스킨 패치 가이드
      • 간이영수증 출력 스킨 패치 가이드
    • 고객상담/알림
      • 친구톡 앱 사용 가이드
        • 카카오 친구톡 시작하기
        • 친구톡 캠페인 등록하기
        • 캠페인 관리하기
        • 캠페인 통계 확인하기
        • 오로라 개별형 스킨 패치 가이드
        • 오로라 통합형 스킨 패치 가이드
        • 헤드리스 사용 가이드
      • 알림톡 앱 사용 가이드
        • 고도몰
          • 카카오 알림톡 설정
          • 카카오 알림톡 템플릿 설정
          • 카카오톡 알림톡 발송 내역 보기
        • 샵바이
          • 알림톡 사용설정
          • 카카오 알림톡 템플릿 관리
          • 알림톡 발송내역 조회
      • 채널톡 앱 사용 가이드
        • 고도몰
        • 샵바이
    • 채널통합관리/ERP
      • 마켓연동
Powered by GitBook
LogoLogo

NHN COMMERCE

  • 공지사항
  • 회사소개

Partners

  • 서비스 제휴문의
  • 셀러어드민
  • 디자인 파트너

Developers

  • 스토어
  • 워크스페이스
  • API가이드
  • 스킨/앱 개발 가이드

Support

  • 전체 사이트맵

©NHN COMMERCE Corp. All rights reserved.

On this page

Was this helpful?

  1. app
  2. 마케팅

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

Previous밴드왜건 푸시스킨 패치 가이드Next마이앱(myapp)

Last updated 1 year ago

Was this helpful?

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

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

■ 스킨명 : 푸드스토리

■ 수정위치 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`를 업로드

스킨 패치 파일 다운로드 ↓