프로젝트 의뢰

작은 일도 최선의 노력을 다하고 있습니다.

라온제나 기획은 어떤 프로젝트도 최고의 결과를 만들기 위해 노력하고 있습니다.
아래 양식을 작성해주시면 분야별 전문 담당자가 빠르게 연락드리겠습니다.

프로젝트 정보

어떤 서비스를 원하십니까?

압축하여 올려주시고, 최대 20mb까지 가능합니다.
대용량 파일인 경우 yabuki@raonjena.co.kr 이메일 부탁드립니다.

신청자 정보

taeng2 사용설명서

2018.10.11 12:40 651 0

본문

01.탑 배너.

 수정경로

 경로: 관리자화면 > 디자인관리 > 앱스토어 > 배너관리v2

 

    사이즈 및 등록개수

 

    - 권장사이즈: 1920*120px ( 사이즈 제한이 없어, 적절히 테스트해보세요)

 

    - 등록개수: 1개 등록시 배너로 표시되며, 1개 이상 등록시 슬라이드 기능이 작동합니다.

 

 

 

02.말풍선 문구

 말풍선 표시여부 및 문구수정 방법

 회원가입버튼 아래에 말풍선 모양의 포인트박스가 표시됩니다. 표시여부 및 적립금 증정값 or 다른 문구를 넣어 회원가   입을 유도할 수 있습니다.

  1) 디자인관리 > 디자인수정하기 > ●쇼핑몰 기본설정● 클릭

  2) 1번 '회원가입버튼 말풍선 아이콘' 의 설명에 따라 설정해주세요.

 *참고* 쇼핑몰 기본설정이 없는경우 '전체화면보기 > dfloor > setup.js 파일을 클릭하세요.

 

 

 

03.SNS 아이콘

   표시여부 및 링크수정

  1) 디자인관리 > 디자인수정하기 > ●쇼핑몰 기본설정● 클릭

  2) 11번 'SNS 아이콘' 의 설명에 따라 설정해주세요.

  *참고* 쇼핑몰 기본설정이 없는경우 '전체화면보기 > dfloor > setup.js 파일을 클릭하세요.

 

 

 

04.게시판 메뉴

  게시판 이름 변경하기

 게시판관리 > 게시판관리에서 설정을 원하는 게시판 클릭후, 제목 및 안내글을 수정해주세요.

 표시여부 설정하기

 게시판관리 > 게시판관리에서 설정을 원하는 게시판 클릭후 사용여부.표시여부를 설정할 수 있습니다.

  [참고] 문의(Q&A),후기(REVIEW) 게시판은 COMMUNITY 밖에 추가로 표시됩니다.

  [참고] 1:1문의게시판은 표시함으로 설정할 경우 마이페이지에서 표시됩니다.

 

표시순서 변경

  게시판관리 > 게시판관리 페이지 상단 [표시순서변경] 에서 순서를 수정합니다. *부운영자 로그인시에는 변경불가

  [팁!] 게시판 메뉴 색상 및 두께 설정하기

  게시판관리 > 게시판관리 > 설정을 원하는 게시판 클릭 후 게시판 제목을 아래와 같이 수정해주세요.

  -색상 변경 예: <font color="#컬러코드">게시판제목</font> 으로 입력 후, 원하는 컬러코드로 수정하세요. (네이버에서 '색상팔레트'를 검색해보세요)

  -두께 변경 예: <b>게시판제목</b> 으로 입력하세요.

  -색상+두께 예: <font color="#FF0000"><b>게시판제목</b></font> 으로 입력하시면, 색상(빨간색)과 두께(두껍게) 모두 적용됩니다.

 

 

 

 

 

05.로고

   등록방법

   배너관리v2 앱의 해당 배너그룹을 클릭 후 이미지를 첨부하거나, 수정하세요.

   사이즈

   - 가로500 * 세로100 (본사이즈는 샘플사이트의 사이즈 입니다.)

    [팁!] 마우스 오버시 다른 로고표시하기

     다른 디자인의 로고를 하나더 등록할 경우, 마우스를 올렸을때 보여지게 됩니다.

 

 06.즐겨찾기 및 바로가기 아이콘

    표시 및 사용여부 설정하기

    디자인관리 > 디자인 기능설정 > 쇼핑몰알리미 > 즐겨찾기, 바로가기 설정화면에서 설정합니다.

 

 

