Cafe24新着情報
[PCデザイン] [スマートデザイン] PCレスポンシブ型シンプル注文書のデザイン適用ガイド - common.js (中国語・繁体字)
2020-02-06
PCレスポンシブ型シンプル注文書は、デザインを変更することでショップにすぐ適用することができます。
詳細は以下の内容をご確認ください。
---------------------------------------------------------------------------------
■ 新規作成
$(window).load(function() {
$(".thumbnail img, 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;
});
});
$(document).ready(function(){
$('div.eToggle .title').click(function(){
var toggle = $(this).parent('.eToggle');
if(toggle.hasClass('disable') == false){
$(this).parent('.eToggle').toggleClass('selected')
}
});
$('dl.eToggle dt').click(function(){
$(this).toggleClass('selected');
$(this).next('dd').toggleClass('selected');
});
$('[id^="quantity"]').each(function() {
$(this).get(0).type = 'tel';
});
$('.xans-mall-supplyinfo, .supplyInfo').find('table > colgroup').find('col').eq(0).width(98);
$('.xans-mall-supplyinfo, .supplyInfo').find('th, td').css({padding:'13px 10px 12px'});
/**
* 메인카테고리 toggle
*/
$('.xans-product-listmain h2').toggle(function(){
$(this).css('background-image', 'url("//img.echosting.cafe24.com/skin/mobile_zh_TW/layout/bg_title_open.gif")');
$(this).siblings().hide();
$(this).parent().find('div.ec-base-paginate').hide();
$(this).parent().next('div.xans-product-listmore').hide();
}, function() {
$(this).css('background-image', 'url("//img.echosting.cafe24.com/skin/mobile_zh_TW/layout/bg_title_close.gif")');
$(this).siblings().show();
$(this).parent().find('div.ec-base-paginate').show();
$(this).parent().next('div.xans-product-listmore').show();
});
/* base header 검색 레이어 */
$('#layout .header').find('.search .btnSearch').bind('click', function(){
var $baseHeader = $('#layout .header');
$baseHeader.addClass('open');
$('#dimmedSlider').one('click', function(){
$baseHeader.removeClass('open');
});
});
/**
* 상단탑버튼
*/
var globalTopBtnScrollFunc = function() {
// 탑버튼 관련변수
var $btnTop = $('#btnTop');
$(window).scroll(function() {
try {
var iCurScrollPos = $(this).scrollTop();
if (iCurScrollPos > ($(this).height() / 2)) {
$btnTop.fadeIn('fast');
} else {
$btnTop.fadeOut('fast');
}
} catch(e) { }
});
};
/**
* 구매버튼
*/
var globalBuyBtnScrollFunc = function() {
// 구매버튼 관련변수
var sFixId = $('#orderFixItem').size() > 0 ? 'orderFixItem' : 'fixedActionButton',
$area = $('#orderFixArea'),
$item = $('#' + sFixId + '').not($area);
$(window).scroll(function(){
try {
// 구매버튼 관련변수
var iCurrentHeightPos = $(this).scrollTop() + $(this).height(),
iButtonHeightPos = $item.offset().top;
if (iCurrentHeightPos > iButtonHeightPos || iButtonHeightPos < $(this).scrollTop() + $item.height()) {
if (iButtonHeightPos < $(this).scrollTop() - $item.height()) {
$area.fadeIn('fast');
} else {
$area.hide();
}
} else {
$area.fadeIn('fast');
}
} catch(e) { }
});
};
globalTopBtnScrollFunc();
globalBuyBtnScrollFunc();
});
// 공통레이어팝업 오픈
var globalLayerOpenFunc = function(_this) {
this.id = $(_this).data('id');
this.param = $(_this).data('param');
this.basketType = $('#basket_type').val();
this.url = $(_this).data('url');
this.layerId = 'ec_temp_mobile_layer';
this.layerIframeId = 'ec_temp_mobile_iframe_layer';
var _this = this;
function paramSetUrl() {
if (this.param) {
// if isset param
} else {
this.url = this.basketType ? this.url + '?basket_type=' + this.basketType : this.url;
}
};
if (this.url) {
window.ecScrollTop = $(window).scrollTop();
$.ajax({
url : this.url,
success : function (data) {
if (data.indexOf('404 無頁面') == -1) {
try { $(_this).remove(); } catch ( e ) { }
var $layer = $('<div>', {
html: $("<iframe>", { src: _this.url, id: _this.layerIframeId, scrolling: 'auto', css: { width: '100%', height: '100%', overflowY: 'auto', border: 0 } } ),
id: _this.layerId,
css : { position: 'absolute', top: 0, left:0, width: '100%', height: $(window).height(), 'z-index': 9999 }
});
$('body').append($layer);
$('html, body').css({'overflowY': 'hidden', height: '100%', width: '100%'});
$('#' + this.layerId).show();
}
}
});
}
};
var globalLayerCloseFunc = function() {
this.layerId = 'ec_temp_mobile_layer';
if (window.parent === window)
self.clse();
else {
parent.$('html, body').css({'overflowY': 'auto', height: 'auto', width: '100%'});
parent.$('html, body').scrollTop(parent.window.ecScrollTop);
parent.$('#' + this.layerId).remove();
}
};
/**
* document.location.href split
* return array Param
*/
var getQueryString = function(sKey)
{
var sQueryString = document.location.search.substring(1);
var aParam = {};
if (sQueryString) {
var aFields = sQueryString.split("&");
var aField = [];
for (var i=0; i<aFields.length; i++) {
aField = aFields[i].split('=');
aParam[aField[0]] = aField[1];
}
}
aParam.page = aParam.page ? aParam.page : 1;
return sKey ? aParam[sKey] : aParam;
};
var isPCver = function() {
var sUrl = window.location.hostname;
var aTemp = sUrl.split(".");
var pattern = /^(mobile[\-]{2}shop[0-9]+)$/;
if (aTemp[0] == 'm' || aTemp[0] == 'skin-mobile' || aTemp[0] == 'mobile') {
sUrl = sUrl.replace(aTemp[0]+'.', '');
} else if (pattern.test(aTemp[0]) === true) {
var aExplode = aTemp[0].split('--');
aTemp[0] = aExplode[1];
sUrl = aTemp.join('.');
}
window.location.href = '//'+sUrl+'/?is_pcver=T';
};
/* 도움말 */
$('body').delegate('.ec-base-tooltip-area .eTip', 'click', function(e){
var findArea = $($(this).parents('.ec-base-tooltip-area'));
var findTarget = $($(this).siblings('.ec-base-tooltip'));
var findTooltip = $('.ec-base-tooltip');
$('.ec-base-tooltip-area').removeClass('show');
$(this).parents('.ec-base-tooltip-area:first').addClass('show');
findTooltip.hide();
findTarget.show();
e.preventDefault();
});
$('body').delegate('.ec-base-tooltip-area .eClose', 'click', function(e){
var findTarget = $(this).parents('.ec-base-tooltip:first');
$('.ec-base-tooltip-area').removeClass('show');
findTarget.hide();
e.preventDefault();
});
$('.ec-base-tooltip-area').find('input').focusout(function() {
var findTarget = $(this).parents('.ec-base-tooltip-area').find('.ec-base-tooltip');
$('.ec-base-tooltip-area').removeClass('show');
findTarget.hide();
});
/**
* 팝업창에 리사이즈 관련
*/
function setResizePopup() {
if(!$('#popup').length) return;
var iWrapWidth = $('#popup').width();
var iWrapHeight = $('#popup').height();
var iWindowWidth = $(window).width();
var iWindowHeight = $(window).height();
window.resizeBy(iWrapWidth - iWindowWidth, iWrapHeight - iWindowHeight);
}
setResizePopup();
$( window ).load(function() {
setResizePopup();
});
Cafe24では、より快適なネットショップ運営のため、持続的に機能アップデートを実施しております。
今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。引き続き、ご愛顧のほどよろしくお願い申し上げます。
ご不便・ご不明な点等ございましたら、092-517-9981または「お問い合わせ」まで、お気軽にお問い合わせください。