初めてカラーミーショップのカスタマイズを行いました

カラーミーショップ案件のコーディングを初めて行って色々勉強になったのでメモしておきます。

目次

トップページのみ表示する場合(条件分岐)

<{if $tpl_name == "top"}>
 <p>トップページの場合</p>
<{else}>
 <p>トップページ以外の場合</p>
<{/if}>

その他の条件分岐は、下記サイトが参考になります。
http://theorthodoxworks.com/color-me-shop/conditional-branch/

商品説明文を分割して表示する場合

商品説明文は1つしかないので、2つに分割する場合は下記のようにします。

<{* 商品説明文分割用 *}>
<script type="text/javascript">// <![CDATA[
$(function() {
    var $productExplain = $('#product_explain');
    if ($productExplain.find('div').size() > 0) {
      $('#exp-1-view').html($('#exp-1').html());
      $('#exp-2-view').html($('#exp-2').html());
      $productExplain.hide();
    }
  });
// ]]></script>
<div id="product_explain">
  <{$product.explain}>
</div>
<{* 商品説明1 *}>
<div id="exp-1-view"></div>

<{* 商品説明2 *}>
<div id="exp-2-view"></div>

詳しくは、下記サイトが参考になります。
https://github.com/pepabo-unchi/custom/issues/5

カラーミーショップのカスタマイズは後何回かやってみたいので、
ご依頼お待ちしています〜!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

フリーランスWebデザイナー。好きなフルーツはグレープフルーツです。あの苦味と酸味がたまりません。デジタルハリウッド・職業訓練講師。空撮始めました。

目次