상품을 선택해주세요. 1. 모던 섀도우_매트 [MBR08 오트밀 라떼]_I5511 2. 모던 섀도우_매트 [MBR09 초코 도넛]_I5513 3. 모던 섀도우_매트 [MCR07 살구 에이드]_I5510 4. 모던 섀도우_매트 [MPK07 슈가 드롭]_I5512 5. 모던 섀도우_매트 [MBE01 시크 아이리스]_M6101 6. 모던 섀도우_매트 [MBR02 모닝커피]_M6107 7. 모던 섀도우_매트 [MBR03 클래식 바이올린]_M6108 8. 모던 섀도우_매트 [MBR04 초코 카푸치노]_M6109 9. 모던 섀도우_매트 [MBR05 초콜릿봉봉]_M6728 10. 모던 섀도우_매트 [MBR06 허니허그]_M6261 11. 모던 섀도우_매트 [MBR07 허니포테이토]_M6360 12. 모던 섀도우_매트 [MCR01 오피스 코랄]_M6103 13. 모던 섀도우_매트 [MCR03 진저파운드]_M6711 14. 모던 섀도우_매트 [MCR06 자몽비어]_M6361 15. 모던 섀도우_매트 [MGA02 스탠딩파티]_M6364 16. 모던 섀도우_매트 [MPK06 로지라떼]_M6362 17. 모던 섀도우_매트 [MVL03 클래식뮤즈]_M6703 18. 모던 섀도우_매트 [MVL05 라벤더무드]_M6363 19. 모던 섀도우_매트 [MCR02 캐롯파이]_M6106 20. 모던 섀도우_매트 [MBR01 치아바타]_M6105 21. 모던 섀도우_매트 [MPK03 츄잉껌]_M6211 22. 모던 섀도우_매트 [MCR04 피치모드]_M6723
5. 모던 섀도우_매트 [MBE01 시크 아이리스]_M6101 6. 모던 섀도우_매트 [MBR02 모닝커피]_M6107 7. 모던 섀도우_매트 [MBR03 클래식 바이올린]_M6108 8. 모던 섀도우_매트 [MBR04 초코 카푸치노]_M6109 9. 모던 섀도우_매트 [MBR05 초콜릿봉봉]_M6728 10. 모던 섀도우_매트 [MBR06 허니허그]_M6261 11. 모던 섀도우_매트 [MBR07 허니포테이토]_M6360 12. 모던 섀도우_매트 [MCR01 오피스 코랄]_M6103 13. 모던 섀도우_매트 [MCR03 진저파운드]_M6711 14. 모던 섀도우_매트 [MCR06 자몽비어]_M6361 15. 모던 섀도우_매트 [MGA02 스탠딩파티]_M6364 16. 모던 섀도우_매트 [MPK06 로지라떼]_M6362 17. 모던 섀도우_매트 [MVL03 클래식뮤즈]_M6703 18. 모던 섀도우_매트 [MVL05 라벤더무드]_M6363 19. 모던 섀도우_매트 [MCR02 캐롯파이]_M6106 20. 모던 섀도우_매트 [MBR01 치아바타]_M6105 21. 모던 섀도우_매트 [MPK03 츄잉껌]_M6211 22. 모던 섀도우_매트 [MCR04 피치모드]_M6723
' : ''; // return '' + itemData.text + '' + priceLabel; // }, optionsItemBuilder: function(itemData) { var nameLabel = '' + itemData.text + ''; var priceLabel = (itemData.data.price > 0) ? '' + $.number(itemData.data.price) + '원' : ''; var stockLabel = ''; if (itemData.data.soldout === 2) { if (itemData.data.stock) { stockLabel += '|'; if (itemData.data.nearlySoldout && itemData.data.nearlySoldout === 1) { stockLabel += ''; } else { stockLabel += ''; } stockLabel += $.number(itemData.data.stock) + '개 남음'; if (itemData.data.nearlySoldout && itemData.data.nearlySoldout === 1) { stockLabel += '품절임박' } stockLabel += ''; } } else { stockLabel += '|'; stockLabel += '품절'; } return ''+ nameLabel + stockLabel + priceLabel + ''; }, labelBuilder: function(currItem) { return (currItem.value == 0) ? currItem.text : '' + selectedLabel + '' + currItem.value + ''; }, onBeforeOpen: function() { $('.selectric-items li[data-index="0"]').css('display', 'none'); }, onOpen: function(element) { var currentIndex = $(element).data('combination-index'); // 하위옵션 선택상태 초기화 resetCombinationSub(currentIndex); var prevValue = null; $('.'+selectedDiv+' .combinationSub').each(function() { var obj = $(this); if (obj.data('combination-index') == (currentIndex-1)) { prevValue = obj.val(); return false; } }); if(currentIndex > 1 && Number(prevValue) === 0){ $('.'+selectedDiv+' .combinationSub').each(function() { if ($(this).data('combination-index') == currentIndex-1) { $(this).selectric('open'); return false; } }); $(element).selectric('close'); return false; } return true; }, onClose: function(element) { if(Number($(element).val()) === 0){ /*$('.combinationMain').prop('selectedIndex', 0).selectric('refresh'); resetCombinationSub(0); toggleCombinationSubLayer('hide');*/ return true; } var currentIndex = $(element).data('combination-index'); var nextIndex = Number(currentIndex) + 1; // 다음 옵션에 보여질 데이터 찾기 nextItems = findCombinationItems($(element).val()); if(nextIndex < depthSize){ // 하위 옵션 보이기 makeCombinationSub(nextIndex); }else{ // 상품옵션 레이어 닫기 $('.combinationOption').hide(); toggleCombinationSubLayer('hide'); // 선택한 상품 표시 addCartLayer(element); $('.combinationMain').prop('selectedIndex', 0).selectric('refresh'); } return false; } }); $(document).on('click', function(e) { if ($(e.target).parents('.combinationOption').length == 0) { $('.combinationOptionList').hide(); $('.fakeSelect').removeClass('selectric-open'); } else { return false; } }); $(document).on('DOMMouseScroll mousewheel', '#dealSimpleOption .inner', function(e) { if ($('.selectedItemList').height() >= 113) { var $this = $(this), scrollTop = this.scrollTop, scrollHeight = this.scrollHeight, height = $this.innerHeight(), delta = (e.type == 'DOMMouseScroll' ? e.originalEvent.detail * -40 : e.originalEvent.wheelDelta), up = delta > 0; var prevent = function() { e.stopPropagation(); e.preventDefault(); e.returnValue = false; return false; }; if (!up && -delta > scrollHeight - height - scrollTop) { $this.scrollTop(scrollHeight); return prevent(); } else if (up && delta > scrollTop) { $this.scrollTop(0); return prevent(); } } else { return true; } }); $('.timer').memeCountdown({ prefix: '', msg: '판매가 종료되었습니다!' }); // 찜하기 var TARGET_TYPE = { // TODO: const로 받아와서 저장하도록 수정해야함 PRODUCT: 10001001 }; var checkFlags = false; $('.btnWish').on('click', function() { var loginInfo = false; if(!loginInfo) { alert("로그인이 필요한 서비스 입니다."); location.href = '/login?returnUrl=/product/504685'; return false; } var wishId = $(this).attr('data-wishid') || 0; var $btn = $(this); var apiUrl = '/wish/create'; var params = { targetType: TARGET_TYPE.PRODUCT, targetId: '504685', id: $(this).attr('data-wishid') || 0 }; if(checkFlags) { return false; } else { if(parseInt(wishId, 10)) { if(!params.id) { alert('잠시후 다시 시도해주세요.'); return false; } apiUrl = '/wish/remove'; checkFlags = true; $.ajax({ type: 'post', url: apiUrl, data: params, dataType: 'json', cache: false }).done(function(body) { alert('찜하기가 해제되었습니다.'); wishId = 0; $btn.attr('data-wishid', 0); // Segment Analytics: Tracks when user adds product to wishlist analytics.track('Wishlist Removed', { id: params.targetId, name: '[미샤] 모던 섀도우 매트' }); return false; }).fail(function(error) { error = JSON.parse(error.responseText); alert(error.msg || '다시 시도해주세요.'); return false; }).always(function() { checkFlags = false; return false; }); } else { if(!params.targetId || !params.targetType) { alert('잠시후 다시 시도해주세요.'); return false; } checkFlags = true; $.ajax({ url: apiUrl, type: 'POST', data: params }).done(function(body) { wishId = body.data.id; $btn.attr('data-wishid', body.data.id); fbq('track', 'AddToWishlist', { content_type: 'product', content_ids: ['504685'], content_name: '[미샤] 모던 섀도우 매트', contents_category: fbqCategoryName }); // Segment Analytics: Tracks when user adds product to wishlist analytics.track('Wishlist Added', { id: '504685', name: '[미샤] 모던 섀도우 매트' }); return alert('찜한 상품에 저장 되었습니다.'); }).fail(function(error) { error = JSON.parse(error.responseText); alert(error.msg || '찜하기에 실패하였습니다.'); }).always(function() { checkFlags = false; return false; }); } } }); // 컨텐츠 고정바 & 하단 간편옵션 function contentsFixedElement() { var $contentsNav = $('.dealTabNav'); var $simpleOption = $('#dealSimpleOption'); var navOffset = $contentsNav.offset().top; var offsetBasis = navOffset + $('.dealContents').outerHeight(); var bottomOfScreen = $(window).scrollTop() + $(window).height(); var scroll = $(window).scrollTop(); if (scroll >= navOffset && scroll < offsetBasis - $contentsNav.height() - 6) { $('.memeTab').addClass('fixed'); //$simpleOption.show(); if ($('#dealSimpleOption').length > 0) { if (bottomOfScreen > offsetBasis) { $('#dealSimpleOption').addClass('bottom'); } else { $('#dealSimpleOption').removeClass('bottom'); } } } else { $('.memeTab').removeClass('fixed'); $('#dealSimpleOption').addClass('bottom'); //$simpleOption.hide(); } } if ($('#dealSimpleOption').length > 0) { // 하단 간편옵션 $('.btnSimpleOption').on('click', function() { $targetEle = $('#dealSimpleOption'); $containerEle = $('.dealContents'); if ($targetEle.hasClass('open')) { $targetEle.removeClass('open'); $containerEle.removeAttr('style'); $('.simpleTxt').text('열기'); } else { $targetEle.addClass('open'); $containerEle.css('padding-bottom', $('#dealSimpleOption').height()); $('.simpleTxt').text('닫기'); } return false }); } contentsFixedElement(); $(window).scroll(function() { contentsFixedElement(); }); // 딜 이미지 if ($('.descImageThumb').length > 0) { $('.descImageThumb .item').on('click', function() { var $this = $(this); var $target = $($(this).attr('href')); $('.descImageBig .imageCnt').removeClass('on'); $('.descImageThumb .item').removeClass('on'); $target.addClass('on'); $this.addClass('on'); return false; }); } function scrollToDealDetail() { $('html, body').stop().animate({ scrollTop: $('.dealContents').offset().top }, 300); return false; } // 상단 리뷰 숫자 클릭 $('.descToReview').on('click', function() { $('.memeTab .tabItem[href="#review"]').trigger('click'); scrollToDealDetail(); }); // $('.right').click(function () { // var index = Number($(this).data('index')); // // if (index < rollingBannerLength) { // onOffMainVisual(index); // } else { // onOffMainVisual(0) // } // });