| | 產品名稱 Product Name | 規格 Specification | 售價 Price | | 美式鄉村羅馬柱腿老榆木餐桌 | 長180cm＊寬89.5cm＊高77.5cm
|
| | 產品描述Product Description | 羅馬柱腿老榆木餐桌
| | 產品說明 Product Information | 無
| t;
-英菲克商城-
<style scoped type="text/css">
<!--
.style1 {font-size: 10px}
-->
</style>
<div align="center">
<!-- ImageReady Slices (inphic.jpg) -->
<table width="800" height="800" id="___01" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>
<img width="800" height="360" alt="" src="http://www.bigsale.tw/abo/inphic/pc/images/inphic_01.gif"></td>
</tr>
<tr>
<td> <img width="800" height="440" alt="" src="http://www.bigsale.tw/abo/inphic/pc/images/inphic_02.gif" border="0"></td>
</tr>
</tbody></table>
<br>
<img width="800" height="589" src="http://www.bigsale.tw/abo/inphic/pc/images/inphicpc.jpg" border="0"><br>
<br>
<span class="style1">inphic商城提供多款商品，種類豐富又優惠，<br>
<br>
全館將不定期舉辦優惠享好康活動唷！?</span><br>
<br>
<!-- End ImageReady Slices -->
</div></b></font></tr></tbody></table></center></td>
</tr>
<tr>
<td height="10"></td>
</tr></table></html></div>
</div>
<div id="desc_section_2" class="desc_section qk-pd_t--2">
<h5 class="section-heading qk-text--heading qk-fs--hd2 qk-bd_l--default qk-bd--heading qk-pd_l--05">規格說明</h5>
<div class="ckeditor qk-mg_t--1"></div>
</div>
<div id="desc_section_3" class="desc_section qk-pd_t--2">
<h5 class="section-heading qk-text--heading qk-fs--hd2 qk-bd_l--default qk-bd--heading qk-pd_l--05">運送方式</h5>
<div class="ckeditor qk-mg_t--1"></div>
</div>
</div>
</div>
<div id="product-recommendation"></div>
</div>
<script>
$(document).ready(function() {
// 商品說明介紹標籤
$(".desc_sections li").on('click', function() {
$(this).children().addClass('active');
$(this).siblings().children().removeClass('active');
});
// 滑動設置
var prevScrollPos = window.pageYOffset;
var prevScrollInformationPos = window.pageYOffset;
$(window).on('scroll load resize', function(e) {
var headerHeight = $("#header").height()
var desc_sections = $(".desc_sections");
var desc_section_list = $(".desc_section");
var descSectionHeight = $(".desc_sections").height()
var descSectionTop = $(".desc_sections").offset().top - headerHeight
var product_window = $(this);
var currentScrollPos = window.pageYOffset;
// 滑動固定產品說明
if (product_window.scrollTop() > descSectionTop) {
desc_sections.find("ul").css({"top": 0});
if (currentScrollPos > prevScrollPos && product_window.scrollTop() > descSectionTop + headerHeight) {
desc_sections
.stop()
.addClass("desc_sections_hold")
.css({"min-height": descSectionHeight})
.find("ul")
.css({"top": 0});
} else if (prevScrollPos > currentScrollPos) {
desc_sections
.stop()
.addClass("desc_sections_hold")
.css({"min-height": descSectionHeight})
.find("ul")
.css({"top": headerHeight});
} else {
prevScrollPos = 0;
} prevScrollPos = currentScrollPos;
if ($(window).width() < 768) {
$("body").css("padding-bottom", "68px");
}
} else {
prevScrollPos = 0;
desc_sections.stop().removeClass("desc_sections_hold")
if ($(window).width() < 768) {
$("body").css("padding-bottom", "68px");
}
}
// 點選產品說明滑動
$(".desc_sections a.scroll").bind("click", function(event) {
var targetScrollTop = parseInt($($(this).attr("href")).offset().top - descSectionHeight + 1);
if (targetScrollTop > window.scrollY + 1) {
$("html, body").stop().animate({
scrollTop: targetScrollTop
}, 300);
} else {
$("html, body").stop().animate({
scrollTop: targetScrollTop - headerHeight
}, 300);
}
});
// 顯示當前產品說明
if (currentScrollPos > prevScrollInformationPos) {
$.each(desc_section_list, function(index, desc_section) {
var desc_sectionTop = $(desc_section).offset().top - descSectionHeight - 1
var desc_sectionHeight = $(desc_section).height()
var current_desc_section = $("a.scroll[href$='" + $(desc_section).attr("id") + "']");
if (product_window.scrollTop() > desc_sectionTop || index === 0) {
current_desc_section
.stop()
.addClass('active')
.parent()
.siblings()
.find("a")
.removeClass('active');
} else {
current_desc_section.removeClass('active');
} prevScrollInformationPos = currentScrollPos;
});
} else {
$.each(desc_section_list, function(index, desc_section) {
var desc_sectionTop = $(desc_section).offset().top - descSectionHeight - 1
var desc_sectionHeight = $(desc_section).height()
var current_desc_section = $("a.scroll[href$='" + $(desc_section).attr("id") + "']");
if (product_window.scrollTop() + headerHeight > desc_sectionTop) {
current_desc_section
.stop()
.addClass('active')
.parent()
.siblings()
.find("a")
.removeClass('active');
} else {
current_desc_section.removeClass('active');
}
});
prevScrollInformationPos = currentScrollPos;
}
});
})
</script>
<div id="related-products" class="qk-pos--rel">
<h5 class="section-heading qk-text--heading qk-fs--hd2 qk-bd_l--default qk-bd--heading qk-pd_l--05">相關商品</h5>
<!-- cyb_snippet swiper_product start -->
<div id="swiper_products" class="qk-pos--rel">
<div class="swiper swiper-container swiper_products GTM-area">
<div class="swiper-wrapper">
<div class="swiper-slide product qk-text--start">
<div class="product_image default_scale">
<a class="productClick img-flex GTM-info qk-h--100 qk-display--flex qk-justify--center qk-align--center"
href="/products/m87525085"
data-brand=""
data-category="●營業機台/用品●"
data-collection_id=""
data-id="52171229"
data-list="相關商品"
data-name="INPHIC-【訂製款】環保垃圾推車 台灣廠商 質感清潔推車 公共飯店清理推車 社區物業推車-IMEU008705A"
data-position="1"
data-price="22000.0">
<img data-src="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjI5LzE3MzQwNTYzMTdfYTdhODY2MDUzZWMxOGQwMzI3YzcuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=456ca25b416c9e2c"
alt="INPHIC-【訂製款】環保垃圾推車 台灣廠商 質感清潔推車 公共飯店清理推車 社區物業推車-IMEU008705A" class="swiper-lazy feature-image" />
<div class="swiper-lazy-preloader-white"></div>
</a>
</div>
<div class="product_title qk-of--hidden">
<a class="qk-text--heading"
href="/products/m87525085">
INPHIC-【訂製款】環保垃圾推車 台灣廠商 質感清潔推車 公共飯店清理推車 社區物業推車-IMEU008705A
</a>
</div>
<div class="product_price qk-text--price qk-fs--title"><span class="money_tag" data-currency-from="TWD" data-amount="22000.0">NT$22,000</span></div>
<div class="product_btn qk-text--center">
<button
type="button"
class="btn btn-cart qk-btn qk-btn--primary qk-btn--lg"
data-handle="m87525085"
data-collection=""
data-brand=""
data-category="●營業機台/用品●"
data-collection_id=""
data-id="52171229"
data-list="相關商品"
data-name="INPHIC-【訂製款】環保垃圾推車 台灣廠商 質感清潔推車 公共飯店清理推車 社區物業推車-IMEU008705A"
data-photo="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjI5LzE3MzQwNTYzMTdfYTdhODY2MDUzZWMxOGQwMzI3YzcuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=456ca25b416c9e2c"
data-price="22000.0"
data-position="1"
data-spread-size="62201538,,22000.0,2,22000.0,deny,0.0,,INPHIC-【訂製款】環保垃圾推車 台灣廠商 質感清潔推車 公共飯店清理推車 社區物業推車-IMEU008705A - ,cyberbiz,1"
data-sku=""
>
<span class="text">加入購物車</span>
</button>
</div>
</div>
<div class="swiper-slide product qk-text--start">
<div class="product_image default_scale">
<a class="productClick img-flex GTM-info qk-h--100 qk-display--flex qk-justify--center qk-align--center"
href="/products/m87525080"
data-brand=""
data-category="垃圾桶"
data-collection_id=""
data-id="52171250"
data-list="相關商品"
data-name="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】環保垃圾桶回收垃圾桶 二分類垃圾桶 公共垃圾桶 大型垃圾桶 大廳垃圾桶-IMEU008605A"
data-position="2"
data-price="120000.0">
<img data-src="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjUwLzE3MzQwNTYzMjJfMzRhYzk2ZWMyNmMzMjEyMDRkODEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b90c9ec721fc9b7c"
alt="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】環保垃圾桶回收垃圾桶 二分類垃圾桶 公共垃圾桶 大型垃圾桶 大廳垃圾桶-IMEU008605A" class="swiper-lazy feature-image" />
<div class="swiper-lazy-preloader-white"></div>
</a>
</div>
<div class="product_title qk-of--hidden">
<a class="qk-text--heading"
href="/products/m87525080">
INPHIC-臺灣訂製垃圾桶廠商 【訂製款】環保垃圾桶回收垃圾桶 二分類垃圾桶 公共垃圾桶 大型垃圾桶 大廳垃圾桶-IMEU008605A
</a>
</div>
<div class="product_price qk-text--price qk-fs--title"><span class="money_tag" data-currency-from="TWD" data-amount="120000.0">NT$120,000</span></div>
<div class="product_btn qk-text--center">
<button
type="button"
class="btn btn-cart qk-btn qk-btn--primary qk-btn--lg"
data-handle="m87525080"
data-collection=""
data-brand=""
data-category="垃圾桶"
data-collection_id=""
data-id="52171250"
data-list="相關商品"
data-name="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】環保垃圾桶回收垃圾桶 二分類垃圾桶 公共垃圾桶 大型垃圾桶 大廳垃圾桶-IMEU008605A"
data-photo="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjUwLzE3MzQwNTYzMjJfMzRhYzk2ZWMyNmMzMjEyMDRkODEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b90c9ec721fc9b7c"
data-price="120000.0"
data-position="2"
data-spread-size="62201555,,120000.0,10,120000.0,continue,0.0,,INPHIC-臺灣訂製垃圾桶廠商 【訂製款】環保垃圾桶回收垃圾桶 二分類垃圾桶 公共垃圾桶 大型垃圾桶 大廳垃圾桶-IMEU008605A - ,cyberbiz,1"
data-sku=""
>
<span class="text">加入購物車</span>
</button>
</div>
</div>
<div class="swiper-slide product qk-text--start">
<div class="product_image default_scale">
<a class="productClick img-flex GTM-info qk-h--100 qk-display--flex qk-justify--center qk-align--center"
href="/products/m87525077"
data-brand=""
data-category="垃圾桶"
data-collection_id=""
data-id="52171261"
data-list="相關商品"
data-name="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠製造型開口垃圾桶 大型分類垃圾桶 戶外垃圾桶 台灣廠商 公共垃圾桶-IMEU006605A"
data-position="3"
data-price="160000.0">
<img data-src="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjYxLzE3MzQwNTYzMjRfZDcxZGZkNjE3NWMyN2UzNzI1Y2QuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=68e74dd012cc0cdc"
alt="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠製造型開口垃圾桶 大型分類垃圾桶 戶外垃圾桶 台灣廠商 公共垃圾桶-IMEU006605A" class="swiper-lazy feature-image" />
<div class="swiper-lazy-preloader-white"></div>
</a>
</div>
<div class="product_title qk-of--hidden">
<a class="qk-text--heading"
href="/products/m87525077">
INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠製造型開口垃圾桶 大型分類垃圾桶 戶外垃圾桶 台灣廠商 公共垃圾桶-IMEU006605A
</a>
</div>
<div class="product_price qk-text--price qk-fs--title"><span class="money_tag" data-currency-from="TWD" data-amount="160000.0">NT$160,000</span></div>
<div class="product_btn qk-text--center">
<button
type="button"
class="btn btn-cart qk-btn qk-btn--primary qk-btn--lg"
data-handle="m87525077"
data-collection=""
data-brand=""
data-category="垃圾桶"
data-collection_id=""
data-id="52171261"
data-list="相關商品"
data-name="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠製造型開口垃圾桶 大型分類垃圾桶 戶外垃圾桶 台灣廠商 公共垃圾桶-IMEU006605A"
data-photo="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjYxLzE3MzQwNTYzMjRfZDcxZGZkNjE3NWMyN2UzNzI1Y2QuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=68e74dd012cc0cdc"
data-price="160000.0"
data-position="3"
data-spread-size="62201567,,160000.0,10,160000.0,continue,0.0,,INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠製造型開口垃圾桶 大型分類垃圾桶 戶外垃圾桶 台灣廠商 公共垃圾桶-IMEU006605A - ,cyberbiz,1"
data-sku=""
>
<span class="text">加入購物車</span>
</button>
</div>
</div>
<div class="swiper-slide product qk-text--start">
<div class="product_image default_scale">
<a class="productClick img-flex GTM-info qk-h--100 qk-display--flex qk-justify--center qk-align--center"
href="/products/m87525075"
data-brand=""
data-category="垃圾桶"
data-collection_id=""
data-id="52171268"
data-list="相關商品"
data-name="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠回收垃圾桶 大廳垃圾桶 質感垃圾桶 環保垃圾桶垃圾桶 分類垃圾桶-IMEU004505A"
data-position="4"
data-price="80000.0">
<img data-src="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjY4LzE3MzQwNTYzMjZfNDkwZGU1ZThmMGEzYzE5YTZmODQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=42a784c3cbb1aa0a"
alt="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠回收垃圾桶 大廳垃圾桶 質感垃圾桶 環保垃圾桶垃圾桶 分類垃圾桶-IMEU004505A" class="swiper-lazy feature-image" />
<div class="swiper-lazy-preloader-white"></div>
</a>
</div>
<div class="product_title qk-of--hidden">
<a class="qk-text--heading"
href="/products/m87525075">
INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠回收垃圾桶 大廳垃圾桶 質感垃圾桶 環保垃圾桶垃圾桶 分類垃圾桶-IMEU004505A
</a>
</div>
<div class="product_price qk-text--price qk-fs--title"><span class="money_tag" data-currency-from="TWD" data-amount="80000.0">NT$80,000</span></div>
<div class="product_btn qk-text--center">
<button
type="button"
class="btn btn-cart qk-btn qk-btn--primary qk-btn--lg"
data-handle="m87525075"
data-collection=""
data-brand=""
data-category="垃圾桶"
data-collection_id=""
data-id="52171268"
data-list="相關商品"
data-name="INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠回收垃圾桶 大廳垃圾桶 質感垃圾桶 環保垃圾桶垃圾桶 分類垃圾桶-IMEU004505A"
data-photo="//cdn.cybassets.com/media/W1siZiIsIjMxNDMwL3Byb2R1Y3RzLzUyMTcxMjY4LzE3MzQwNTYzMjZfNDkwZGU1ZThmMGEzYzE5YTZmODQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=42a784c3cbb1aa0a"
data-price="80000.0"
data-position="4"
data-spread-size="62201576,,80000.0,10,80000.0,continue,0.0,,INPHIC-臺灣訂製垃圾桶廠商 【訂製款】塑膠回收垃圾桶 大廳垃圾桶 質感垃圾桶 環保垃圾桶垃圾桶 分類垃圾桶-IMEU004505A - ,cyberbiz,1"
data-sku=""
>
<span class="text">加入購物車</span>
</button>
</div>
</div>
</div>
</div>
<div class="swiper-products-next qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v1 qk-swiper_btn--next"></div>
<div class="swiper-products-prev qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v1 qk-swiper_btn--prev"></div>
</div>
<link href='//cdn.cybassets.com/frontend/shop/beta_theme/css/swiper_product-07fd06ef579c4671.css' rel='stylesheet' type='text/css' media='all' />
<!-- cyb_snippet _combo_product_related_items_modal start --><!-- cyb_snippet _combo_product_related_items_modal end -->
<script>
$(document).ready(function(){
var slideCount = $(".swiper_products .swiper-slide").length
if (slideCount >= 4){
var autoLoop = true
}else{
var autoLoop = false
}
var SwiperProducts = new Swiper('.swiper_products', {
// Disable preloading of all images
preloadImages: false,
// Enable lazy loading
lazy: {
loadPrevNext: true,
},
loop: autoLoop,
slidesPerView: 1,
spaceBetween: 30,
navigation: {
nextEl: '.swiper-products-next',
prevEl: '.swiper-products-prev',
},
breakpoints: {
'@0.75': {
slidesPerView: 2,
spaceBetween: 20,
},
'@1.00': {
slidesPerView: 3,
spaceBetween: 40,
},
'@1.50': {
slidesPerView: 4,
spaceBetween: 50,
},
}
});
// new pop modal
$('#swiper_products .btn-cart').click(function() {
var comboProductInfo = $(this).data('comboProductInfo');
if (comboProductInfo) {
window.themeHelper.EventBus.$emit('showRelatedItemsSelectModal', comboProductInfo);
} else {
var productHandle = '/products/' + $(this).data('handle');
var collectionId = $(this).data('collection');
new_addcart_modal.popModal(productHandle, collectionId);
}
});
// for GTM
$.each($('.GTM-area'),function(){
var gtm_product = []
$.each($(this).find('.GTM-info'),function(index,product){
productInfo = {
'brand': $(product).data('brand'),
'category': $(product).data('category'),
'id': $ (product).data('id'),
'list': 'Collection: '+ $(product).data('list'),
'name': $(product).data('name'),
'position': $(product).data('position'),
'price': $ (product).data('price'),
'variant': ''
}
if(typeof google_analytics_id != "undefined" && window.enable_ga_ee == true){
ga('ec:addImpression', productInfo);
}
if(typeof google_tag_manager_id != 'undefined' || typeof cyb != 'undefined'){
gtm_product.push(productInfo)
}
})
if(typeof google_analytics_id != 'undefined' && window.enable_ga_ee == true){
ga('send', 'event', {'nonInteraction': true});
}
if(typeof google_tag_manager_id != 'undefined' && gtm_product.length > 0){
dataLayer.push({
'event': 'productImpressions',
'ecommerce':{
'impressions': gtm_product
}
});
}
if(typeof cyb != "undefined" && gtm_product.length > 0){
cyb.push({
'event': 'productImpressions',
'impressions': gtm_product
});
}
})
})
</script>
<!-- cyb_snippet swiper_product end -->
</div>
</div>
</div>
</div>
<!-- Footer -->
<style>
@media(min-width: 991px) {
.display_x .left-content > div {
max-width: calc(100% / 2);
}
}
</style>
<div id="index-recommendation"></div>
<footer id="footer" class="qk-fs--body qk-bg--footer_bg">
<div class="qk-container display_y">
<div class="footer_content qk-mg--0 qk-display--flex qk-justify--between">
<div class="left-content qk-flex--1">
<div class="link-list-container">
<p class="footer_title qk-fs--title qk-text--footer_text">關於我們</p>
<div class="item horizontal qk-text--left">
<ul class="qk-display--flex qk-flex--wrap">
<li class="qk-display--il_bk">
<a
class="qk-text--footer_text"
href="/search"
rel="noopener noreferrer"
target="_blank">查詢</a>
</li>
<li class="qk-display--il_bk">
<a
class="qk-text--footer_text"
href="/pages/about-us"
rel="noopener noreferrer"
target="_blank">關於我們</a>
</li>
<li class="qk-display--il_bk">
<a
class="qk-text--footer_text"
href="/account/index"
rel="noopener noreferrer"
target="_blank">我的帳戶</a>
</li>
<li class="qk-display--il_bk">
<a
class="qk-text--footer_text"
href="/pages/refund"
rel="noopener noreferrer"
target="_blank">退款政策</a>
</li>
<li class="qk-display--il_bk">
<a
class="qk-text--footer_text"
href="/pages/privacy"
rel="noopener noreferrer"
target="_blank">隱私政策</a>
</li>
</ul>
</div>
</div>
<div class="item contact qk-text--left">
<p class="footer_title qk-fs--title qk-text--footer_text">聯絡資訊</p>
<ul>
<li class="phone qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
<span class="qk-text--footer_text">客服專線：02-2885-2016</span>
</li>
<li class="time qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
<span class="qk-text--footer_text">客服時間：09:00-18:30(12:00-13:30午休時間)</span>
</li>
<li class="address qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
<span class="qk-text--footer_text">地址：台北市大同區民權西路237-1號 18F之5</span>
</li>
<li class="tax_id qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
<span class="qk-text--footer_text">統一編號：83383094</span>
</li>
</ul>
</div>
</div>
<div class="right-content qk-display--flex qk-flex--column">
<div class="media qk-display--il">
<div class="item social_media qk-h--auto qk-float--l">
<ul>
<li class="qk-display--il_bk">
<a target="_blank" rel="noopener noreferrer" href="https://page.line.me/301qacuj?oat__id=3461190&openQrModal=true">
<svg
class="line-svg"
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
viewBox="0 0 40 40">
<rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
<path class="qk-svg--footer_bg" d="M32.5946 18.2214C32.5946 12.5857 26.9449 8 20.0002 8C13.0555 8 7.40576 12.5857 7.40576 18.2214C7.40576 23.2743 11.8873 27.5053 17.9396 28.3048C18.3506 28.392 18.908 28.575 19.0487 28.9269C19.1754 29.245 19.1303 29.7433 19.0881 30.0642C19.0881 30.0642 18.9417 30.9537 18.908 31.1423C18.8517 31.4604 18.6546 32.3866 20.0002 31.8207C21.343 31.2549 27.2545 27.5503 29.895 24.5101C31.7191 22.5058 32.5946 20.4762 32.5946 18.2214Z" />
<path class="qk-svg--footer_text" d="M17.4413 15.4965H16.5574C16.4223 15.4965 16.3125 15.6062 16.3125 15.7414V21.2279C16.3125 21.363 16.4223 21.4728 16.5574 21.4728H17.4413C17.5764 21.4728 17.6862 21.363 17.6862 21.2279V15.7414C17.6862 15.6062 17.5764 15.4965 17.4413 15.4965Z" />
<path class="qk-svg--footer_text" d="M23.5219 15.4965H22.638C22.5028 15.4965 22.3931 15.6063 22.3931 15.7414V19.0012L19.8792 15.6063C19.8736 15.5978 19.868 15.5894 19.8595 15.5809C19.8595 15.5809 19.8595 15.5809 19.8595 15.5781C19.8539 15.5725 19.8483 15.5668 19.8455 15.564C19.8426 15.564 19.8426 15.5612 19.8398 15.5584C19.8342 15.5556 19.8314 15.55 19.8258 15.5471C19.8229 15.5443 19.8229 15.5443 19.8201 15.5415C19.8173 15.5387 19.8117 15.5359 19.8089 15.5331C19.8061 15.5303 19.8032 15.5303 19.8004 15.5274C19.7948 15.5246 19.792 15.5218 19.7863 15.519C19.7835 15.519 19.7807 15.5162 19.7779 15.5162C19.7723 15.5134 19.7695 15.5105 19.7638 15.5105C19.761 15.5105 19.7582 15.5077 19.7554 15.5077C19.7498 15.5049 19.7469 15.5049 19.7413 15.5021C19.7385 15.5021 19.7357 15.5021 19.7329 15.4993C19.7272 15.4993 19.7244 15.4965 19.7188 15.4965C19.716 15.4965 19.7132 15.4965 19.7075 15.4937C19.7019 15.4937 19.6991 15.4937 19.6935 15.4908C19.6878 15.4908 19.685 15.4908 19.6822 15.4908C19.6794 15.4908 19.6766 15.4908 19.6737 15.4908H18.7898C18.6547 15.4908 18.5449 15.6006 18.5449 15.7358V21.2222C18.5449 21.3574 18.6547 21.4671 18.7898 21.4671H19.6737C19.8089 21.4671 19.9187 21.3574 19.9187 21.2222V17.9709L22.4353 21.3714C22.4522 21.3968 22.4747 21.4165 22.4972 21.4305C22.4972 21.4305 22.5 21.4305 22.5 21.4334C22.5057 21.4362 22.5113 21.439 22.5141 21.4418C22.5169 21.4418 22.5197 21.4446 22.5226 21.4446C22.5254 21.4474 22.531 21.4474 22.5338 21.4503C22.5366 21.4531 22.5423 21.4531 22.5451 21.4559C22.5479 21.4559 22.5507 21.4587 22.5535 21.4587C22.5591 21.4615 22.5648 21.4615 22.5704 21.4643H22.5732C22.5929 21.47 22.6154 21.4728 22.6352 21.4728H23.5191C23.6542 21.4728 23.764 21.363 23.764 21.2279V15.7414C23.7668 15.6063 23.657 15.4965 23.5219 15.4965Z" />
<path class="qk-svg--footer_text" d="M15.313 20.099H12.9118V15.7414C12.9118 15.6062 12.802 15.4965 12.6669 15.4965H11.783C11.6479 15.4965 11.5381 15.6062 11.5381 15.7414V21.2279C11.5381 21.2926 11.5634 21.3545 11.6056 21.3968L11.6085 21.3996L11.6113 21.4024C11.6563 21.4446 11.7154 21.4699 11.7802 21.4699H15.3102C15.4453 21.4699 15.5551 21.3602 15.5551 21.225V20.3411C15.5579 20.2116 15.4482 20.099 15.313 20.099Z" />
<path class="qk-svg--footer_text" d="M28.4001 16.8702C28.5352 16.8702 28.645 16.7604 28.645 16.6253V15.7414C28.645 15.6062 28.5352 15.4965 28.4001 15.4965H24.87C24.8053 15.4965 24.7433 15.5218 24.7011 15.5668L24.6983 15.5697C24.6983 15.5725 24.6955 15.5725 24.6955 15.5753C24.6533 15.6203 24.6279 15.6794 24.6279 15.7442V21.2307C24.6279 21.2954 24.6533 21.3573 24.6955 21.3996L24.6983 21.4024L24.7011 21.4052C24.7462 21.4474 24.8053 21.4756 24.87 21.4756H28.4001C28.5352 21.4756 28.645 21.3658 28.645 21.2307V20.3467C28.645 20.2116 28.5352 20.1018 28.4001 20.1018H25.9988V19.1757H28.4001C28.5352 19.1757 28.645 19.0659 28.645 18.9308V18.0469C28.645 17.9118 28.5352 17.802 28.4001 17.802H25.9988V16.8758H28.4001V16.8702Z" />
</svg>
</a>
</li>
<li class="qk-display--il_bk">
<a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@inphic-me">
<svg
class="youtube-svg"
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
viewBox="0 0 40 40">
<rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
<path class="qk-svg--footer_bg" d="M27.3078 11H12.6922C9.82462 11 7.5 13.3653 7.5 16.283V23.717C7.5 26.6347 9.82462 29 12.6922 29H27.3078C30.1754 29 32.5 26.6347 32.5 23.717V16.283C32.5 13.3653 30.1754 11 27.3078 11ZM23.7964 20.3617L16.9602 23.6792C16.778 23.7676 16.5676 23.6324 16.5676 23.4271V16.5848C16.5676 16.3766 16.7835 16.2416 16.9661 16.3357L23.8023 19.8606C24.0055 19.9653 24.002 20.2619 23.7964 20.3617Z" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="copyright qk-text--footer_text qk-bd_t--default qk-bd--footer_text qk-text--left">
<div class="qk-container container qk-fw--500">
<span>Copyright ©</span>
<a class="qk-text--link" href="/">
<span>inphic</span>
</a>
<span>All Rights Reserved.</span>
<span>Designed by
</span>
<a
class="qk-text--link"
href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz"
target="_blank"
rel="noopener noreferrer"
title="Designed by CYBERBIZ">CYBERBIZ</a>.
</div>
</div>
</footer>
<!-- cyb_snippet _tracking_code start -->
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '',
xfbml : true,
version : 'v21.0',
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s);
js.id = id;
js.src = 'https://connect.facebook.net/zh_TW/sdk.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
// for scupio
if (document.querySelector("meta[name=\"scupio_mid\"]")) {
mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
} else {
mid = "";
}
if (!window.is_scupio_sent && mid) {
window._bwtm = window._bwtm || []
window._bwtm.push({
"mid": mid,
"uid": ""
});
}
</script>
<!-- cyb_snippet _tracking_code end -->
<script>
$(document).ready(function(){
if(window.location.pathname != '' && window.location.pathname != '/' ){
document.getElementById('index-recommendation').style.display = 'none'
}
});
</script>
<!-- Fast-Events -->
<!-- cyb_snippet fast_events start -->
<script src='//cdn.cybassets.com/frontend/shop/beta_theme/js/fast_events-07fd06ef579c4671.js' type='text/javascript'></script>
<link href='//cdn.cybassets.com/frontend/shop/beta_theme/css/fast_events-07fd06ef579c4671.css' rel='stylesheet' type='text/css' media='all' />
<!-- cyb_snippet fast_events end -->
<div class="bottom-right qk-pos--fixed">
<!-- gototop -->
<div id="gototop" class="qk-display--none qk-text--center">
<a href="javascript:void(0)" class="qk-circle qk-circle--lg qk-pos--relative qk-text--center">
<i class="fas fa-chevron-up"></i>
</a>
</div>
<!-- popup -->
<div id="popup-wrapper" class="qk-display--none"></div>
<template id="popup-template">
<div
:class="status"
v-if="hasContent"
id="popup-section"
>
<transition name="backdrop">
<div
v-if="shouldShowPopup"
@click.capture="minifyPopup"
id="popup-backdrop"
class="qk-w--100vw qk-h--100vh qk-pos--fixed qk-t--0 qk-l--0 qk-tst"
>
</div>
</transition>
<transition name="onShow">
<div
@click.self="showPopup"
@transitionstart="updateGameStatus('start', this)"
@transitionend="updateGameStatus('end', this)"
class="popup-content qk-display--flex qk-align--center qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
>
<div
v-for="block in blocks"
:key="block.id"
:class="[block.type, minifiedBlockClasses, block.settings.icon_size]"
class="block qk-tst qk-tst_dur--30 qk-tst_timing--ease_o qk-of--auto"
>
<div v-if="block.type === 'image'" class="qk-pos--rel">
<img
v-show="!shouldShowPopup"
:src="block.settings.dict_icon_image_url"
class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
alt="popup button"
>
<a
v-show="shouldShowPopup"
:href="block.settings.dict_link"
:target="block.settings.target"
:rel="block.settings.rel"
class="qk-display--flex qk-align--center"
>
<picture>
<source :srcset="block.settings.dict_mobile_image_url" media="(max-width: 576px)">
<source :srcset="block.settings.dict_tablet_image_url" media="(max-width: 992px)">
<img
:src="block.settings.dict_image_url"
class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
alt="popup picture"
/>
</picture>
</a>
</div>
<div v-if="block.type === 'video'">
<iframe
:src="block.settings.dict_video_link"
frameborder="0"
class="qk-center--y qk-w--100 qk-h--100"
></iframe>
</div>
<div v-if="block.type === 'game'">
<div v-show="gameStatus === 'show'" :class="{ 'show-game': gameStatus === 'show' }">
<iframe
class="cb-game-iframe iframe-loading"
:src="getGameIframeSrc(block)"
style="border: none;"
>
Loading
</iframe>
</div>
<div v-show="gameStatus === 'minified'">
<img
src="//cdn.cybassets.com/game_assets/game_minified_new.png"
class="qk-h--100 qk-w--100"
alt="game minified icon"
/>
</div>
</div>
<div
v-if="block.type === 'carousel'"
:id="`popup-carousel-${block.id}`"
>
</div>
</div>
</div>
</transition>
<transition name="backdrop">
<div
v-if="shouldShowPopup"
@click.capture="minifyPopup"
class="minify-popup qk-circle qk-circle--md qk-text--black qk-bg--white qk-bd--default qk-bd--border qk-text--center qk-cursor--pointer qk-pos--fixed"
>
</div>
</transition>
</div>
</template>
<script>
$(document).ready(function() {
const CDN_HOST = '//cdn.cybassets.com';
const section = {"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":false,"settings":{"dict_image_url":"/theme_src/i18n_shoestore/default_img/popup_default.jpg","icon_size":"small"},"custom_name":"圖片"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"彈窗廣告"};
var popupSection = Vue.createApp({
template: '#popup-template',
delimiters: ['${', '}'],
data() {
return {
status: 'minified',
gameStatus: 'show',
blocks: section.block_order && section.block_order.reduce(
function(acc, blockId) {
const block = section.blocks[blockId];
if (block && block.visible) {
acc.push({
...block,
id: blockId,
});
}
return acc;
},
[],
),
hasAddedGameScript: false,
};
},
computed: {
hasContent: function() {
return !!(this.blocks && this.blocks.length > 0);
},
minifiedBlockClasses: function() {
return this.status === 'minified' ? 'qk-pointer--none qk-unselectable' : '';
},
shouldShowPopup: function() {
return this.status === 'show';
}
},
methods: {
unhidePopup: function(storedStatus) {
this.status = storedStatus;
$('#popup-wrapper').removeClass('qk-display--none');
},
showPopup: function() {
if (this.status !== 'show') {
this.status = 'show';
this.saveStatus(this.status);
}
},
minifyPopup: function() {
this.status = 'minified';
this.saveStatus('minified');
},
loadStatus: function() {
return JSON.parse(localStorage.getItem('popupStatus'));
},
saveStatus: function(status) {
if (status) {
localStorage.setItem('popupStatus', JSON.stringify({
status: status,
setTime: new Date().getTime(),
}));
}
},
parseVideoLink: function(settings) {
settings.dict_video_link = themeHelper.parseYtUrl(settings.dict_video_link);
},
setupImageSrc: function (settings) {
settings.dict_image_url = this.addCdnHost(settings.dict_image_url);
if (settings.dict_tablet_image_url) {
settings.dict_tablet_image_url = this.addCdnHost(settings.dict_tablet_image_url);
}
if (settings.dict_mobile_image_url) {
settings.dict_mobile_image_url = this.addCdnHost(settings.dict_mobile_image_url);
}
settings.dict_icon_image_url = this.addCdnHost(settings.dict_icon_image_url) || settings.dict_image_url;
},
addCdnHost: function(url) {
if (!url) {
return url; // only add cdn host if url is not empty
}
try {
new URL(url);
return url; // already a valid url, cdn host not needed
} catch {
return `${CDN_HOST}${url}`;
}
},
initStatus: function() {
let newStatus = 'show';
const popupStatus = this.loadStatus();
const currentTime = new Date().getTime();
const oneDay = 1000 * 60 * 60 * 24;
const hasStoredStatus = popupStatus && currentTime - popupStatus.setTime < oneDay;
const redirectedByGameLogin = !this.hasRedirectUrl() && this.redirectedByGameLogin();
const isLoggingIn = this.isLoggingIn();
const isCartPage = window.location.pathname.split('/').includes('carts');
if (hasStoredStatus && !redirectedByGameLogin) {
newStatus = popupStatus.status;
}
if (isLoggingIn) {
newStatus = 'minified';
} else {
localStorage.removeItem('redirectedByPopup');
}
setTimeout(() => {
this.status = newStatus;
this.gameStatus = newStatus;
this.saveStatus(newStatus);
if(!isCartPage){
this.unhidePopup(newStatus);
}
}, 1000);
},
initBlocks: function() {
if (this.hasContent) {
this.blocks.forEach(block => {
switch(block.type) {
case 'image':
this.setupImageSrc(block.settings);
const isOpenInNewTab = block.settings.link_open_in_new_tab;
if (isOpenInNewTab) {
block.settings.target = '_blank';
block.settings.rel = 'noopener noreferrer';
}
break;
case 'video':
this.parseVideoLink(block.settings);
break;
}
})
}
},
getGameIframeSrc: function (block) {
return `/games/${block.settings.dict_game_handle}`
},
updateGameStatus: function(type, element) {
if (
(type === 'start' && this.status === 'minified')
|| (type === 'end' && this.status === 'show')
) {
this.gameStatus = this.status;
}
},
setupGameRedirects: function() {
window.addEventListener('pagehide', () => {
const isGameActive = document.body.getElementsByClassName('show-game').length;
if (isGameActive) {
localStorage.setItem('redirectedByPopup', 'true');
this.saveStatus('minified');
}
});
},
hasRedirectUrl: function() {
return (new URLSearchParams(location.search)).has('redirect_url');
},
redirectedByGameLogin: function() {
return localStorage.getItem('redirectedByPopup');
},
isLoggingIn: function() {
const loginRelatedPathnames = [
'account/signup',
'account/login',
'account/customer/password/new',
'pages/terms'
];
return loginRelatedPathnames.some(path => location.pathname.includes(path));
}
},
created: function() {
this.initStatus();
this.initBlocks();
this.setupGameRedirects();
},
mounted: function() {
this.blocks.forEach((block) => {
if (block.type === 'carousel' && block.settings.dict_carousel) {
renderCarousel(`#popup-carousel-${block.id}`, {
title: block.settings.dict_carousel,
CDN_HOST,
});
}
});
},
});
popupSection.mount('#popup-wrapper');
});
</script>
</div>
<!-- ajaxloading -->
<div id="ajaxloading" class="qk-display--none qk-h--100vh qk-w--100vw qk-l--0 qk-t--0 qk-pos--fixed">
<div class="ajaxbody qk-pos--abs qk-l--50 qk-t--50 qk-text--center">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="73.4" height="73.4" viewBox="0 0 73.4 73.4">
<circle class="circle" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.7" cy="36.7" r="35.2"/>
<polyline class="success_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="23.7,36.8 32.4,45.4 49.7,28 "/>
<path class="success_icon" fill="#898989" d="M32.5,46.9c-0.4,0-0.8-0.2-1.1-0.4l-8.6-8.6c-0.6-0.6-0.6-1.5,0-2.1s1.5-0.6,2.1,0l7.5,7.5L48.6,27c0.6-0.6,1.5-0.6,2.1,0s0.6,1.5,0,2.1L33.5,46.5C33.2,46.7,32.9,46.9,32.5,46.9L32.5,46.9z"/>
<line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="26.6" y1="26.6" x2="46.8" y2="46.8"/>
<line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.8" y1="26.6" x2="26.6" y2="46.8"/>
<path class="fail_icon" fill="#898989" d="M38.7,36.7l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0l-9.1,9.1l-9.1-9.1c-0.6-0.6-1.5-0.6-2.1,0s-0.6,1.5,0,2.1l9.1,9.1l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l9.1-9.1l9.1,9.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L38.7,36.7z"/>
</svg>
<div class="success_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已加入購物車</div>
<div class="success_update_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已更新購物車</div>
<div class="fail_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">網路異常，請重新整理</div>
</div>
</div>
<script>
cyb.push({
'event': 'productDetails',
'ecommerce': {
'currencyCode': 'TWD',
'detail': {
'products': [{"id":52299403,"name":"INPHIC-美式鄉村羅馬柱腿老榆木餐桌_Y328","price":55000.0,"brand":null,"category":"●●●●家具●●●●","variant":""}]
}
}
});
</script>
<script>
if (window.fbq) {
fbq("track", "ViewContent", {
content_name: "INPHIC-美式鄉村羅馬柱腿老榆木餐桌_Y328",
content_ids: "62336275",
content_type: "product",
value: 55000.0,
currency: "TWD",
contents: [{"id":62336275,"price":55000.0,"quantity":10}],
content_category: "●●●●家具●●●●"
},{
eventID: "ViewContent_446BBA596C870B7E02943C232C70B43E"
});
}
</script>
</body>
<script src='//cdn.cybassets.com/frontend/shop/beta_theme/js/sub_vendor-07fd06ef579c4671.js' type='text/javascript'></script>
<script src='//cdn.cybassets.com/frontend/shop/beta_theme/js/theme_helper-07fd06ef579c4671.js' type='text/javascript'></script>
<!-- theme assets -->
<script src='//cdn.cybassets.com/s/files/31430/theme/114635/assets/js/1732695855_9ee2c3ca_main.js?1732695855' type='text/javascript'></script>
<script src='//cdn.cybassets.com/frontend/shop/beta_theme/js/theme-07fd06ef579c4671.js' type='text/javascript'></script>
<!-- for cache -->
<script src='//cdn.cybassets.com/frontend/shop/beta_theme/js/cacheable-07fd06ef579c4671.js' type='text/javascript'></script>
</html>
|
|