$( document ).ready( function() {
$('.burger_btn').click( function() {
$('#aside').removeClass( 'side-left' );
$('#aside').addClass( 'side-right' );
} );
$( '.btnClose' ).click( function() {
$('#aside').removeClass( 'side-right' );
$( '#aside' ).addClass( 'side-left' );
} );
$( '#slidemenu .accordionmenu' ).click( function() {
console.log('bbb');
$(this > 'ol.side_subMenu').toggleClass( 'sub-tab' );
} );
$( '#slidemenu .accordionmenu' ).click( function() {
console.log('bbb');
$(this).children( 'ol.side_subMenu' ).toggleClass( 'sub-tab' );
} );
} );
(function($){
$(function(){
var idx = 1;
var pgPrefix = ".skw-page-";
var pageNum = 7;
$('.skw-wrap').on('click',pageClick);
var duration = 250;
function pageClick() {
$('.skw-wrap').off('click');
if (idx < pageNum) {
idx++;
$(pgPrefix + idx).addClass("active");
$(pgPrefix + (idx + 1)).removeClass("active");
$('.skw-wrap').on('click',pageClick);
} else {
for (var i=pageNum;i>0;i--) {
(function(i){
setTimeout(function(){
if ($(pgPrefix + i).hasClass('active')) $(pgPrefix + i).removeClass("active");
if (i==1) {
$('.skw-wrap').on('click',pageClick);
idx=1;
}
},(duration*pageNum)-(duration*i));
})(i);
}
}
}
$('.skw-page__half--left .skw-page__content a').click(function(e){
e.preventDefault();
})
});
})($$);
$(document).ready(function() {
// $('nav li').hover(
// function() {
// var obj = $('ul', this);
// if(obj.attr("data-slide") != "on") {
// obj.attr("data-slide", "on")
// obj.fadeIn(200, function() {
// //obj.attr("data-slide", "off");
// });
// }
// },
// function() {
// var obj = $('ul', this);
// obj.fadeOut(70, function() {
// obj.attr("data-slide", "off");
// });
// }
// );
});
$(function(){
// 회원가입 동의 자세히보기
$('.fd-detail-des').click(clickJoinDes);
// 헤더 유저 마우스오버 이벤트
$('.user-menu').mouseover(overUserIcon).mouseleave(leaveUserIcon);
// faq 게시판 펼치기/접기
$('.fd-tit-label').click(toggleFAQ);
// 주문 하나씩 펼치기
$('.fd-join-prev').click(clickJoinPrev);
$('.fd-join-next').click(clickJoinNext);
// 상품상세 리뷰
showDetailReview();
// $('fd-review-more').click(clickReviewMore);
// 헤더 shop 메뉴 펼치기 이벤트
$('.fd-shop').mouseover(overShopMenu).mouseleave(leaveShopMenu);
// q&a 비밀글 자동설정
setSecretWrite();
// 인스타그램
$('#instagramWidgetManual').mouseover(hoverInsta);
// 상세페이지 하단 안내정보
$('.bot-info-top').click(clickDetailBotinfo);
// 메인페이지 헤더 투명 이벤트
//scrollHeaderEvent();
//$(window).scroll(scrollHeaderEvent);
// 상품상세 - 구매버튼 이벤트
$('.fd-buy-btn').mouseover(overBuyBtn);
$('.fd-buy-btn').mouseout(outBuyBtn);
});
function clickJoinDes(e){
var target = $(e.currentTarget);
target.closest('.fd-agree-box').children('.fd-agree-des').slideToggle();
}
function overUserIcon(e){
var target = $(e.currentTarget);
target.children('.user-pop').addClass('active');
}
function leaveUserIcon(e){
var target = $(e.currentTarget);
target.children('.user-pop').removeClass('active');
}
function toggleFAQ(e){
var target = $(e.currentTarget);
var icon = target.find('i.fas');
icon.toggleClass('fa-minus');
icon.toggleClass('fa-plus');
}
// 주문 하나씩 펼치기
function clickJoinPrev(e){
var target = $(e.currentTarget);
var prev_target = target.closest('.fd-join-cont').prev('.fd-join-cont').find('.fd-join-con');
$('.fd-join-con').slideUp();
prev_target.slideDown();
}
function clickJoinNext(e){
var target = $(e.currentTarget);
var next_target = target.closest('.fd-join-cont').next('.fd-join-cont').find('.fd-join-con');
$('.fd-join-con').slideUp();
next_target.slideDown();
}
// 상품상세 리뷰 작성 이벤트
function clickReviewWrite(e){
var target = $(e.currentTarget);
$('.review-write-cont').slideToggle();
}
// 상품상세 리뷰
function showDetailReview(){
var con = $('.fd-review-head').find('p:first-child');
con.siblings('p').remove();
con.append("more");
}
// 헤더 shop 메뉴 펼치기 이벤트
function overShopMenu(){
var menu = $('.fd-shop-menu');
menu.slideDown();
}
function leaveShopMenu(){
var menu = $('.fd-shop-menu');
menu.slideUp();
}
// Q&A 비밀글 자동설정
function setSecretWrite(){
var target = $('.fd-secret-cont');
target = target.find('input#secure1');
target.attr('checked', true);
console.log(target);
}
// 인스타그램
function hoverInsta(e){
var target = $(e.currentTarget);
var test = target.find('iframe');
console.log(test);
}
// 상세페이지 하단 안내정보
function clickDetailBotinfo(e){
var target = $(e.currentTarget);
target.find('.it-right').toggleClass('xi-minus');
target.siblings('.bot-info-bot').slideToggle();
}
// 메인페이지 헤더 투명 이벤트
/*function scrollHeaderEvent(){
if($('#section1.fd-main-sec01').hasClass('active'))
{
$('#top').addClass('active');
console.log('1');
}
else
{
$('#top').removeClass('active');
console.log('2');
}
}*/
// 상품상세 - 구매버튼 이벤트
function overBuyBtn(e){
var target = $(e.currentTarget);
var check = $('.fd-option-list').find('.option_product');
if(check.length == 0)
{
target.text('SELECT OPTION!');
}
else
{
if(target.hasClass('btn_01'))
{
target.text('CHECK OUT');
}
else if(target.hasClass('btn_buy'))
{
target.text('BUY NOW');
}
}
}
function outBuyBtn(e){
var target = $(e.currentTarget);
var check = $('.fd-option-list').find('.option_product');
if(target.hasClass('btn_01'))
{
if(check.length == 0)
{
target.text('ADD TO BAG');
}
else
{
target.text('CHECK OUT');
}
}
else if(target.hasClass('btn_buy'))
{
target.text('BUY NOW');
}
}
$(document).ready(function(){
$(".addBag").click(function(){
$(this).text("ADDED");
});
});
(function($){
$(function(){
var qs = window.location.search;
var urlParam = new URLSearchParams(qs);
var cate_no = urlParam.get('cate_no'); // 주소에서 category 주소 읽어옴
if (cate_no && location.pathname == '/product/list.html') {
$('#menubar nav').addClass('hasCate_no').attr('data-cate',cate_no);
}
$('#menubar nav .container>ul>li>a,#menubar nav .container>ul>li>span').hover(function(){
if ($('#menubar nav .container>ul>li>.show').length) {
$('#menubar nav .container>ul>li>.show').removeClass('show')
}
$(this).addClass('show');
if ($(this).next().get(0) && $(this).next().prop('tagName') == 'UL') {
$(this).parent().find('.currentCategory').addClass('hide');
}
});
$('#top').on('mouseleave',function(){
$('#menubar nav .container>ul>li>a.show').removeClass('show');
$('#menubar nav .currentCategory.hide').removeClass('hide');
});
});
})($$);
function search_cont(){
$('#search_cont').css("width","294px");
$('#search_cont').css("overflow","unset");
$('#search_fieldset .searchUnderline').css("transition","all 0.5s ease-in-out");
$('#search_fieldset .searchUnderline').css("width","100%");
}
function search_cont_off(){
$('#search_cont').css("width","0");
$('#search_cont').css("overflow","hidden");
$('#search_fieldset .searchUnderline').css("width","0");
$('#search_fieldset .searchUnderline').css("transition","all 0s ease-in-out");
}
function gnb_bar(){
$('#gnb_bar').addClass('c'+Math.floor(Math.random() * 4));
$('#gnb_bar').css("height","96.8vh");
$('#gnb_bar').css("padding","12.1px 11px 0px 11px");
$('#gnb_bar').addClass("menuOn");
$('#gnb_bar *').css("opacity","1");
setTimeout(function(){
$('.gnb_middle').css("display","block");
}, 200);
if( $('#gnb_bar').hasClass("menuOn") == true){
$('#menubar').css("opacity","0");
}
}
function gnb_bar_close(){
$('#gnb_bar').css("height","0");
$('#gnb_bar').css("padding","0px 11px 0px 11px");
$('#gnb_bar').removeClass("menuOn");
$('#gnb_bar *').css("opacity","0");
$('.gnb_middle').hide();
if( $('#gnb_bar').hasClass("menuOn") == false ){
$('#menubar').css("opacity","1");
}
$('#gnb_bar').removeClass();
}
if( $('#gnb_bar').has("menuOn") ) {
$("#content").click(function(){
gnb_bar_close();
});
$("#listcontentWrap").click(function(){
gnb_bar_close();
});
$("#listcontentWrap2").click(function(){
gnb_bar_close();
});
}
function product_subMenu(){
$('.product_subMenu').toggle();
var windowWidth = $( window ).width();
if(windowWidth < 640) {
//창 가로 크기가 640 미만일 경우
if( $('.product_subMenu').css('display') === 'block' ){
$('.gnb_middle').css('display','none');
$('.gnb_top').css('margin-bottom','15.1676vh');
}
else{
$('.gnb_middle').css('display','block');
$('.gnb_top').css('margin-bottom','30.1676vh');
}
}else {
//창 가로 크기가 640보다 클 경우
if( $('.product_subMenu').css('display') === 'block' ){
$('.gnb_top').css('margin-bottom','24.1676vh');
}
else{
$('.gnb_top').css('margin-bottom','43.1676vh');
}
}
}
$(".subMenuFc").hover(function(){
product_subMenu();
});
$(".product_subMenu").hover(function(){
product_subMenu();
});
function gnbBar_search_form(){
$('#topsearch').css('display','block');
$('.gnbBar_search').css('display','none');
}
function gnbBar_search_form_close(){
$('#topsearch').css('display','none');
$('.gnbBar_search').css('display','block');
}
var didScroll;
var lastScrollTop = 0;
var delta = 100;
var navbarHeight = $('header').outerHeight();
var windowWidth = $( window ).width();
// 스크롤시에 사용자가 스크롤했다는 것을 알림
$(window).scroll(function(event){
didScroll = true;
gnb_bar_close();
});
// hasScrolled()를 실행하고 didScroll 상태를 재설정
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
} }, 250);
function hasScrolled() {
// 동작을 구현
var st = $(this).scrollTop();
// Make sure they scroll more than delta
if(Number(st) <= delta) {
return;
}
// If they scrolled down and are past the navbar, add class .nav-up.
// This is necessary so you never see what is "behind" the navbar.
if (st > lastScrollTop && st > navbarHeight){
// Scroll Down
} else {
// Scroll Up
if(st + $(window).height() < $(document).height()) {
}
}
lastScrollTop = st
}
/*
$(".pre_order").mouseout(function(){
$(".pre_order").html("Daily Care");
$(".pre_order").css("font-family", "'font-family", "Neue Haas Grotesk Disp W05_55R");
});
preOrder();
$(".sub2_menu li:nth-child(1) a").mouseout(function(){
$(this).html("Mask");
$(this).css("font-family", "'font-family", "Neue Haas Grotesk Disp W05_55R");
});
$(".sub2_menu li:nth-child(2) a").mouseout(function(){
$(this).html("Base");
$(this).css("font-family", "'font-family", "Neue Haas Grotesk Disp W05_55R");
});
$(".sub2_menu li:nth-child(3) a").mouseout(function(){
$(this).html("Treatment");
$(this).css("font-family", "'font-family", "Neue Haas Grotesk Disp W05_55R");
});
*/
/**
* 문서 구동후 시작
*/
$(document).ready(function(){
//placeholder
$(".ePlaceholder input, .ePlaceholder textarea").each(function(i){
var placeholderName = $(this).parents().attr('title');
$(this).attr("placeholder", placeholderName);
});
/* placeholder ie8, ie9 */
$.fn.extend({
placeholder : function() {
//IE 8 버전에는 hasPlaceholderSupport() 값이 false를 리턴
if (hasPlaceholderSupport() === true) {
return this;
}
//hasPlaceholderSupport() 값이 false 일 경우 아래 코드를 실행
return this.each(function(){
var findThis = $(this);
var sPlaceholder = findThis.attr('placeholder');
if ( ! sPlaceholder) {
return;
}
findThis.wrap('');
var sDisplayPlaceHolder = $(this).val() ? ' style="display:none;"' : '';
findThis.before('' + sPlaceholder + '');
this.onpropertychange = function(e){
e = event || e;
if (e.propertyName == 'value') {
$(this).trigger('focusout');
}
};
//공통 class
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf("msie") != -1) {
$(".ePlaceholder").css({"position":"relative"});
$(".ePlaceholder span").css({"position":"absolute", "padding":"0 4px", "color":"#878787"});
$(".ePlaceholder label").css({"padding":"0"});
}
});
}
});
$(':input[placeholder]').placeholder(); //placeholder() 함수를 호출
//클릭하면 placeholder 숨김
$('body').delegate('.ePlaceholder span', 'click', function(){
$(this).hide();
});
//input창 포커스 인 일때 placeholder 숨김
$('body').delegate('.ePlaceholder :input', 'focusin', function(){
$(this).prev('span').hide();
});
//input창 포커스 아웃 일때 value 가 true 이면 숨김, false 이면 보여짐
$('body').delegate('.ePlaceholder :input', 'focusout', function(){
if (this.value) {
$(this).prev('span').hide();
} else {
$(this).prev('span').show();
}
});
//input에 placeholder가 지원이 되면 true를 안되면 false를 리턴값으로 던져줌
function hasPlaceholderSupport() {
if ('placeholder' in document.createElement('input')) {
return true;
} else {
return false;
}
}
});
/**
* 썸네일 이미지 엑박일경우 기본값 설정
*/
$(window).load(function() {
$("img.thumb,img.ThumbImage,img.BigImage").each(function($i,$item){
var $img = new Image();
$img.onerror = function () {
$item.src="//img.echosting.cafe24.com/thumb/img_product_big.gif";
}
$img.src = this.src;
});
});
// 링크 주소 수정 시작
var gogo = new Array();
gogo[0] = "https://www.cjlogistics.com/ko/tool/parcel/tracking"; // 택배사
gogo[1] = "https://www.facebook.com/isfrom.official"; // 페북
gogo[2] = "https://pf.kakao.com/_tnMiK"; // 카카오
// 이하 아래는 수정 금지!!
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
//window popup script
function winPop(url) {
window.open(url, "popup", "width=300,height=300,left=10,top=10,resizable=no,scrollbars=no");
}
/**
* document.location.href split
* return array Param
*/
function getQueryString(sKey)
{
var sQueryString = document.location.search.substring(1);
var aParam = {};
if (sQueryString) {
var aFields = sQueryString.split("&");
var aField = [];
for (var i=0; i 2) {
var sShippingCountryValue = aShippingCountryCode[2];
}
// query string으로 넘어 온 배송국가 값이 있다면, 그 값을 적용함
var aHrefCountryValue = decodeURIComponent(location.href).split("/?country=");
if (aHrefCountryValue.length == 2) {
var sShippingCountryValue = aHrefCountryValue[1];
}
// 메인 페이지에서 국가선택을 안한 경우, 그 외의 페이지에서 셋팅된 값이 안 나오는 현상 처리
if (location.href.split("/").length != 4 && $(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val()) {
$(".xans-layout-multishoplist .xans-layout-multishoplistmultioption a .ship span").text(" : "+$(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist option:selected").text().split("SHIPPING TO : ").join(""));
if ($("#f_country").length > 0 && location.href.indexOf("orderform.html") > -1) {
$("#f_country").val($(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val());
}
}
if (typeof(sShippingCountryValue) != "undefined" && sShippingCountryValue != "" && sShippingCountryValue != null) {
sShippingCountryValue = sShippingCountryValue.split("#")[0];
var bShippingCountryProc = true;
$(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val(sShippingCountryValue);
$(".xans-layout-multishoplist .xans-layout-multishoplistmultioption a .ship span").text(" : "+$(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist option:selected").text().split("SHIPPING TO : ").join(""));
var expires = new Date();
expires.setTime(expires.getTime() + (30 * 24 * 60 * 60 * 1000)); // 30일간 쿠키 유지
document.cookie = sShippingCountryCode4Cookie+'=' + $(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val() +';path=/'+ ';expires=' + expires.toUTCString();
if ($("#f_country").length > 0 && location.href.indexOf("orderform.html") > -1) {
$("#f_country").val(sShippingCountryValue).change();;
}
}
}
// 언어선택 설정이 사용안함이면 숨김
if (EC_SHOP_MULTISHOP_SHIPPING.bMultishopShippingLanguageSelection === false) {
$('.xans-layout-multishopshipping .xans-layout-multishopshippinglanguagelist').hide();
$('.xans-layout-multishoplist .xans-layout-multishoplistmultioption .xans-layout-multishoplistmultioptionlanguage').hide();
} else {
$('.thumb .xans-layout-multishoplistitem').hide();
}
// 배송국가 및 언어 설정이 둘 다 사용안함이면 숨김
if (EC_SHOP_MULTISHOP_SHIPPING.bMultishopShipping === false) {
$(".xans-layout-multishopshipping").hide();
$('.xans-layout-multishoplist .xans-layout-multishoplistmultioption').hide();
} else if (bShippingCountryProc === false && location.href.split("/").length == 4) { // 배송국가 값을 처리한 적이 없고, 메인화면일 때만 선택 레이어를 띄움
var sShippingCountryValue = $(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val();
$(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val(sShippingCountryValue);
$(".xans-layout-multishoplist .xans-layout-multishoplistmultioption a .ship span").text(" : "+$(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist option:selected").text().split("SHIPPING TO : ").join(""));
// 배송국가 선택을 사용해야 레이어를 보이게 함
if (EC_SHOP_MULTISHOP_SHIPPING.bMultishopShippingCountrySelection === true) {
$(".xans-layout-multishopshipping").show();
}
}
$(".xans-layout-multishopshipping .close").bind("click", function() {
$(".xans-layout-multishopshipping").hide();
});
$(".xans-layout-multishopshipping .ec-base-button a").bind("click", function() {
var expires = new Date();
expires.setTime(expires.getTime() + (30 * 24 * 60 * 60 * 1000)); // 30일간 쿠키 유지
document.cookie = sShippingCountryCode4Cookie+'=' + $(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val() +';path=/'+ ';expires=' + expires.toUTCString();
// 도메인 문제로 쿠키로 배송국가 설정이 안 되는 경우를 위해 query string으로 배송국가 값을 넘김
var sQuerySting = (EC_SHOP_MULTISHOP_SHIPPING.bMultishopShippingCountrySelection === false) ? "" : "/?country="+encodeURIComponent($(".xans-layout-multishopshipping .xans-layout-multishopshippingcountrylist").val());
location.href = '//'+$(".xans-layout-multishopshipping .xans-layout-multishopshippinglanguagelist").val()+sQuerySting;
});
$(".xans-layout-multishoplist .xans-layout-multishoplistmultioption a").bind("click", function() {
$(".xans-layout-multishopshipping").show();
});
}
});
(function($){
$(function(){
var cArray = ['c1','c2','c3','c4'];
var _t = document.querySelector('body');
var _obs = new MutationObserver(function(mut) {
mut.forEach(function(mutation) {
if (mutation['addedNodes'].length) {
if (mutation['addedNodes'].item(0).id === 'detail_info_layer') {
var $obj = mutation['addedNodes'].item(0);
$obj.classList.add(cArray[Math.floor(Math.random() * 4)]);
}
}
});
});
var _config = {
attributes: false,
childList: true,
characterData: false
};
var _o = _obs.observe(_t,_config);
});
})($$);
(function($){
$(function(){
$('#bottomLink li > a').click(function(e){
e.preventDefault();
$.get(this.href,function(d){
var _html = $(d).find('.ajaxData').html();
var _container = document.createElement('div');
_container.id = 'detail_info_layer';
_container.classList.add('priv_layer');
_container.innerHTML = ''+_html+'
Close';
$('body').append(_container);
});
});
$('#bottomLink li > span a').click(function(e){
e.preventDefault();
$.get(this.href,function(d){
var _html = $(d).find('.ajaxData').html();
var _container = document.createElement('div');
_container.id = 'detail_info_layer';
_container.classList.add('p_layer');
_container.innerHTML = ''+_html+'
Close';
$('body').append(_container);
});
});
$('body').on('click','#detail_info_layer .close',function(e){
e.preventDefault();
$('#detail_info_layer').remove();
});
});
})($$);