こんにちわ、さんた屋です。
ネットショップとしてBASEを使ってますが、メニュー表示がいまいちわかりにくいなぁと思ってて、自分なりにカスタマイズして使ってますが、そのやりかたを公開します。
ご自分のBASEのショップに書き写せば・・・
HOME ⇒ 商品一覧
ABOUT ⇒ このショップについて
BLOG ⇒ ブログ
CATEGORY ⇒ 商品シリーズ
CONTACT ⇒ お問い合わせ
SOLD OUT ⇒ 入荷待ち
というように、わかりやすい日本語に変換されます。
WEB閲覧時のみの対応であり、アプリでの表示は変わりません。
全体のデザインは最もシンプルな画面表示のみです。
使い方（パソコンからの操作になります）
①ダウンロードしたテキストファイルを開き、下記の-------から下、先頭の {block:NotLoadItemsPage} から {/block:AppsSearch} までを選択してコピー（[ctrl]＋[c]）。
②BASEの管理画面を開き、上部メニューから[Apps]をクリックして </>HTML編集 がApps一覧にあることを確認。
③上部メニューから[デザイン]をクリックし、『HTMLを編集する』をクリックします。
④画面左側にHTML編集という、怪しい文字の羅列が出てくるので、その文字列のどこかにカーソルを持って行きクリックし、すべてを選択（[ctrl]＋[a]）
⑤冒頭でコピーした文字列をペースト（[ctrl]＋[v]）
⑥プレビューの更新で変更が成功したことを確認し、戻る ⇒ 保存 ⇒ 終了
⑦以上で完了です。
注意
2019年11月1日時点の環境で動作確認しております。
BASE側にシステム改変があった場合の動作保証はできません。
全体のデザインは最もシンプルな画面表示のみです。
使い方（パソコンからの操作になります）
①ダウンロードしたテキストファイルを開き、下記の-------から下、先頭の {block:NotLoadItemsPage} から {/block:AppsSearch} までを選択してコピー（[ctrl]＋[c]）。
②BASEの管理画面を開き、上部メニューから[Apps]をクリックして </>HTML編集 がApps一覧にあることを確認。
③上部メニューから[デザイン]をクリックし、『HTMLを編集する』をクリックします。
④画面左側にHTML編集という、怪しい文字の羅列が出てくるので、その文字列のどこかにカーソルを持って行きクリックし、すべてを選択（[ctrl]＋[a]）
⑤冒頭でコピーした文字列をペースト（[ctrl]＋[v]）
⑥プレビューの更新で変更が成功したことを確認し、戻る ⇒ 保存 ⇒ 終了
⑦以上で完了です。
注意
2019年11月1日時点の環境で動作確認しております。
BASE側にシステム改変があった場合の動作保証はできません。
------------------------------------------------
{block:NotLoadItemsPage}
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="ja"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="ja"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="ja"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="ja"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="copyright" content="BASE" />
<title>{PageTitle}</title>
{FaviconTag}
{JQueryTag}
{CanonicalTag}
<script src="{BASEURL}/js/jquery.bottom-1.0.js"></script>
<script src="{BASEURL}/js/change_status.js?{UpdateTime}"></script>
<meta name="BASE-Theme-Name" content="shop_09">
<meta name="BASE-Theme-Version" content="18">
{block:Hidden}
<!-- meta tag -->
{/block:Hidden}
{block:IndexPage}
{HeadLinkNextPrevTag}
{/block:IndexPage}
{BackgroundTag}
<style type="text/css">
{block:NavColor}
.childCategoryList01_child,
.childCategoryList01_link,
.mainHeaderNavColor,
.appsItemCategoryTag_lowerLink,
.categoryTitle01 {
color: {NavColor};
}
{/block:NavColor}
</style>
<!--[if IE]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8 ]>
<script src="https://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<script>window.attachEvent('onload', function(){CFInstall.check({mode:'overlay'});});</script>
<![endif]-->
<link rel="stylesheet" href="/css/shopTemplate/v1/common.css?{UpdateTime}">
<link rel="stylesheet" href="{BASEURL}/css/colorbox.css">
<link rel="stylesheet" href="{BASEURL}/css/shopTemplate/v1/shop_09.css?{UpdateTime}">
{block:ItemPage}
{MetaItemInfoTag}
<link rel="stylesheet" type="text/css" href="{BASEURL}/css/colorbox.css">
<link rel="stylesheet" href="{BASEURL}/css/bootstrap.min.css">
<link rel="stylesheet" href="{BASEURL}/css/bootstrap-select.min.css">
<link rel="stylesheet" href="{BASEURL}/css/jquery.mCustomScrollbar.min.css">
{/block:ItemPage}
{block:NotItemPage}
<meta http-equiv="X-UA-Compatible" content="IE=8 ; IE=9" />
{MetaShopInfoTag}
{/block:NotItemPage}
{block:AppsSearch}
<link rel="stylesheet" type="text/css" href="{BASEURL}/search/css/shopTemplate/search.css?{UpdateTime}">
{/block:AppsSearch}
{block:AppsItemLabel}
<link rel="stylesheet" type="text/css" href="{BASEURL}/item_label/css/ShopTemplate/style.css?{UpdateTime}">
<script type="text/javascript" src="{BASEURL}/item_label/js/ShopTemplate/labelpostion.js?{UpdateTime}"></script>
{/block:AppsItemLabel}
{block:AppsBlog}
<link href="{BlogFeedPageURL}" rel="alternate" type="application/rss+xml" title="Blog | {ShopName}" />
{/block:AppsBlog}
{GoogleAnalyticsTag}
</head>
<body id="{block:IndexPage}shopTopPage{/block:IndexPage}{block:ItemPage}shopDetailPage{/block:ItemPage}" class="shop template theme--9">
{block:AppsI18n}{AppsI18nTag}{/block:AppsI18n}
{BASEMenuTag}
{block:IndexPage}
<span id="max_page" style="display: none;">{MaxPageNumber}</span>
<span id="next_page" style="display: none;">{NextPageNumber}</span>
{/block:IndexPage}
<header id="mainHeader" class="wrapper">
<div id="shopHeader">
<h1><a href="{IndexPageURL}" id="logo">{LogoTag}</a></h1>
<nav>
<ul>
<li><a class="mainHeaderNavColor" href="{IndexPageURL}">商品一覧</a></li>
<li><a class="mainHeaderNavColor" href="{AboutPageURL}">このショップについて</a></li>
{block:AppsBlog}
<li><a class="mainHeaderNavColor" href="{BlogPageURL}">ブログ</a></li>
{/block:AppsBlog}
{block:AppsCoinFunding}
<li><a class="mainHeaderNavColor" href="{CoinFundingPageURL}">COIN</a></li>
{/block:AppsCoinFunding}
{block:AppsItemCategory}
<li>
<div id="category-menu">
<span class="mainHeaderNavColor">商品シリーズ</span>
<div class="category-list">
{AppsItemCategoryCategoriesTag}
</div>
</div>
</li>
{/block:AppsItemCategory}
<li><a class="mainHeaderNavColor" href="{ContactPageURL}">お問い合わせ</a></li>
{block:AppsSearch}
<li class="column itemSearch">
<form id="x_itemSearchForm" class="itemSearch__form" action="{SearchPageURL}" method="get">
<input class="itemSearch__field" type="text" name="q" placeholder="SEARCH" value="{IndexPageSearch}"/>
<button class="itemSearch__btn" type="submit"><span id="x_iconSearch" class="mainHeaderNavColor si-search"></span></button>
</form>
</li>
{/block:AppsSearch}
</ul>
</nav>
{block:AppsItemCategory}
{block:IndexPageCategory}
<h2 class="categoryTitle01">{IndexPageCategory}</h2>
{block:HasAppsItemCategoryChildCategories}
<ul class="childCategoryList01">
{block:AppsItemCategoryChildCategories}
<li class="childCategoryList01_child"><a href="{AppsItemCategoryChildCategoryPageURL}" class="childCategoryList01_link">{AppsItemCategoryChildCategoryName}</a></li>
{/block:AppsItemCategoryChildCategories}
</ul>
{/block:HasAppsItemCategoryChildCategories}
{/block:IndexPageCategory}
{/block:AppsItemCategory}
</div>
</header>
{block:IndexPage}
{block:ShopPublic}
{block:AppsBlogArticleIsPinned}
{block:NoIndexPageCategory}
{block:NoIndexPageSearch}
<div class="pinnedBlog">
<p class="pinnedBlog_title mainHeaderNavColor">
<a href="{AppsBlogArticlePageURL}">{AppsBlogArticleTitle}</a>
</p>
</div>
{/block:NoIndexPageSearch}
{/block:NoIndexPageCategory}
{/block:AppsBlogArticleIsPinned}
{block:IndexPageSearch}
<h3 class="mainHeaderNavColor titleForSearchResult">{lang:ItemSearchResult}</h3>
{/block:IndexPageSearch}
{block:HasItems}
<section id="mainContent" class="wrapper part4 clearfix">
{block:Items}
<div class="item part">
<div class="itemImg">
<a href="{ItemPageURL}">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-300}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}" class="image-resize">
{block:HasItemStock}
{block:ItemEndOfSale}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:NoItemStock}
</a>
</div>
<a href="{ItemPageURL}">
<div class="itemTitle">
<h2>{ItemTitle}</h2>
</div>
<ul class="itemDetail">
{block:NoItemProperPrice}
<!-- 定価 -->
<li class="itemPrice">{ItemPrice}</li>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<li class="discountPrice">
<span class="discountPrice__ratio">{ItemDiscountRate}</span>
<span class="discountPrice__calcPrice">{ItemPrice}</span>
</li>
{/block:HasItemProperPrice}
</ul>
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{/block:HasItemStock}
</a>
</div>
{/block:Items}
</section>
<div id="loading" style="display: none;text-align: center;"><img src="/img/loading.gif" width="220" style="padding: 20px 0;;" /></div>
{/block:HasItems}
{block:NoItems}
<p style="text-align: center;">{lang:NoItemsMessage}</p>
{/block:NoItems}
{/block:ShopPublic}
{block:NotShopPublic}
<p style="text-align: center;">{lang:NotShopPublicMessage}</p>
{/block:NotShopPublic}
<script type="text/javascript">
var process_flg = false;
var end_flg = false;
$(window).bottom({proximity: 0.05});
$(window).on('bottom', function() {
if (process_flg == false && end_flg == false) {
var max_page = $("#max_page").text();
var next_page = $('#next_page').text();
if (eval(max_page) >= eval(next_page)) {
$.ajax({
url: "{LoadItemsPageURL}" + next_page + "{LoadItemsPageURLParams}",
dataType: 'html',
beforeSend: function () {
process_flg = true;
$('#loading').css('display', 'block');
},
success: function (data) {
$('#mainContent').append(data);
next_page = eval(next_page) + 1;
$('#next_page').text(next_page);
},
complete: function () {
process_flg = false;
$('#loading').css('display', 'none');
}
});
} else {
end_flg = true;
}
}
});
</script>
{/block:IndexPage}
{block:ItemPage}
<section id="mainContent" class="wrapper clearfix">
{IllegalReportMessageTag}
<header>
<h1 class="itemTitle">{ItemTitle}{block:AppsDownload}{block:ItemDigitalContent}({ItemDigitalContent}){/block:ItemDigitalContent}{/block:AppsDownload}</h1>
</header>
<div class="item clearfix">
<div class="itemImg clearfix">
<div class="itemImgSlide">
<ul id="slideImg">
<li><div class="imgBox"><a href="{block:ItemImage1}{ItemImage1URL-origin}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" class="ajax btn grn save" rel="group">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-500}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="" ></a></div></li>
{block:ItemImage2}<li style="display:none;"><div class="imgBox"><a href="{ItemImage2URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage2URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage2}
{block:ItemImage3}<li style="display:none;"><div class="imgBox"><a href="{ItemImage3URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage3URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage3}
{block:ItemImage4}<li style="display:none;"><div class="imgBox"><a href="{ItemImage4URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage4URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage4}
{block:ItemImage5}<li style="display:none;"><div class="imgBox"><a href="{ItemImage5URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage5URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage5}
{block:ItemImage6}<li style="display:none;"><div class="imgBox"><a href="{ItemImage6URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage6URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage6}
{block:ItemImage7}<li style="display:none;"><div class="imgBox"><a href="{ItemImage7URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage7URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage7}
{block:ItemImage8}<li style="display:none;"><div class="imgBox"><a href="{ItemImage8URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage8URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage8}
{block:ItemImage9}<li style="display:none;"><div class="imgBox"><a href="{ItemImage9URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage9URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage9}
{block:ItemImage10}<li style="display:none;"><div class="imgBox"><a href="{ItemImage10URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage10URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage10}
{block:ItemImage11}<li style="display:none;"><div class="imgBox"><a href="{ItemImage11URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage11URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage11}
{block:ItemImage12}<li style="display:none;"><div class="imgBox"><a href="{ItemImage12URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage12URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage12}
{block:ItemImage13}<li style="display:none;"><div class="imgBox"><a href="{ItemImage13URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage13URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage13}
{block:ItemImage14}<li style="display:none;"><div class="imgBox"><a href="{ItemImage14URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage14URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage14}
{block:ItemImage15}<li style="display:none;"><div class="imgBox"><a href="{ItemImage15URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage15URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage15}
{block:ItemImage16}<li style="display:none;"><div class="imgBox"><a href="{ItemImage16URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage16URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage16}
{block:ItemImage17}<li style="display:none;"><div class="imgBox"><a href="{ItemImage17URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage17URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage17}
{block:ItemImage18}<li style="display:none;"><div class="imgBox"><a href="{ItemImage18URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage18URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage18}
{block:ItemImage19}<li style="display:none;"><div class="imgBox"><a href="{ItemImage19URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage19URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage19}
{block:ItemImage20}<li style="display:none;"><div class="imgBox"><a href="{ItemImage20URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage20URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage20}
</ul>
</div>
<ul id="slideImgPager">
<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{block:ItemImage1}{ItemImage1URL-76}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="" ></div></a></li>
{block:ItemImage2}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage2URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage2}
{block:ItemImage3}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage3URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage3}
{block:ItemImage4}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage4URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage4}
{block:ItemImage5}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage5URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage5}
{block:ItemImage6}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage6URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage6}
{block:ItemImage7}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage7URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage7}
{block:ItemImage8}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage8URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage8}
{block:ItemImage9}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage9URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage9}
{block:ItemImage10}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage10URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage10}
{block:ItemImage11}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage11URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage11}
{block:ItemImage12}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage12URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage12}
{block:ItemImage13}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage13URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage13}
{block:ItemImage14}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage14URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage14}
{block:ItemImage15}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage15URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage15}
{block:ItemImage16}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage16URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage16}
{block:ItemImage17}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage17URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage17}
{block:ItemImage18}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage18URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage18}
{block:ItemImage19}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage19URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage19}
{block:ItemImage20}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage20URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage20}
</ul>
</div>
<div class="itemDescription">
<p>{ItemDetail}</p>
</div>
</div>
<div class="purchase">
<div class="itemPrice{block:NoItemStock} itemPrice_soldout{/block:NoItemStock}{block:HasItemStock}{block:ItemEndOfSale} itemPrice_soldout{/block:ItemEndOfSale}{/block:HasItemStock}">
{block:NoItemProperPrice}
<!-- 定価 -->
<h2>{ItemPrice}</h2>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<h2 class="discountPrice">
<span class="discountPrice__default">{ItemProperPrice}</span><span class="discountPrice__ratio">{ItemDiscountRate}</span>
<span class="discountPrice__calcPrice">{ItemPrice}</span>
</h2>
{/block:HasItemProperPrice}
{block:NoItemStock}
<span>入荷待ち</span>
{/block:NoItemStock}
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="comingSoon">{ItemSaleStatusTag}</p>
{/block:ItemWatingForSale}
{block:ItemEndOfSale}
<span>入荷待ち</span>
{/block:ItemEndOfSale}
{/block:HasItemStock}
</div>
{ItemAttentionTag}
{block:PurchaseForm}
{ItemSelectTag}
{PurchaseButton}
{/block:PurchaseForm}
{EmbedWidgetTag}
<div class="social clearfix">
<div class="socialWrapper">
<div class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ItemRedirectUrl}" data-lang="ja" data-hashtags="{TwitterDataHashtags}" data-via="{TwitterDataVia}">{lang:Tweet}</a>
</div>
<div class="fb">
<div class="fb-share-button" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u&src=sdkpreparse">シェア</a></div>
</div>
</div>
<div class="report">{IllegalReportTag}</div>
</div><!-- social -->
</div>
{block:AppsReview}
{AppsReviewTag}
{/block:AppsReview}
</section>
<script src="{BASEURL}/js/jquery.colorbox-min.js"></script>
<script src="{BASEURL}/js/jquery.bxslider.min.js"></script>
<script src="{BASEURL}/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function(win, doc, $) {
'use strict';
var COMMON = {};
$(function() {
COMMON.init();
});
COMMON = {
init: function() {
$(window).load(function(){
COMMON.slide_img();
COMMON.colorbox();
COMMON.customScrollBar();
});
},
slide_img: function(){
$('#slideImg').bxSlider({
controls: false,
pagerCustom: '#slideImgPager',
adaptiveHeight: true,
mode: 'fade'
});
},
colorbox:function(){
$(".ajax").colorbox({className:'itemCb',maxWidth:'1000px',current:false});
},
customScrollBar: function(){
$("#slideImgPager").mCustomScrollbar({
axis:"y",
theme:"dark-thin"
});
}
};
}(window, document, jQuery));
</script>
{/block:ItemPage}
{block:AboutPage}
<div class="main">
<div id="about">
<h2>about</h2>
<p>{ShopIntroduction}</p>
<div class="social">
<ul class="clearfix">
{block:ShopFacebookId}
<li><a href="https://www.facebook.com/{ShopFacebookId}" target="_blank"><img src="/img/shop/fbicon.png" height="30" width="30"></a></li>
{/block:ShopFacebookId}
{block:ShopTwitterId}
<li class="tw"><a href="https://twitter.com/{ShopTwitterId}" target="_blank"><img src="/img/shop/twicon.png" height="30" width="30"></a></li>
{/block:ShopTwitterId}
{block:ShopAmebaId}
<li><a href="http://ameblo.jp/{ShopAmebaId}" target="_blank"><img src="/img/shop/ambicon.png" height="30" width="30"></a></li>
{/block:ShopAmebaId}
{block:ShopInstagramId}
<li><a href="http://instagram.com/{ShopInstagramId}" target="_blank"><img src="/img/shop/igicon.png" height="30" width="30"></a></li>
{/block:ShopInstagramId}
</ul>
</div>
</div>
</div>
{/block:AboutPage}
{block:ContactPage}
{ContactContentsTag}
{/block:ContactPage}
{block:PrivacyPage}
{PrivacyContentsTag}
{/block:PrivacyPage}
{block:LawPage}
{LawContentsTag}
{/block:LawPage}
{block:BlogPage}
{BlogContentsTag}
{/block:BlogPage}
<footer id="mainFooter" class="wrapper clearfix">
<div class="footerMenu">
<ul>
<li><a href="{PrivacyPageURL}">{lang:Privacy}</a></li>
<li><a href="{LawPageURL}">{lang:Law}</a></li>
<li class="boxRight">
<div>
<div class="fb sns">
<div class="fb-share-button" data-href="{ShopURL}/" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">シェア</a></div>
</div>
<div class="twitter sns">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShopRedirectUrl}" data-lang="ja" data-hashtags="{TwitterDataHashtags}" data-via="{TwitterDataVia}" data-text="{ShopName}">{lang:Tweet}</a>
</div>
</div>
</li>
</ul>
</div>
</footer>
<input id="base_url" type="hidden" value="{ShopURL}" />
<!-- script:Facebook -->
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=350947278320210&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- script:Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</body>
</html>
{/block:NotLoadItemsPage}
{block:LoadItemsPage}
{block:Items}
<div class="item part">
<div class="itemImg">
<a href="{ItemPageURL}">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-300}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}" class="image-resize">
{block:HasItemStock}
{block:ItemEndOfSale}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:NoItemStock}
</a>
</div>
<a href="{ItemPageURL}">
<div class="itemTitle">
<h2>{ItemTitle}</h2>
</div>
<ul class="itemDetail">
{block:NoItemProperPrice}
<!-- 定価 -->
<li class="itemPrice">{ItemPrice}</li>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<li class="discountPrice">
<span class="discountPrice__ratio">{ItemDiscountRate}</span>
<span class="discountPrice__calcPrice">{ItemPrice}</span>
</li>
{/block:HasItemProperPrice}
</ul>
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{/block:HasItemStock}
</a>
</div>
{/block:Items}
{/block:LoadItemsPage}
{block:AppsSearch}
<script>
$(function(){
var _color = $('#x_iconSearch').css('color');
$('#x_itemSearchForm').css('border-color' , _color);
});
</script>
{/block:AppsSearch}
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="ja"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="ja"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="ja"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="ja"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="copyright" content="BASE" />
<title>{PageTitle}</title>
{FaviconTag}
{JQueryTag}
{CanonicalTag}
<script src="{BASEURL}/js/jquery.bottom-1.0.js"></script>
<script src="{BASEURL}/js/change_status.js?{UpdateTime}"></script>
<meta name="BASE-Theme-Name" content="shop_09">
<meta name="BASE-Theme-Version" content="18">
{block:Hidden}
<!-- meta tag -->
{/block:Hidden}
{block:IndexPage}
{HeadLinkNextPrevTag}
{/block:IndexPage}
{BackgroundTag}
<style type="text/css">
{block:NavColor}
.childCategoryList01_child,
.childCategoryList01_link,
.mainHeaderNavColor,
.appsItemCategoryTag_lowerLink,
.categoryTitle01 {
color: {NavColor};
}
{/block:NavColor}
</style>
<!--[if IE]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8 ]>
<script src="https://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<script>window.attachEvent('onload', function(){CFInstall.check({mode:'overlay'});});</script>
<![endif]-->
<link rel="stylesheet" href="/css/shopTemplate/v1/common.css?{UpdateTime}">
<link rel="stylesheet" href="{BASEURL}/css/colorbox.css">
<link rel="stylesheet" href="{BASEURL}/css/shopTemplate/v1/shop_09.css?{UpdateTime}">
{block:ItemPage}
{MetaItemInfoTag}
<link rel="stylesheet" type="text/css" href="{BASEURL}/css/colorbox.css">
<link rel="stylesheet" href="{BASEURL}/css/bootstrap.min.css">
<link rel="stylesheet" href="{BASEURL}/css/bootstrap-select.min.css">
<link rel="stylesheet" href="{BASEURL}/css/jquery.mCustomScrollbar.min.css">
{/block:ItemPage}
{block:NotItemPage}
<meta http-equiv="X-UA-Compatible" content="IE=8 ; IE=9" />
{MetaShopInfoTag}
{/block:NotItemPage}
{block:AppsSearch}
<link rel="stylesheet" type="text/css" href="{BASEURL}/search/css/shopTemplate/search.css?{UpdateTime}">
{/block:AppsSearch}
{block:AppsItemLabel}
<link rel="stylesheet" type="text/css" href="{BASEURL}/item_label/css/ShopTemplate/style.css?{UpdateTime}">
<script type="text/javascript" src="{BASEURL}/item_label/js/ShopTemplate/labelpostion.js?{UpdateTime}"></script>
{/block:AppsItemLabel}
{block:AppsBlog}
<link href="{BlogFeedPageURL}" rel="alternate" type="application/rss+xml" title="Blog | {ShopName}" />
{/block:AppsBlog}
{GoogleAnalyticsTag}
</head>
<body id="{block:IndexPage}shopTopPage{/block:IndexPage}{block:ItemPage}shopDetailPage{/block:ItemPage}" class="shop template theme--9">
{block:AppsI18n}{AppsI18nTag}{/block:AppsI18n}
{BASEMenuTag}
{block:IndexPage}
<span id="max_page" style="display: none;">{MaxPageNumber}</span>
<span id="next_page" style="display: none;">{NextPageNumber}</span>
{/block:IndexPage}
<header id="mainHeader" class="wrapper">
<div id="shopHeader">
<h1><a href="{IndexPageURL}" id="logo">{LogoTag}</a></h1>
<nav>
<ul>
<li><a class="mainHeaderNavColor" href="{IndexPageURL}">商品一覧</a></li>
<li><a class="mainHeaderNavColor" href="{AboutPageURL}">このショップについて</a></li>
{block:AppsBlog}
<li><a class="mainHeaderNavColor" href="{BlogPageURL}">ブログ</a></li>
{/block:AppsBlog}
{block:AppsCoinFunding}
<li><a class="mainHeaderNavColor" href="{CoinFundingPageURL}">COIN</a></li>
{/block:AppsCoinFunding}
{block:AppsItemCategory}
<li>
<div id="category-menu">
<span class="mainHeaderNavColor">商品シリーズ</span>
<div class="category-list">
{AppsItemCategoryCategoriesTag}
</div>
</div>
</li>
{/block:AppsItemCategory}
<li><a class="mainHeaderNavColor" href="{ContactPageURL}">お問い合わせ</a></li>
{block:AppsSearch}
<li class="column itemSearch">
<form id="x_itemSearchForm" class="itemSearch__form" action="{SearchPageURL}" method="get">
<input class="itemSearch__field" type="text" name="q" placeholder="SEARCH" value="{IndexPageSearch}"/>
<button class="itemSearch__btn" type="submit"><span id="x_iconSearch" class="mainHeaderNavColor si-search"></span></button>
</form>
</li>
{/block:AppsSearch}
</ul>
</nav>
{block:AppsItemCategory}
{block:IndexPageCategory}
<h2 class="categoryTitle01">{IndexPageCategory}</h2>
{block:HasAppsItemCategoryChildCategories}
<ul class="childCategoryList01">
{block:AppsItemCategoryChildCategories}
<li class="childCategoryList01_child"><a href="{AppsItemCategoryChildCategoryPageURL}" class="childCategoryList01_link">{AppsItemCategoryChildCategoryName}</a></li>
{/block:AppsItemCategoryChildCategories}
</ul>
{/block:HasAppsItemCategoryChildCategories}
{/block:IndexPageCategory}
{/block:AppsItemCategory}
</div>
</header>
{block:IndexPage}
{block:ShopPublic}
{block:AppsBlogArticleIsPinned}
{block:NoIndexPageCategory}
{block:NoIndexPageSearch}
<div class="pinnedBlog">
<p class="pinnedBlog_title mainHeaderNavColor">
<a href="{AppsBlogArticlePageURL}">{AppsBlogArticleTitle}</a>
</p>
</div>
{/block:NoIndexPageSearch}
{/block:NoIndexPageCategory}
{/block:AppsBlogArticleIsPinned}
{block:IndexPageSearch}
<h3 class="mainHeaderNavColor titleForSearchResult">{lang:ItemSearchResult}</h3>
{/block:IndexPageSearch}
{block:HasItems}
<section id="mainContent" class="wrapper part4 clearfix">
{block:Items}
<div class="item part">
<div class="itemImg">
<a href="{ItemPageURL}">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-300}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}" class="image-resize">
{block:HasItemStock}
{block:ItemEndOfSale}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:NoItemStock}
</a>
</div>
<a href="{ItemPageURL}">
<div class="itemTitle">
<h2>{ItemTitle}</h2>
</div>
<ul class="itemDetail">
{block:NoItemProperPrice}
<!-- 定価 -->
<li class="itemPrice">{ItemPrice}</li>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<li class="discountPrice">
<span class="discountPrice__ratio">{ItemDiscountRate}</span>
<span class="discountPrice__calcPrice">{ItemPrice}</span>
</li>
{/block:HasItemProperPrice}
</ul>
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{/block:HasItemStock}
</a>
</div>
{/block:Items}
</section>
<div id="loading" style="display: none;text-align: center;"><img src="/img/loading.gif" width="220" style="padding: 20px 0;;" /></div>
{/block:HasItems}
{block:NoItems}
<p style="text-align: center;">{lang:NoItemsMessage}</p>
{/block:NoItems}
{/block:ShopPublic}
{block:NotShopPublic}
<p style="text-align: center;">{lang:NotShopPublicMessage}</p>
{/block:NotShopPublic}
<script type="text/javascript">
var process_flg = false;
var end_flg = false;
$(window).bottom({proximity: 0.05});
$(window).on('bottom', function() {
if (process_flg == false && end_flg == false) {
var max_page = $("#max_page").text();
var next_page = $('#next_page').text();
if (eval(max_page) >= eval(next_page)) {
$.ajax({
url: "{LoadItemsPageURL}" + next_page + "{LoadItemsPageURLParams}",
dataType: 'html',
beforeSend: function () {
process_flg = true;
$('#loading').css('display', 'block');
},
success: function (data) {
$('#mainContent').append(data);
next_page = eval(next_page) + 1;
$('#next_page').text(next_page);
},
complete: function () {
process_flg = false;
$('#loading').css('display', 'none');
}
});
} else {
end_flg = true;
}
}
});
</script>
{/block:IndexPage}
{block:ItemPage}
<section id="mainContent" class="wrapper clearfix">
{IllegalReportMessageTag}
<header>
<h1 class="itemTitle">{ItemTitle}{block:AppsDownload}{block:ItemDigitalContent}({ItemDigitalContent}){/block:ItemDigitalContent}{/block:AppsDownload}</h1>
</header>
<div class="item clearfix">
<div class="itemImg clearfix">
<div class="itemImgSlide">
<ul id="slideImg">
<li><div class="imgBox"><a href="{block:ItemImage1}{ItemImage1URL-origin}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" class="ajax btn grn save" rel="group">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-500}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="" ></a></div></li>
{block:ItemImage2}<li style="display:none;"><div class="imgBox"><a href="{ItemImage2URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage2URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage2}
{block:ItemImage3}<li style="display:none;"><div class="imgBox"><a href="{ItemImage3URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage3URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage3}
{block:ItemImage4}<li style="display:none;"><div class="imgBox"><a href="{ItemImage4URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage4URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage4}
{block:ItemImage5}<li style="display:none;"><div class="imgBox"><a href="{ItemImage5URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage5URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage5}
{block:ItemImage6}<li style="display:none;"><div class="imgBox"><a href="{ItemImage6URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage6URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage6}
{block:ItemImage7}<li style="display:none;"><div class="imgBox"><a href="{ItemImage7URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage7URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage7}
{block:ItemImage8}<li style="display:none;"><div class="imgBox"><a href="{ItemImage8URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage8URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage8}
{block:ItemImage9}<li style="display:none;"><div class="imgBox"><a href="{ItemImage9URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage9URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage9}
{block:ItemImage10}<li style="display:none;"><div class="imgBox"><a href="{ItemImage10URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage10URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage10}
{block:ItemImage11}<li style="display:none;"><div class="imgBox"><a href="{ItemImage11URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage11URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage11}
{block:ItemImage12}<li style="display:none;"><div class="imgBox"><a href="{ItemImage12URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage12URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage12}
{block:ItemImage13}<li style="display:none;"><div class="imgBox"><a href="{ItemImage13URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage13URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage13}
{block:ItemImage14}<li style="display:none;"><div class="imgBox"><a href="{ItemImage14URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage14URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage14}
{block:ItemImage15}<li style="display:none;"><div class="imgBox"><a href="{ItemImage15URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage15URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage15}
{block:ItemImage16}<li style="display:none;"><div class="imgBox"><a href="{ItemImage16URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage16URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage16}
{block:ItemImage17}<li style="display:none;"><div class="imgBox"><a href="{ItemImage17URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage17URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage17}
{block:ItemImage18}<li style="display:none;"><div class="imgBox"><a href="{ItemImage18URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage18URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage18}
{block:ItemImage19}<li style="display:none;"><div class="imgBox"><a href="{ItemImage19URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage19URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage19}
{block:ItemImage20}<li style="display:none;"><div class="imgBox"><a href="{ItemImage20URL-origin}" class="ajax btn grn save" rel="group"><img src="{ItemImage20URL-500}" alt="" title="" ></a></div></li>{/block:ItemImage20}
</ul>
</div>
<ul id="slideImgPager">
<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{block:ItemImage1}{ItemImage1URL-76}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="" ></div></a></li>
{block:ItemImage2}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage2URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage2}
{block:ItemImage3}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage3URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage3}
{block:ItemImage4}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage4URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage4}
{block:ItemImage5}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage5URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage5}
{block:ItemImage6}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage6URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage6}
{block:ItemImage7}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage7URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage7}
{block:ItemImage8}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage8URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage8}
{block:ItemImage9}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage9URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage9}
{block:ItemImage10}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage10URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage10}
{block:ItemImage11}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage11URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage11}
{block:ItemImage12}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage12URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage12}
{block:ItemImage13}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage13URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage13}
{block:ItemImage14}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage14URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage14}
{block:ItemImage15}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage15URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage15}
{block:ItemImage16}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage16URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage16}
{block:ItemImage17}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage17URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage17}
{block:ItemImage18}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage18URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage18}
{block:ItemImage19}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage19URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage19}
{block:ItemImage20}<li><a data-slide-index="{Counter}" href=""><div class="smallImgBox"><img src="{ItemImage20URL-76}" alt="" title="" ></div></a></li>{/block:ItemImage20}
</ul>
</div>
<div class="itemDescription">
<p>{ItemDetail}</p>
</div>
</div>
<div class="purchase">
<div class="itemPrice{block:NoItemStock} itemPrice_soldout{/block:NoItemStock}{block:HasItemStock}{block:ItemEndOfSale} itemPrice_soldout{/block:ItemEndOfSale}{/block:HasItemStock}">
{block:NoItemProperPrice}
<!-- 定価 -->
<h2>{ItemPrice}</h2>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<h2 class="discountPrice">
<span class="discountPrice__default">{ItemProperPrice}</span><span class="discountPrice__ratio">{ItemDiscountRate}</span>
<span class="discountPrice__calcPrice">{ItemPrice}</span>
</h2>
{/block:HasItemProperPrice}
{block:NoItemStock}
<span>入荷待ち</span>
{/block:NoItemStock}
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="comingSoon">{ItemSaleStatusTag}</p>
{/block:ItemWatingForSale}
{block:ItemEndOfSale}
<span>入荷待ち</span>
{/block:ItemEndOfSale}
{/block:HasItemStock}
</div>
{ItemAttentionTag}
{block:PurchaseForm}
{ItemSelectTag}
{PurchaseButton}
{/block:PurchaseForm}
{EmbedWidgetTag}
<div class="social clearfix">
<div class="socialWrapper">
<div class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ItemRedirectUrl}" data-lang="ja" data-hashtags="{TwitterDataHashtags}" data-via="{TwitterDataVia}">{lang:Tweet}</a>
</div>
<div class="fb">
<div class="fb-share-button" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u&src=sdkpreparse">シェア</a></div>
</div>
</div>
<div class="report">{IllegalReportTag}</div>
</div><!-- social -->
</div>
{block:AppsReview}
{AppsReviewTag}
{/block:AppsReview}
</section>
<script src="{BASEURL}/js/jquery.colorbox-min.js"></script>
<script src="{BASEURL}/js/jquery.bxslider.min.js"></script>
<script src="{BASEURL}/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function(win, doc, $) {
'use strict';
var COMMON = {};
$(function() {
COMMON.init();
});
COMMON = {
init: function() {
$(window).load(function(){
COMMON.slide_img();
COMMON.colorbox();
COMMON.customScrollBar();
});
},
slide_img: function(){
$('#slideImg').bxSlider({
controls: false,
pagerCustom: '#slideImgPager',
adaptiveHeight: true,
mode: 'fade'
});
},
colorbox:function(){
$(".ajax").colorbox({className:'itemCb',maxWidth:'1000px',current:false});
},
customScrollBar: function(){
$("#slideImgPager").mCustomScrollbar({
axis:"y",
theme:"dark-thin"
});
}
};
}(window, document, jQuery));
</script>
{/block:ItemPage}
{block:AboutPage}
<div class="main">
<div id="about">
<h2>about</h2>
<p>{ShopIntroduction}</p>
<div class="social">
<ul class="clearfix">
{block:ShopFacebookId}
<li><a href="https://www.facebook.com/{ShopFacebookId}" target="_blank"><img src="/img/shop/fbicon.png" height="30" width="30"></a></li>
{/block:ShopFacebookId}
{block:ShopTwitterId}
<li class="tw"><a href="https://twitter.com/{ShopTwitterId}" target="_blank"><img src="/img/shop/twicon.png" height="30" width="30"></a></li>
{/block:ShopTwitterId}
{block:ShopAmebaId}
<li><a href="http://ameblo.jp/{ShopAmebaId}" target="_blank"><img src="/img/shop/ambicon.png" height="30" width="30"></a></li>
{/block:ShopAmebaId}
{block:ShopInstagramId}
<li><a href="http://instagram.com/{ShopInstagramId}" target="_blank"><img src="/img/shop/igicon.png" height="30" width="30"></a></li>
{/block:ShopInstagramId}
</ul>
</div>
</div>
</div>
{/block:AboutPage}
{block:ContactPage}
{ContactContentsTag}
{/block:ContactPage}
{block:PrivacyPage}
{PrivacyContentsTag}
{/block:PrivacyPage}
{block:LawPage}
{LawContentsTag}
{/block:LawPage}
{block:BlogPage}
{BlogContentsTag}
{/block:BlogPage}
<footer id="mainFooter" class="wrapper clearfix">
<div class="footerMenu">
<ul>
<li><a href="{PrivacyPageURL}">{lang:Privacy}</a></li>
<li><a href="{LawPageURL}">{lang:Law}</a></li>
<li class="boxRight">
<div>
<div class="fb sns">
<div class="fb-share-button" data-href="{ShopURL}/" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">シェア</a></div>
</div>
<div class="twitter sns">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShopRedirectUrl}" data-lang="ja" data-hashtags="{TwitterDataHashtags}" data-via="{TwitterDataVia}" data-text="{ShopName}">{lang:Tweet}</a>
</div>
</div>
</li>
</ul>
</div>
</footer>
<input id="base_url" type="hidden" value="{ShopURL}" />
<!-- script:Facebook -->
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=350947278320210&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- script:Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</body>
</html>
{/block:NotLoadItemsPage}
{block:LoadItemsPage}
{block:Items}
<div class="item part">
<div class="itemImg">
<a href="{ItemPageURL}">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-300}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}" class="image-resize">
{block:HasItemStock}
{block:ItemEndOfSale}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
<div class="soldout_cover"><p>入荷待ち</p></div>
{/block:NoItemStock}
</a>
</div>
<a href="{ItemPageURL}">
<div class="itemTitle">
<h2>{ItemTitle}</h2>
</div>
<ul class="itemDetail">
{block:NoItemProperPrice}
<!-- 定価 -->
<li class="itemPrice">{ItemPrice}</li>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<li class="discountPrice">
<span class="discountPrice__ratio">{ItemDiscountRate}</span>
<span class="discountPrice__calcPrice">{ItemPrice}</span>
</li>
{/block:HasItemProperPrice}
</ul>
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{/block:HasItemStock}
</a>
</div>
{/block:Items}
{/block:LoadItemsPage}
{block:AppsSearch}
<script>
$(function(){
var _color = $('#x_iconSearch').css('color');
$('#x_itemSearchForm').css('border-color' , _color);
});
</script>
{/block:AppsSearch}
コメント