こんにちわ、さんた屋です。

ネットショップとしてBASEを使ってますが、メニュー表示がいまいちわかりにくいなぁと思ってて、自分なりにカスタマイズして使ってますが、そのやりかたを公開します。

ご自分のBASEのショップに書き写せば・・・
 HOME ⇒ 商品一覧
 ABOUT ⇒ このショップについて
 BLOG ⇒ ブログ
 CATEGORY ⇒ 商品シリーズ
 CONTACT ⇒ お問い合わせ
 SOLD OUT ⇒ 入荷待ち
というように、わかりやすい日本語に変換されます。
70e06df56ecd575bbe1dad50c823f90e

WEB閲覧時のみの対応であり、アプリでの表示は変わりません。
全体のデザインは最もシンプルな画面表示のみです。

使い方(パソコンからの操作になります)
①ダウンロードしたテキストファイルを開き、下記の-------から下、先頭の {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}