var menuNum = 0;
var dropdownNum = 0;
var dropdownDtNum = 0;
function init(){
let oParams = getUrlParams();
menuNum = oParams.menuNum;
dropdownNum = oParams.dropdownNum;
dropdownDtNum = oParams.dropdownDtNum;
if(menuNum > 0){
let el = $('button[id="use-way-dropdown-menu-' + menuNum);
if(menuNum > 0){
el.click();
}
if(dropdownNum > 0){
el.next().children().eq(dropdownNum - 1).click();
}
if(dropdownDtNum > 0){
el.next().children().eq(dropdownNum - 1).next().children().eq(dropdownDtNum - 1).click();
}
}
}
function getUrlParams() {
var params = {};
window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str, key, value) { params[key] = value; });
return params;
}
function dropdownMenuList(type, seq, el){
if(type == 'add'){
let Mlist = '';
let imgVal = 'class="img_arrow_gray" src="/assets/get_img/itgo/arrow_gray.png"';
Mlist = '';
switch(seq){
case 1:
Mlist += '- 현황보기
' +
'![]()
가게관리' +
'- 기본정보
' +
'- 운영정보
' +
'- 주문정보
' +
'- 배달권역
' +
'
';
break;
case 2:
Mlist += '- 리뷰관리
' +
'- 공지
';
break;
case 3:
Mlist += '![]()
메뉴관리' +
'- 메뉴편집
' +
'- 주문 안내·원산지 설정
' +
'
' +
'- 메뉴품절
';
break;
case 4:
Mlist += '- 상세 배너 관리
';
break;
case 5:
Mlist += '- 쿠폰 관리
';
break;
case 6:
Mlist += '- 주문받기
' +
'- 배송요청
';
break;
}
Mlist += '
';
el.after(Mlist);
el.addClass('active');
el.children().css('animation-name', 'turn_arrow_left');
}else if(type == 'delete'){
el.next().remove();
el.removeClass('active');
el.children().css('animation-name', 'turn_arrow_right');
}
}
function g_img(file_name){
if(file_name.substr(0, 6) == 'WIMG_O' || file_name.substr(0, 4) == 'AIMG' || file_name.substr(0, 6) == 'WIMG_S'){
return '
';
}else if(file_name.substr(0, 4) == 'WIMG'){
return '
';
}
return '
';
}
$(function(){
$('.use-way-dropdown').on('click', '.use-way-dropdown-menu-btn', function(){
let el = $(this);
let seq = el.parent().index() + 1;
if(el.hasClass('active')){
dropdownMenuList('delete', seq, el);
}else{
dropdownMenuList('add', seq, el);
}
});
$('.use-way-deropdown-menu-div').on('click', '.use-way-dropdown-li', function(){
let el = $(this);
let seq = el.index() + 1;
let pSeq = el.parent().parent().index() + 1;
let titleGray = '';
let titleBlack = '';
let content = '';
switch(pSeq){
case 1:
if(seq == 1){
titleGray = '가게 > 현황보기';
titleBlack = '상점 추가와 전체 영업 중지';
content = 'STEP1. 상점 추가
'+
g_img('WIMG_01_01.png') +
'상점은 원하는 상점 갯 수만큼 추가가 돼요.
위의 이미지대로 상점 추가를 누르시면 상점 하나가 생성된답니다.
'+
'상점 추가를 하셨다면 상점에 대해 설정을 해줘야겠죠? 그러면 다음 메뉴인 가게 관리 가이드로 넘어오세요!!
'+
'
' +
'STEP2. 전체 영업 중지
'+
g_img('WIMG_01_02.png') +
'이것도 위의 이미지대로 전체 영업 중지 버튼을 누르면 현재 설정되어 있는 상점들이
'+
'전부 영업 중지가 되고, 잇고 이용자 앱에서는 노출이 안 돼요.
' +
'사장님이 급한 일이 생기거나 영업을 중지해야 할 상황이라면 필요한 설정이에요.';
}else if(seq == 2){
}
break;
case 2:
if(seq == 1){
titleGray = '리뷰 > 리뷰관리';
titleBlack = '리뷰 관리에 대한 이해';
content = 'STEP1. 조회
' + g_img('WIMG_06_01.png') + '최대 6개월까지 이용자가 작성한 댓글들을 조회 할 수 있습니다.
전체, 미답변, 차단 의심등 3가지 메뉴로 조회 가능합니다.' + 'STEP2. 댓글 작성
' + g_img('WIMG_06_02.png') + '이용자가 작성한 댓글에 사장님들의 답변을 남겨주세요.';
}else if(seq == 2){
titleGray = '리뷰 > 공지';
titleBlack = '리뷰 공지 설정에 대한 이해';
content = '리뷰 공지
' + g_img('WIMG_07_01.png') + '먼저 신규 작성을 먼저 눌러주세요. 리뷰 공지에는 공지내용과 이미지가 총 3장이 들어 갈 수 있어요.
공지 내용과 이미지를 넣고 등록하기 전에 앱에 바로 반영하기를 선택 할 수 있어요.※잇고 앱에서는 이렇게 노출 돼요.
' + g_img('use_way_app_review_notice.png') + '※앱에 바로 반영하기를 안 하고 등록 하셔도 리뷰 공지목록에서 앱에 게시를 하실 수 있어요.
작성은 여러개가 가능하나 앱에 노출 되어 있는 공지는 하나밖에 되지 않고 내렸다가 등록 할 수 있답니다.
' + g_img('WIMG_07_02.png') + g_img('WIMG_07_03.png');
}
break;
case 3:
if(seq == 1){
}else if(seq == 3){
titleGray = '메뉴 > 메뉴품절';
titleBlack = '메뉴 품절에 대한 이해';
content = '메뉴 품절
' + g_img('WIMG_11_01.png') + '카테고리를 하나 지정하면 그 카테고리에 대한 메뉴들이 나와요.
-그 메뉴가 품절되었다면 품절 버튼을 누르시면 됩니다.
품절된 메뉴는 빨간색으로 노출됩니다.
품절된 음식은 다시 판매로 변경 가능하답니다.
※잇고 앱에서는 이렇게 노출 돼요.
' + g_img('APP_SOLDOUT.jpg');
}
break;
case 4:
if(seq == 1){
titleGray = '배너 > 상세 배너 관리';
titleBlack = '상세 배너 관리에 대한 이해';
content = '상세 배너
' + g_img('WIMG_14_01.png') + '신규 등록 버튼을 눌러주세요.
배너에 등록 가능한 이미지는 최대 3장까지 가능해요.
이미지는 3MB 이하, PNG/JPG 형식만 가능하니 참고해주세요.
※잇고 앱에서는 이렇게 노출 돼요.
' + g_img('use_way_app_banner.png');
}
break;
case 5:
if(seq == 1){
titleGray = '쿠폰 > 쿠폰 관리';
titleBlack = '쿠폰 관리에 대한 이해';
content = '쿠폰 관리
' + g_img('WIMG_12_01.png') + '신규 등록을 누르시면 쿠폰을 추가를 할 수 있어요.
쿠폰 금액은 실제 주문에서 할인되는 가격이에요.
쿠폰 최소 주문금액은 쿠폰 최소 주문금액이 10,000원이면 이용자가 주문을 할 때 최소 10,000원 이상은 주문하여야 이 쿠폰을 사용 할 수 있어요.
쿠폰 제한 개수는 쿠폰 제한 개수가 10개이면 이용자 10명만 사용 할 수 있어요.
쿠폰 발급 기간은 해당 날짜에만 이용자가 쿠폰을 다운로드 받고 쓸 수 있어요.
쿠폰 사용 가능 기간은 이용자가 쿠폰을 다운로드 받고 이용 할 수 있는 기간을 정할 수 있어요.최소 1주일에서 최대 4주일까지 가능하답니다.
모두 다 설정 하였으니 등록 버튼을 누르시면 돼요.
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_coupon.png');
}
break;
case 6:
if(seq == 1){
titleGray = '주문 > 주문 받기';
titleBlack = '주문 받기에 대한 이해';
content = 'STEP1.주문접수
' + g_img('WIMG_O01.PNG') + 'STEP2.접수받기
' + g_img('WIMG_O02.PNG') + g_img('WIMG_O03.PNG') + '접수받기를 클릭 한 후 사장님들의 준비 시간(요리 시간)을 선택
혹은 시간을 직접입력 해주세요.
해당 준비 시간은 이용자에게 이렇게 노출됩니다.
' + g_img('AIMG_E.png') + 'STEP3.배송요청
' + g_img('WIMG_O04.PNG') + 'STEP4. 배정완료
' + g_img('WIMG_O05.PNG') + 'STEP5.픽업완료
' + g_img('WIMG_O06.PNG') + 'STEP6.완료
' + g_img('WIMG_O07.PNG');
}else if(seq == 2){
titleGray = '주문 > 배송요청';
titleBlack = '배송 요청에 대한 이해';
content = '배송요청(수동호출)
' + g_img('WIMG_S01.PNG') + '상단 바에 수동 호출을 누르시고 주문에 대한 정보를 수동으로 입력하시고
호출하기 버튼을 눌러주세요.';
}
break;
}
$('.use-way-dt-dropdown-li').removeClass('active');
$('.use-way-dropdown-li').removeClass('active');
el.addClass('active');
if(content != ''){
$('.use-way-title-gray').html(titleGray);
$('.use-way-title-black').html(titleBlack);
$('.use-way-content-tag').html(content);
$('.use-way-all-content-tag').scrollTop(0);
}else{
if(el.next().hasClass('hide')){
el.next().removeClass('hide');
el.children().css('animation-name', 'turn_arrow_right2');
}else{
el.next().addClass('hide');
el.children().css('animation-name', 'turn_arrow_left2');
}
}
});
$('.use-way-deropdown-menu-div').on('click', '.use-way-dt-dropdown-li', function(){
let el = $(this);
let seq = el.index() + 1;
let pSeq = el.parent().parent().parent().index() + 1;
let titleGray = '';
let titleBlack = '';
let content = '';
switch(pSeq){
case 1:
if(seq == 1){
titleGray = '가게 > 가게관리 > 기본정보';
titleBlack = '상점 기본정보 설정에 대한 이해';
content = 'STEP1. 로고
' + g_img('WIMG_02_01.png') + '이미지를 추가하시고 적용버튼을 눌러주세요.
여기서 이미지는 3MB 이하, PNG/JPG 형식만 가능하다는 점 참고해주세요.
로고는 음식 사진보다는 상점 이름이 들어가 있는 로고 를 넣어주세요.
사진을 넣으셨다면 적용 버튼을 눌러주시면 끝이에요! ※잇고 앱에서는 이렇게 노출 된답니다.
' + g_img('use_way_app_logo.png') + '2. 상점 이름
' + g_img('WIMG_02_02.png') + '말 그대로 상점의 이름을 입력 하시면 돼요.
상점 이름을 명확히 입력 해주세요.
상점 이름을 입력 하셨으면 적용 눌러 주시면 끝이에요!
※잇고 앱에서는 이렇게 노출 된답니다.
' + g_img('use_way_app_shop_name.png') + 'STEP3. 카테고리
' + g_img('WIMG_02_03.png') + '카테고리는 총 2가지로 나뉘어요.
왼쪽 부분이 큰 카테고리, 큰 카테고리의 종류에 따라 오른쪽 부분에 카테고리가 결정돼요.
상점의 특징에 맞게 선택해주시면 잇고 앱에서는 설정한 카테고리에 따라 이렇게 노출된답니다.
로컬 맛집 > 중식/면을 선택했으면 로컬 맛집의 중식/면 부분에 노출되는 거예요
※잇고 앱에서는 이렇게 노출 된답니다.
' + g_img('use_way_app_cate.png') + 'STEP4. 주소
' + g_img('WIMG_02_04.png') +'주소는 사장님이 운영하고 있는 상점 위치를 적용하시면 돼요.
주소를 다 입력하셨으면 확인 버튼만 눌러주면 끝이에요.
※잇고 앱에서는 이렇게 노출된답니다.
' + g_img('APP_MAP.jpg') + 'STEP5. 가게 상태
' + g_img('WIMG_02_05.png') + '영업과 노출 정지 2가지로 나뉘어요.
"영업"으로 가게 상태를 바꾸면 잇고 앱에서 똑같이 노출돼요.
"노출 정지"로 가게 상태를 바꾸면 잇고 앱에서는 상점이 노출되지 않아요.
상황에 맞게 잘 선택해주시고 적용 버튼만 눌러주면 끝이에요.
STEP6. 상점 전화번호
' + g_img('WIMG_02_06.png') + '
상점 전화번호는 최대 2개까지 적용 가능해요.
사장님의 상점 전화번호를 입력하셨으면 적용 버튼만 눌러주면 끝이에요.
※잇고 앱에서는 이렇게 노출 된답니다.
' + g_img('use_way_app_shop_number.png') + 'STEP7. 상점 소개
' + g_img('WIMG_02_07.png') + '상점 소개는 사장님의 상점을 소개해주시면 돼요.
상점 소개를 입력해주시고 적용 버튼을 눌러주시면 끝이에요.
※잇고 앱에서는 이렇게 노출 된답니다.
' + g_img('use_way_app_introd_dt.png') +'STEP8. 상점 간편 소개
' + g_img('WIMG_02_08.png') + '상점 간편 소개는 말 그대로 상점 소개를 간편하게 해 주셔야 해요.
잇고 앱에서는 최대 2줄까지만 적용돼요. 입력을 다 하셨으면 적용 버튼만 눌러주시면 끝이에요.※잇고 앱에서는 이렇게 노출된답니다.
' + g_img('use_way_app_introd.png');
}else if(seq == 2){
titleGray = '가게 > 가게관리 > 운영정보';
titleBlack = '상점 운영정보 설정에 대한 이해';
content = 'STEP1. 영업시간
' + g_img('WIMG_03_01.png') + '영업시간 부분에 변경 버튼을 누르면 총 2가지가 있어요.
첫 번째는 평일/주말 동일, 두 번째는 평일/주말 별도로 나눠져요.
사장님이 평일과 주말 모두 같은 시간에 운영하시면 평일/주말 동일 부분에 시간을 설정해주시면 돼요.
사장님이 평일과 주말 영업시간이 다르면 평일/주말 별도 부분에 시간을 정해주시면 돼요.
월~금, 토요일, 일요일 나눠져 있으니 각각 설정해주세요! 설정을 다 하셨으면 적용 버튼만 눌러주면 끝!
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_sales_time.png') + 'STEP2. 휴게시간
' + g_img('WIMG_03_02.png') + '휴게시간은 브레이크 타임이라고 보시면 돼요. 휴게시간 부분에 변경 버튼을 누르면
요일마다 브레이크 타임을 사용할 건지 안 할 건지 정할 수가 있어요. 알맞게 설정하셨으면 적용 버튼을 눌러주세요. ※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_break_time.png') + 'STEP3. 휴무일
' + g_img('WIMG_03_03.png') + '먼저 휴무일 부분에 변경 버튼을 누르시면 정기휴무와 임시휴무로 나눠져요. 정기휴무는 최대 2개까지 설정 가능해요. 매월 휴무할 날짜를 정해주시면 돼요.
임시휴무는 사장님이 임시로 상점을 쉬어야 할 경우면 날짜를 정해서 입력하고 적용 버튼을 누르시면 돼요. ※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_close_day.png') + '- 정기휴무
' + g_img('use_way_app_close_day_2.png') + '- 임시휴무
' + g_img('use_way_app_close_day_3.png') + 'STEP4. 휴무일 안내
' + g_img('WIMG_03_04.png') + '휴무일 안내는 휴무일에 대한 안내를 적어주시면 돼요.
적용 버튼을 눌러주시면 끝이에요. 잇고 앱에서는 이렇게 노출돼요.STEP5. 영업 임시중지
' + g_img('WIMG_03_05.png') + '영업 임시중지는 말 그대로 영업을 임시중지해야 할 상황이면 설정을 해줘요.
사유와 시간을 설정하고 적용 버튼만 눌러주면 끝이에요.
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_sales_temp_stop.png');
}else if(seq == 3){
titleGray = '가게 > 가게관리 > 주문정보';
titleBlack = '상점 주문정보 설정에 대한 이해';
content = 'STEP1. 최소 주문금액
' + g_img('WIMG_04_01.png') + '최소 주문금액은 잇고 앱에서 이용자가 주문을 할 때 최소 주문금액이 10,000원으로 설정되어 있으면 최소 10,000원 이상은 구매해야 주문이 가능하게 되는 설정이에요. ※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_min_order_price.png') + 'STEP2. 주문금액별 기본 배달비
' + g_img('WIMG_04_02.png') + '첫 번째 입력 칸(원 이상)과 두 번째 입력 칸(원)에서 첫 번째 입력 칸에 "10,000원" 두 번째 입력 칸에 "1,000원"을 입력하게 되면 주문 금액이 "10,000"원 이상일 시 배달비 "1,000"원이 기본으로 붙어요.
적용 버튼만 눌러주면 끝이에요. 여러 개 설정 가능하답니다. ※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_basic_delivery_price.png') + 'STEP3. 지역별 할증 배달비
' + g_img('WIMG_04_03.png') + '※지역별 할증 배달비는 배달 권역을 설정해야 이용 가능해요. 먼저 배달 권역에서 설정한 지역에 따라 배달비를 설정할 수 있어요.
지역을 선택하고, 배달비를 입력하고 추가 버튼을 눌러주시면 끝이에요. 이용자가 중1동으로 주문을 하면 배달비가 1,000원 더 추가가 되겠죠?
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_area_delivery_price.png') + 'STEP4. 시간대별 추가 배달비
' + g_img('WIMG_04_04.png') + '시간대별 추가 배달비는 요일과 시간, 배달비를 설정할 수가 있습니다.
토요일, 일요일 오전 1시 ~ 오전 5시까지 배달비 1000원을 설정하고 추가 버튼을 누르시면 끝이에요.
이렇게 설정되면 이용자가 토요일과 일요일, 오전 1시 ~ 오전 5시 사이에
주문을 하면 배달비가 1000원 이상 더 추가가 되겠죠? ※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_time_add_delivery_price.png');
}else if(seq == 4){
titleGray = '가게 > 가게관리 > 배달권역';
titleBlack = '상점 배달권역 설정에 대한 이해';
content = '배달권역
' + g_img('WIMG_05_01.png') + '배달 권역 설정은 현재 상점 위치를 기준으로 주변 동을 선택할 수 있어요.
선택을 하게 되면 사장님이 선택한 동에만 배달이 가능해요.
예를 들어 중1동, 중2동을 배달 권역으로 설정하면 이용자가 중1동, 중2동에 위치에 있어야만 사장님의 상점이 노출이 돼요.
이제 배달 권역을 설정했으니 주문정보 > 지역별 할증 배달비를 설정할 수 있어요.';
}
break;
case 3:
if(seq == 1){
titleGray = '메뉴 > 메뉴관리 > 메뉴편집';
titleBlack = '메뉴 편집에 대한 이해';
content = 'STEP1. 카테고리 추가
' + g_img('WIMG_09_01.png')+ '메뉴 추가 > 카테고리 추가를 눌러주세요.
카테고리에는 이름, 설명, 이미지를 추가할 수 있어요.
적용 버튼을 눌러주시면 카테고리가 하나 추가되었어요.
여기서 이미지는 3MB 이하, PNG/JPG 형식만 가능하다는 점 참고해주세요.
' + '이제 그 카테고리에 대한 메뉴를 추가해야겠죠?
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_cate2.png') + 'STEP2. 메뉴 추가
' + g_img('WIMG_09_04.png') + '메뉴 그룹에 방금 추가한 카테고리를 선택해요.
그다음에는 메뉴 정보에 해당 메뉴명과 가격을 적고 그 메뉴의 이미지를 추가해주세요.
해당 메뉴에 대한 기본 옵션을 추가 할 수도 있어요. ※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_king_menu.png') + ' STEP3. 옵션 그룹
' + g_img('WIMG_09_03.png') + '옵션 그룹이라는 항목은 사이드 메뉴등 사장님이 필요한 메뉴를 추가 하시면 돼요.
[+ 옵션 그룹 추가] > 확인을 누르시면 됩니다.
옵션 그룹은 다른 메뉴에도 자유자재로 추가/삭제가 가능합니다.
추가한 옵션 그룹을 선택하고 추가버튼을 누르시면 돼요.
' + '※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_group_menu.png') + '나머지 항목들을 다 작성하고 하단에 등록 버튼을 누르시면 돼요.
' + g_img('WIMG_09_05.png');
}else if(seq == 2){
titleGray = '메뉴 > 메뉴관리 > 주문안내 · 원산지';
titleBlack = '주문안내 · 원산지에 대한 이해';
content = 'STEP1. 배달팁안내
' + g_img('WIMG_10_01.png') + '배달팁에 대한 안내를 적어주시면 돼요.
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_order_info.png') + 'STEP2. 원산지
' + g_img('WIMG_10_02.png') + '원산지는 사장님이 사용하고 계시는 음식의 원산지를 적어주시면 됩니다.
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('APP_DNJS.jpg') + 'STEP3. 메뉴 안내
' + g_img('WIMG_10_03.png') + '말 그대로 사장님의 메뉴에 대한 안내를 자유롭게 작성하실 수 있어요.
※잇고 앱에서는 이렇게 노출돼요.
' + g_img('use_way_app_menu_info.png');
}
break;
}
$('.use-way-dropdown-li').removeClass('active');
// el.
$('.use-way-dt-dropdown-li').removeClass('active');
el.addClass('active');
if(content != ''){
$('.use-way-title-gray').html(titleGray);
$('.use-way-title-black').html(titleBlack);
$('.use-way-content-tag').html(content);
$('.use-way-all-content-tag').scrollTop(0);
}
});
init();
});