07.로고 우측배너

   수정경로

   경로: 관리자화면 > 디자인관리 > 앱스토어 > 배너관리v2

   사이즈 및 등록개수

   사이즈: 250*150px

   등록개수: 1개 등록시 배너로 표시되며, 1개 이상 등록시 슬라이드 기능이 작동합니다.

 

08.전체메뉴 보기버튼

 

 표시여부 및 가로개수 설정

    1) 디자인관리 > 디자인수정하기 > ●쇼핑몰 기본설정● 클릭

    2) 8번 '기타 상품 및 주문관련 기능 - 상품분류 전체보기 버튼' 의 설명에 따라 설정해주세요.

    *참고* 쇼핑몰 기본설정이 없는경우 '전체화면보기 > dfloor > setup.js 파일을 클릭하세요.

 

 

10.상품분류(카테고리) 메뉴 수정.추가하기

 대분류 추가하기

 

 1) 상품관리 > 분류관리 페이지에서 [대분류추가] 클릭후 원하는 분류명을 입력하세요.

 2) 우측 분류정보란에서 표시상태, 메인분류 표시상태 항목에서 모두 표시될 수 있도록 체크해주세요.

 [중요!] 대분류의 간격은 개수만큼 자동 조절됩니다. 대분류가 너무 많을경우 메뉴바를 벗어날 수 있으니 적절히 조절하세요.

 

 표시순서 변경하기

 

    1) 분류관리 페이지에서 원하는 순서로 분류를 마우스드래그 후 [분류이동저장]을 클릭하세요.

    중.소분류 추가하기

    1) 분류관리 페이지의 대분류를 클릭한 후 우측 [ + ] 버튼 클릭후 중분류를 추가하세요.

    2) 우측 분류정보란에서 표시상태에는 체크하며, 메인분류표시상태에서는 체크해제 하세요.

     중분류 팝업기능, 상품목록페이지 상단 표시 설정

 

    1) 상품관리 > 상품표시관리 > 편의기능설정 > 팝업메뉴의 사용에 따라, 대분류에 마우스를 올렸을때 중분류리스트를 표시할 수 있습니다.

 

    2) 상품관리 > 상품표시관리 > 편의기능설정 > 분류 리스트표시 사용에에 따라, 목록 페이지 상단에 중분류를 표시할 수 있습니다. 

 

    [팁!] 분류메뉴 색상 및 두께 설정하기

    상품관리 > 상품분류관리 > 분류관리 > 설정을 원하는 분류 선택 후 분류명을 아래와 같이 수정해주세요.

    -색상 변경 예: <font color="#컬러코드">분류명</font> 으로 입력 후, 원하는 컬러코드로 수정하세요. (네이버에서 '색상팔레트'를 검색해보세요)

    -두께 변경 예: <b>분류명</b> 으로 입력하세요.

    -색상+두께 예: <font color="#FF0000"><b>분류명</b></font> 으로 입력하시면, 색상(빨간색)과 두께(두껍게) 모두 적용됩니다.

 

 

 

16.비주얼그룹 - 좌측 슬라이드 배너

 

17.비주얼그룹 - 우측 3단 배너

 수정경로

 경로: 관리자화면 > 디자인관리 > 앱스토어 > 배너관리v2

[좌측 슬라이드 배너]

사이즈: 600*600px

등록개수: 1개 이상 등록시 슬라이드 기능이 작동합니다.

[우측 3단 배너]

1번 이미지: 310*290px

2번 이미지: 310*290px

3번 이미지: 640*290px

[중요!] 반드시 해당이미지 3개를 순서대로 등록하세요. 순서대로 등록하지 않는 경우 이미지가 일그러져 표현됩니다. 

 

                  잘못 등록한 경우 화살표버튼을 클릭하여, 순서를 변경할 수 있습니다.

 

