cheers's Issues
Cheers画像管理
backup
{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>
<meta property="og:image" content="https://user-images.githubusercontent.com/6258669/80305062-65084700-87f5-11ea-92e7-ed54046c98b0.jpg">
{FaviconTag}
{JQueryTag}
{CanonicalTag}
<meta name="BASE-Theme-Name" content="shop_101">
<meta name="BASE-Theme-Version" content="18">
{block:Hidden}
<!-- meta tag -->
{/block:Hidden}
{block:IndexPage}
{HeadLinkNextPrevTag}
{/block:IndexPage}
{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">
{/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}
<!--[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]-->
<script type="text/javascript" src="{BASEURL}/js/jquery.bottom-1.0.js"></script>
<script type="text/javascript" src="{BASEURL}/js/change_status.js?{UpdateTime}"></script>
<script type="text/javascript" src="{BASEURL}/js/modernizr-2.7.1.min.js"></script>
<link rel="stylesheet" href="/css/shopTemplate/v2/common.css?{UpdateTime}">
<link rel="stylesheet" href="{BASEURL}/css/shopTemplate/v3/shop_101.css?{UpdateTime}">
{BackgroundTag}
<style type="text/css">
{block:NavColor}
.childCategoryList01_child,
.childCategoryList01_link,
.mainHeaderNavColor,
.tempTop .categoryTitle01,
.footerNav {
color: {NavColor};
}
{/block:NavColor}
.lead-box {
margin: 18px auto 36px;
color: #221815;
}
.lead {
line-height: 2.25;
font-size: 16px;
}
.small {
margin: 10px auto;
font-size: 10px;
}
.hashtag {
position: relative;
display: inline-block;
margin-bottom: 10px;
letter-spacing: 0.5em;
font-size: 28px;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-weight: 600;
}
.hashtag:after {
position: absolute;
left: 0;
bottom: -10px;
content: '';
width: 100%;
border-bottom: 1px solid #000;
}
.header_container {
background-image: url('https://user-images.githubusercontent.com/6258669/80303874-e78d0880-87ed-11ea-865d-f14242e2a8f1.png');
background-size: 5281px 741px;
background-position: center top;
background-repeat: no-repeat;
padding: 121px 0 117px;
}
#header {
padding: 40px 0 32px;
}
.item-container > a.item-img {
width: 400px;
height: 400px;
}
.item-container > a.item-img > img {
max-width: 400px;
max-height: 400px;
}
.item-detail {
width: 400px;
}
.item-detail .item-detail__button {
width: 400px;
}
.bnr-wrapper {
display: flex;
max-width: 1020px;
margin: 40px auto 18px;
padding: 16px;
justify-content: space-between;
}
.bnr {
flex-basis: 48%;
}
.bnr-item {
width: 100%;
}
.header_container #header h1 a#logo {
width: 478px;
}
.header_container #header h1 a#logo img {
width: 100%;
}
.header_container #header nav {
margin: 40px auto 0;
}
</style>
{GoogleAnalyticsTag}
<meta name="twitter:image" content="https://user-images.githubusercontent.com/6258669/80305062-65084700-87f5-11ea-92e7-ed54046c98b0.jpg">
</head>
<body class="tempTop template{block:ItemPage} tempDetail{/block:ItemPage} theme--1">
{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}
<!-- 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];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="header_container">
<header id="header">
<h1><a href="{IndexPageURL}" id="logo">{LogoTag}</a></h1>
<ul class="lead-box">
<li>
<p class="lead">地域のおつまみで、宅飲みを楽しく!<br>CHEERSはコロナの影響で地域の飲食店の売り上げが低迷し、<br>過剰在庫を抱えてしまった状況を解決するために、地域のみんなと、立ち上げました。</p>
</li>
<li>
<p class="lead small">※只今β版です。</p>
</li>
</ul>
<p class="hashtag">#食べて地域を応援しよう</p>
<nav>
<ul class="menu">
<li><a class="mainHeaderNavColor" href="{AboutPageURL}">about</a></li>
{block:AppsBlog}
<li><a class="mainHeaderNavColor" href="{BlogPageURL}">blog</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">category</span>
<div class="category-list">
{AppsItemCategoryCategoriesTag}
</div>
</div>
</li>
{/block:AppsItemCategory}
<li><a class="mainHeaderNavColor" href="{ContactPageURL}">contact</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>
</header>
{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}
{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}
</div><!-- /header_container -->
{block:IndexPage}
{block:ShopPublic}
{block:IndexPageSearch}
<h3 class="titleForSearchResult">{lang:ItemSearchResult}</h3>
{/block:IndexPageSearch}
{block:HasItems}
<div class="bnr-wrapper">
<a href="https://beercheers.thebase.in/items/28519820" class="bnr">
<img src="https://user-images.githubusercontent.com/6258669/80303495-967c1500-87eb-11ea-9152-01f7c8b2045f.png" alt="10,000 CHEERS set" class="bnr-item" />
</a>
<a href="https://beercheers.thebase.in/items/28519892" class="bnr">
<img src="https://user-images.githubusercontent.com/6258669/80303499-9b40c900-87eb-11ea-9dee-9dbe0ac17834.png" alt="30,000円 CHEERS set" class="bnr-item" />
</a>
</div>
<ul id="item_list">
{block:Items}
<li class="content">
<div class="item-container">
<a href="{ItemPageURL}" title="" class="item-img">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-500}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}">
</a>
<div class="item-detail {block:ItemNowOnSale}{block:NoItemStock}item-detailSoldout{/block:NoItemStock}{/block:ItemNowOnSale} {block:ItemEndOfSale}item-detailSoldout{/block:ItemEndOfSale}">
<a href="{ItemPageURL}" class="item-detail__link" alt="item-name">
<h1 class="item-detail__title truncate">{ItemTitle}</h1>
</a>
{block:NoItemProperPrice}
<!-- 定価 -->
<p class="item-detail__price">{ItemPrice}</p>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<p class="item-detail__discountPrice">
<span class="item-detail__discountPriceRatio">{ItemDiscountRate}</span><span class="item-detail__discountPriceCalcPrice">{ItemPrice}</span>
</p>
{/block:HasItemProperPrice}
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="item-detail__comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}{block:ItemPreOrder}
<p class="item-detail__preOrder">{lang:PreOrderItem}</p>
{/block:ItemPreOrder}{block:ItemLottery}
<p class="item-detail__lottery">{lang:LotteryItem}</p>
{/block:ItemLottery}{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<p class="item-detail__soldout">SOLD OUT</p>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemWatingForSale}
<p class="item-detail__comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}
<p class="item-detail__soldout">SOLD OUT</p>
{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<p class="item-detail__soldout">SOLD OUT</p>
{/block:ItemEndOfSale}
{/block:NoItemStock}
<p class="item-detail__description">{ItemDetailNoBr}</p>
{block:HasItemStock}
{block:ItemWatingForSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">MORE</a>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">MORE</a>
{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemWatingForSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">MORE</a>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
{/block:ItemEndOfSale}
{/block:NoItemStock}
</div>
</div>
</li>
{/block:Items}
</ul>
<div id="loading" style="display: none;text-align: center;width: 100%;">
<img src="/img/loading.gif" style="padding: 20px 0;width: 220px;">
</div>
{/block:HasItems}
{block:NoItems}
<section class="tmpBox">
<p>{lang:NoItemsMessage}</p>
</section>
{/block:NoItems}
{/block:ShopPublic}
{block:NotShopPublic}
<section class="tmpBox">
<p>{lang:NotShopPublicMessage}</p>
</section>
{/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) {
$('#item_list').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}
<div id="item_page_wrap">
{IllegalReportMessageTag}
<section class="radius_box">
<div id="first_column">
<ul class="bxslider">
<li>
<div class="img_box">
<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="" id="img_large" itemprop="image">
</a>
</div>
</li>
{block:ItemImage2}
<li style="display:none;">
<div class="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<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="img_box">
<a href="{ItemImage20URL-origin}" class="ajax btn grn save" rel="group">
<img src="{ItemImage20URL-500}" alt="" title="">
</a>
</div>
</li>
{/block:ItemImage20}
</ul>
<div id="bx-pager">
<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{block:ItemImage1}{ItemImage1URL-76}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="" id="img_large"></div></a>
{block:ItemImage2}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage2URL-76}" alt="" title=""></div></a>{/block:ItemImage2}
{block:ItemImage3}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage3URL-76}" alt="" title=""></div></a>{/block:ItemImage3}
{block:ItemImage4}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage4URL-76}" alt="" title=""></div></a>{/block:ItemImage4}
{block:ItemImage5}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage5URL-76}" alt="" title=""></div></a>{/block:ItemImage5}
{block:ItemImage6}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage6URL-76}" alt="" title=""></div></a>{/block:ItemImage6}
{block:ItemImage7}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage7URL-76}" alt="" title=""></div></a>{/block:ItemImage7}
{block:ItemImage8}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage8URL-76}" alt="" title=""></div></a>{/block:ItemImage8}
{block:ItemImage9}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage9URL-76}" alt="" title=""></div></a>{/block:ItemImage9}
{block:ItemImage10}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage10URL-76}" alt="" title=""></div></a>{/block:ItemImage10}
{block:ItemImage11}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage11URL-76}" alt="" title=""></div></a>{/block:ItemImage11}
{block:ItemImage12}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage12URL-76}" alt="" title=""></div></a>{/block:ItemImage12}
{block:ItemImage13}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage13URL-76}" alt="" title=""></div></a>{/block:ItemImage13}
{block:ItemImage14}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage14URL-76}" alt="" title=""></div></a>{/block:ItemImage14}
{block:ItemImage15}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage15URL-76}" alt="" title=""></div></a>{/block:ItemImage15}
{block:ItemImage16}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage16URL-76}" alt="" title=""></div></a>{/block:ItemImage16}
{block:ItemImage17}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage17URL-76}" alt="" title=""></div></a>{/block:ItemImage17}
{block:ItemImage18}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage18URL-76}" alt="" title=""></div></a>{/block:ItemImage18}
{block:ItemImage19}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage19URL-76}" alt="" title=""></div></a>{/block:ItemImage19}
{block:ItemImage20}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage20URL-76}" alt="" title=""></div></a>{/block:ItemImage20}
</div>
</div>
<div id="second_column">
<h1 class="item_title">{ItemTitle}{block:AppsDownload}{block:ItemDigitalContent}({ItemDigitalContent}){/block:ItemDigitalContent}{/block:AppsDownload}</h1>
<div class="item_priceArea {block:ItemNowOnSale}{block:NoItemStock}item_priceArea--soldOut{/block:NoItemStock}{/block:ItemNowOnSale} {block:ItemEndOfSale}item_priceArea--soldOut{/block:ItemEndOfSale}">
{block:NoItemProperPrice}
<!-- 定価 -->
<span class="itemPrice">{ItemPrice}</span>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<span class="discountPriceDefault">{ItemProperPrice}</span><span class="discountPriceRatio">{ItemDiscountRate}</span><br>
<span class="discountPriceCalcPrice"><span class="discountPriceCalcPrice__text">{ItemPrice}</span></span>
{/block:HasItemProperPrice}
{block:ItemNowOnSale}{block:NoItemStock}
<span class="soldout">SOLD OUT</span>
{/block:NoItemStock}{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<span class="soldout">SOLD OUT</span>
{/block:ItemEndOfSale}
</div>
{block:ItemWatingForSale}
<div class="comingSoon">COMING SOON</div>
{/block:ItemWatingForSale}
{ItemAttentionTag}
{block:PurchaseForm}
{ItemSelectTag}
{PurchaseButton}
{/block:PurchaseForm}
<div class="shareButtons">
{SocialButtonTag}
<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="facebook">
<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>
{EmbedWidgetTag}
</div>
<div id="reportBtn">
{IllegalReportTag}
</div>
<div id="item_detail">
<p>{ItemDetail}</p>
</div>
{block:AppsItemDetailCustom}
{AdditionalItemDetail}
{AdditionalItemDetailDefaultCssAndJs}
{/block:AppsItemDetailCustom}
</div>
</section>
{block:AppsReview}
{AppsReviewTag}
{/block:AppsReview}
</div>
<script src="{BASEURL}/js/jquery.colorbox-min.js"></script>
<script src="{BASEURL}/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.bxslider').bxSlider({
controls: false,
pagerCustom: '#bx-pager',
adaptiveHeight: true,
mode: 'fade'
});
$(".ajax").colorbox({className:'itemCb',maxWidth:'1000px',current:false});
});
</script>
{/block:ItemPage}
{block:AboutPage}
<div class="main">
<div id="about">
<h2>about</h2>
<p>{ShopIntroduction}</p>
<div class="social">
<ul class="clearfix">
{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: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:ShopLineId}
<li><a href="https://line.me/R/ti/p/%40{ShopLineId}" target="_blank"><img src="/img/shop/lineicon.png" height="30" width="30"></a></li>
{/block:ShopLineId}
{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}
<div class="footer_container">
<footer id="mainFooter">
<ul class="clearfix">
<li><a class="footerNav" href="{PrivacyPageURL}">{lang:Privacy}</a></li>
<li><a class="footerNav" href="{LawPageURL}">{lang:Law}</a></li>
<li class="boxRight">
<div class="socialBtnList clearfix">
<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="tw 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>
</footer>
</div>
<input id="base_url" type="hidden" value="{ShopURL}">
</body>
</html>
{/block:NotLoadItemsPage}
{block:LoadItemsPage}
{block:Items}
<li class="content">
<div class="item-container">
<a href="{ItemPageURL}" title="" class="item-img">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<img src="{block:ItemImage1}{ItemImage1URL-300}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}">
</a>
<div class="item-detail {block:ItemNowOnSale}{block:NoItemStock}item-detailSoldout{/block:NoItemStock}{/block:ItemNowOnSale} {block:ItemEndOfSale}item-detailSoldout{/block:ItemEndOfSale}">
<a href="{ItemPageURL}" class="item-detail__link" alt="item-name">
<h1 class="item-detail__title truncate">{ItemTitle}</h1>
</a>
{block:NoItemProperPrice}
<!-- 定価 -->
<p class="item-detail__price">{ItemPrice}</p>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<!-- 割引 -->
<p class="item-detail__discountPrice">
<span class="item-detail__discountPriceRatio">{ItemDiscountRate}</span><span class="item-detail__discountPriceCalcPrice">{ItemPrice}</span>
</p>
{/block:HasItemProperPrice}
{block:HasItemStock}
{block:ItemWatingForSale}
<p class="item-detail__comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}{block:ItemPreOrder}
<p class="item-detail__preOrder">{lang:PreOrderItem}</p>
{/block:ItemPreOrder}{block:ItemLottery}
<p class="item-detail__lottery">{lang:LotteryItem}</p>
{/block:ItemLottery}{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<p class="item-detail__soldout">SOLD OUT</p>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemWatingForSale}
<p class="item-detail__comingSoon">COMING SOON</p>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}{block:ItemPreOrder}
<p class="item-detail__soldout">SOLD OUT</p>
{/block:ItemPreOrder}{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<p class="item-detail__soldout">SOLD OUT</p>
{/block:ItemEndOfSale}
{/block:NoItemStock}
<p class="item-detail__description">{ItemDetailNoBr}</p>
{block:HasItemStock}
{block:ItemWatingForSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">> MORE</a>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">> MORE</a>
{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemWatingForSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">> MORE</a>
{/block:ItemWatingForSale}
{block:ItemNowOnSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
{/block:ItemNowOnSale}
{block:ItemEndOfSale}
<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
{/block:ItemEndOfSale}
{/block:NoItemStock}
</div>
</div>
</li>
{/block:Items}
{/block:LoadItemsPage}
{block:AppsSearch}
<script>
$(function(){
var _color = $('#x_iconSearch').css('color');
$('#x_itemSearchForm').css('border-color' , _color);
});
</script>
{/block:AppsSearch}
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.