18.메인상품 분류별 배너

  분류별배너 표시여부 설정하기

 

 1) 관리자화면 > 디자인관리 > 앱스토어 > 배너관리v2 > [PC쇼핑몰] 클릭

 2) [DF]메인상품분류별 배너 우측의 사용여부 사용함 or 사용안함 클릭으로 설정

 

    배너이미지 사이즈

 

    사이즈: 가로 최대1260 * 세로 Free ( 세로사이즈는 자유롭게 만들어 활용 하세요.)

    등록개수: 최대 20장 *메인분류보다 더 많이 등록할경우 남는 배너는 마지막에 순차적으로 보여집니다.

 

 

    배너 등록방법

 

    1) 관리자화면 > 디자인관리 > 앱스토어 > 배너관리v2 > [DF] 메인 상품분류별 배너 클릭

 

    2) 등록버튼을 클릭후 준비된 이미지파일을 등록하세요.

 

    *주의* 배너관리앱에서 그룹명은 절대 삭제하시면 안되며, 그룹안에 등록된 이미지는 삭제,수정 하셔도 됩니다.

 

 

 

 

    배너 시작점 변경하기

 

    첫번째 배너의 시작을 메인분류1 번의 위에서 시작할지, 아래에서 부터 시작할지를 설정할 수 있습니다.

 

    1) 디자인관리 > 디자인수정하기 > ●쇼핑몰 기본설정● 클릭

 

    2) 12번 '메인상품 분류별 배너 설정하기' 의 설명에 따라 설정해주세요.

 

    *참고* 쇼핑몰 기본설정이 없는경우 '전체화면보기 > dfloor > setup.js 파일을 클릭하세요.   

 

 

 

    [배너관리v2 상세매뉴얼]

 

 

19.메인분류 슬라이드 기능 설정

 슬라이드 or 리스트타입 설정하기

 

 1) 디자인관리 > 디자인수정하기 > ●쇼핑몰 기본설정● 클릭

 2) 6번 '메인화면 첫번째 상품 슬라이드 타입설정' 의 설명에 따라 설정해주세요.

  *참고* 쇼핑몰 기본설정이 없는경우 '전체화면보기 > dfloor > setup.js 파일을 클릭하세요.

 [수정 가이드]

 

   - 슬라이드기능은 메인화면의 1번째 상품분류에만 작동됩니다.

 

   - 위 설명에 따라 슬라이드형태 or 일반 리스트형태로 변경하실 수 있습니다.

 

20.메인분류명 수정·추가하기

메인 분류명 수정하기

 

- 경로: 상품관리 > 상품관리 > 메인상품 진열관리 > [메인분류 관리] 클릭

- 메인분류목록에 표시된 분류명이, 쇼핑몰 메인화면의 위에서 아래로 순서대로 표시됩니다.

 

     - 분류명을 원하는 분류명으로 수정해주시면 됩니다.

 

     ※참고※ 메인분류에 상품을 진열하지 않은 경우, 해당 메인분류는 쇼핑몰에서 표시되지 않습니다. 

 

 

 

 

     메인 분류명에 안내글 넣기

 

     - 경로: 상품관리 > 상품관리 > 메인상품 진열관리 > [메인분류 관리] 클릭

 

     - 분류명 입력시, 분류명 다음에 <p>안내글</p>과 같은 양식으로 입력하면 분류명 다음줄에 안내글이 표시됩니다.

 

     - 아래 예제와 같이 분류명을 입력해보세요!

 

       신상품<p>매일 업데이트되는 신상품을 확인하세요</p>

 

 

 

 

     메인분류 순서 수정하기

 

     - 경로: 상품관리 > 상품관리 > 메인상품 진열관리 > [메인분류 관리] 클릭

 

     - 메인분류 목록에 표시된 분류명이, 쇼핑몰 메인화면의 위에서 아래로 순서대로 표시됩니다.

 

     - 원하는 순서대로 분류명을 수정 해주시고, 실제 수정된 메인분류에 맞도록 상품을 재진열 해주시면 됩니다.

 

     ※참고※ HTML 수정을 통해, 분류순서를 변경하는 방법도 있지만, HTML 을 통해 수정하게되면, 메인분류가 꼬이고, 추후 굉장히 복잡해

 

     질 수 있기때문에, 메인분류 순서를 변경하고자 하는경우, 가급적 위 안내된 방법을 통해 수정해주세요.

 

 

 

 

     메인분류는 삭제하지마세요

 

     사용하지 않는 메인분류가 있는경우, 메인분류를 삭제하지마시고, 해당 분류에 진열된 상품만 "진열제외" 해주시면, 해당 메인분류는

 

     쇼핑몰의 메인화면에서 표시되지 않습니다.

 

 

21.상품목록(상세페이지) 이미지 사이즈

 

 

 

 

    목록 이미지

 

    팁: 상품목록 페이지에서 사용되는 이미지입니다.

 

    - 2단 일때: 가로 610px * 세로 제한없음

 

    - 3단 일때: 가로 400px * 세로 제한없음

 

    - 4단 일때: 가로 290px * 세로 제한없음

 

    - 5단 일때: 가로 230px * 세로 제한없음

 

    - 위와같이 2~5단 수정방법은 [이곳] 을 클릭하여 참고후 수정해주세요.

 

 

 

 

    상세 이미지

 

    팁: 상품클릭 후 상단 구매버튼 좌측에 표시되는 이미지 입니다.

 

    - 가로 최대 680px * 세로 제한없음 

 

 

 

 

    상품 상세설명 페이지

 

    팁: 상품클릭 후 해당 상품을 설명하는 상세설명 페이지입니다.

 

    - 가로최대 1260px * 첨부개수 및 세로 제한없음

 

   

 

    [상품이미지 간단 등록하기]

 

    1.위 이미지 사이즈를 참고해, 내 쇼핑몰에 맞는 상품 이미지를 준비해 놓습니다.  

 

    2.상품관리 > 상품등록 > 상품등록 > 이미지 정보란의 '대표이미지등록' 에 목록이미지를 등록해주세요. 

 

    3.개별이미지등록에 체크후 '상세이미지' 에 준비된 상세 이미지를 등록해주세요.

 

 

 

 

    [상세설명 이미지 간단 등록하기]

 

    1.상품등록 화면의 '상품 상세설명' 란으로 이동해주세요.

 

    2.입력창의 파일첨부 아이콘 중 오른쪽 아이콘을 클릭하여, 설명페이지에 이미지를 간단하게 첨부할 수 있습니다.

 

     

 

    *참고* FTP를 이용해 첨부하고자 하는 경우, 입력창의 FTP 아이콘을 클릭하여 첨부하세요.

 

 

 

 

 

 

    [이미지가 깨지거나 흐리게 표시되는 경우]

 

    - 이미지 사이즈가 올바른 사이즈로 만들어졌는지, 선명하게 만들어 졌는지 확인하세요.

 

    - 이미지등록란의 [이미지사이즈변경] 클릭후 상세,목록,작은목록,축소,확대등 모든 값을 0으로 변경 후 이미지를 다시 등록해보세요.

 

22.마우스 롤오버 이미지

 

   롤오버기능 사용여부 설정하기

 

    1) 디자인관리 > 디자인수정하기 > ●쇼핑몰 기본설정● 클릭

 

    2) 7번 '상품목록 마우스 롤오버기능' 의 설명에 따라 설정해주세요.

 

    *참고* 쇼핑몰 기본설정이 없는경우 '전체화면보기 > dfloor > setup.js 파일을 클릭하세요.

 

  롤오버 이미지 등록하기

 

   - 상품목록에 마우스를 올렸을 때 [작은목록이미지]에 등록된 이미지가 보여집니다. 

 

   - 목록이미지와 동일한 사이즈의 이미지를 준비한 후 [작은목록이미지] 에 추가등록해주세요.

 

23.상품정보 표시항목

 1.경로: 상품관리 > 상품표시관리 > 상품정보 표시설정

 2.해당페이지에서 판매가,소비자가,제조사,상품요약설멍등의 순서를 변경하거나, 표시여부를 설정하실 수 있습니다.

 

 

 

 

   [중요!] 설정이 안되는경우

 

   - 표시항목은 메인화면, 목록화면, 상세화면에서 각각 개별적으로 설정해주셔야 됩니다.

 

   - 해당페이지 상단의 [메인화면|상품목록|상품상세] 에서 각각항목에서 모두 설정 해주세요.

 

 

24.상품목록 컬러칩 기능

 

상품목록에 해당상품의 컬러를 보여주기때문에 더 많은 구매를 유도할 수 있는 기능입니다. 아래 매뉴얼을 참고해주세요.

[상품목록 컬러칩 설정 바로가기]

 

 

26.상품목록 페이지 가로개수 설정

 

    해당부분의 경우 HTML 의 수정이 필요합니다. 라온제나 사이트의 수정.유지보수란을 통해 남겨주세요.

 

    수정비용이 발생할 수 있습니다.

 

 

27.상품목록 한페이지당 표시개수 변경하기

 

    해당부분의 경우 HTML 의 수정이 필요합니다. 라온제나 사이트의 수정.유지보수란을 통해 남겨주세요.  

 

 

 

 

28.인스타그램 위젯

 

    인스타그램 위젯 표시여부 설정하기

 

    1) 관리자화면 > 상단 앱스토어 > C스토어 > 마이앱 > 인스타그램 위젯 [관리하기] 클릭 > [PC쇼핑몰] 클릭

 

    2) [DF]인스타그램 위젯 우측의 사용여부 사용함 or 사용안함 클릭으로 설정

 

 

 

 

    인스타그램 위젯 설정하기

 

    1) 관리자화면 > 상단 앱스토어 > C스토어 > 마이앱 > 인스타그램 위젯 [관리하기] 클릭 > [PC쇼핑몰] 클릭

 

    2) [DF] 인스타그램 위젯 클릭

 

    3) 인스타그램 타이틀을 수정하고, 화면표시여부를 설정합니다.

 

    4) 연동을 원하는 해시태그를 입력하시고, 화면표시여부를 설정합니다.

 

    5) 위젯타입을 'Grid' 로 선택합니다.

 

    6) 썸네일 사이즈 항목에 원하는 사이즈를 입력합니다.

 

    7) 레이아웃에 항목에 가로x세로 몇개로 표시될지 입력합니다.

 

    8) 이미지 슬라이드 항목은 사용여부에 따라 '사용함 or 사용안함' 으로  설정해주세요.

 

    9) 사진간격에 원하는 썸네일간 여백을 입력합니다.

 

    10) [저장] 후 인스타그램 목록 앞에 체크후 [캐시갱신] 버튼을 클릭해줍니다.

 

 

 

 

    [목록이 깨지는 경우]

 

    - 입력한 '썸네일사이즈 + 간격 x 가로개수'의 총 합이 최대가로값 '1120' 을 넘는 경우 목록이 깨집니다.

 

    - 총합을 최대가로값 미만으로 수정후 적절한 사이즈가 되도록, 테스트 해보시기 바랍니다.

 

 

 

 

    [위젯이 출력되지 않는경우]

 

    - 입력한 해시태그로 등록된 사진은 있는지, 등록된 사진이 비공개 계정은 아닌지 확인해주세요.

 

    - 설정 저장후에는 [캐시갱신]을 클릭해야만 수정된 내용이 즉시 반영됩니다.

 

    - 인스타그램 목록의 [엑세스토큰 변경하기] 를 클릭해주세요.

 

    - 위젯을 사용하지 않을때는 [DF]인스타그램 위젯을 절대 삭제하지마시고, 사용여부를 클릭하여 사용안함 으로 설정해주세요.

 

 

 

 

35.상품 상세이미지(썸네일) 사이즈

 

 상세 이미지 (상품클릭후 표시되는 상품이미지)

 

      - 가로 최대 700px * 세로 제한없음

 

   상품이미지 간단 등록하기

 

      1.위 사이즈를 참고하여 상품 이미지 사이즈에 맞도록 준비해 놓습니다.  

 

      2.상품관리 > 상품등록 > 상품등록 > 이미지 정보란에서 [대표이미지등록란] 에 목록이미지를 등록해주세요. 

 

      3.개별이미지등록에 체크후 [상세이미지란]에 준비된 상세이미지를 등록해주세요.

 

 

 

 

      [참고!] 이미지사이즈가 깨지거나 흐려지는 경우

 

      - 이미지 사이즈가 올바르게 만들어 졌는지 확인해주세요.

 

      - 이미지등록란의 [이미지사이즈변경] 클릭후 상세,목록,작은목록,축소,확대 모든 이미지 값을 0으로 변경한 후

 

      - 상품 이미지를 다시 등록해보세요.

 

36.상품 상세페이지 추가이미지

 

   

 

      추가이미지 등록하기

 

      1.상품관리 > 상품등록 > 상품등록 > 이미지 정보 > 추가이미지 등록에서 [이미지추가하기] 클릭 

 

      2.상세이미지와 동일한 크기의 이미지를 추가로 등록하세요.

 

 

 

 

 

 

 

37.상품 요약설명

 

 

 

 

      1.상품관리 > 상품등록 > 상품등록 > 상품 요약설명란에 내용을 입력하세요. 

 

      2.상품관리 > 상품표시관리 > 상품정보표시 설정 > 상품상세 > 상품 요약설명을 표시함으로 설정하세요.

 

 

 

38.상품 구매정보

 

   

 

      1.상품관리 > 상품표시관리 > 상품정보표시 설정 > [상품상세] 클릭

 

      2.해당페이지에서 상품명,제조사,원산지,적립금,상품코드 등의 표시여부 와 색상등을 수정하실 수 있습니다.

 

 

 

39.상품 간략설명

 

   

 

      1.상품관리 > 상품등록 > 상품등록 > 상품 간략설명란에 내용을 입력하세요. 

 

      2.상품관리 > 상품표시관리 > 상품정보표시 설정 > 상품상세 > 상품 간략설명을 표시함으로 설정하세요.

 

 

 

댓글목록 0

등록된 댓글이 없습니다.