[2020最新] カラーミーテンプレートでできること、機能まとめ

カラーミーショップはテンプレートを自由にカスタマイズするのですが、これからカラーミーショップをはじめる人にとってはどんな機能があるのかわかりにくく、カスタマイズのハードルが高いかもしれません。

この記事では、これからテンプレートカスタマイズをはじめる人のために、カラーミーショップテンプレートで使える主な機能をじっくり紹介していきます。

このページで紹介する機能をふんだんに使用した高品質なテンプレートはこちら!

カラーミーショップ レスポンシブテンプレート

カラーミーの全体のページで使える機能

会員機能

カラーミーショップの会員機能では、会員専用価格を設定したり、商品を会員のみに表示したりできます。

<!-- 会員設定利用してる場合はtrue -->
<{$members_use_flg}>
<!-- 会員ログインしてる場合はtrue -->
<{$members_login_flg}>
<!-- ログイン中の顧客名 -->
<{$members_login_name}>
<!-- ログイン中の顧客ID -->
<{$members_id}>

<!-- 商品一覧で会員限定価格を表示 -->
<{section name=num loop=$recommend}>
  <{$recommend[num].members_price}>
<{/section}>

公式マニュアルはこちら

ショップポイント

カラーミーショップで使えるポイント設定。商品購入時にポイントが付与され、次回購入時に割引ポイントとして使用できます。

<!-- ショップポイントが有効なら内容を表示 -->
<{if $shoppoint_use_flg}>
  ショップポイントは有効です。
<{/if}>

<!-- 商品一覧で付与されるポイントを表示 -->
<{section name=num loop=$seller}>
  <{$seller[num].shoppoint}>
<{/section}>

公式マニュアルはこちら

店長情報

店長情報ではショップの店長情報を掲載できます。画像や一言メモ、URLが設定可能。

<!-- 店長画像URL -->
<{$manager_img}>
<!-- 店長名 -->
<{$manager_name}>
<!-- URL -->
<{$manager_url}>
<!-- 一言メモ -->
<{$manager_memo}>

公式マニュアルはこちら

フリーページ

カラーミーショップではフリーページを使ってLPのようなページを作ったり、お知らせページを作成することができます。

<!-- 現在のフリーページ名 -->
<{$current_freepage_title}>
<!-- フリーページ1へのリンク、1〜10まで指定可能 -->
<{$free1_link}>
<!-- フリーページ1のタイトル、1〜10まで指定可能 -->
<{$free1_title}>
<!-- フリーページを一覧表示 -->
<{section name=num loop=$freepage}>
  <{$freepage[num].link_url}>
  <{$freepage[num].page_title}>
<{/section}>

公式マニュアルはこちら

カテゴリとグループ

カテゴリとグループを使って商品を分類できます。カテゴリは2階層まで、グループはWordpressのタグのように使うことができます。

カテゴリ一覧の表示は大カテゴリー(1階層目)までとなっています。

<!-- カテゴリ一覧の表示 -->
<{section name=num loop=$category}>
  <{$category[num].id}>
  <{$category[num].link_url}>
  <{$category[num].img_url}>
  <{$category[num].name}>
<{/section}>

<!-- グループ一覧の表示 -->
<{section name=num loop=$group}>
  <{$group[num].id}>
  <{$group[num].link_url}>
  <{$group[num].img_url}>
  <{$group[num].name}>
<{/section}>

カートの中身の表示

カートに入っている商品情報を表示できます。一覧を表示するだけなので、削除や数量の変更はカートページで行う必要があります。

<{section name=num loop=$incart}>
  <{$incart[num].id}>
  <{$incart[num].name}>
  <{$incart[num].link_url}>
  <{$incart[num].product_num}>
<{/section}>

商品一覧の表示

カラーミーショップで表示できる商品一覧は以下の通り。sectionのループ名を変えるだけで同じ書き方ができます。

イチオシ商品は1つだけ設定可能。

  • おすすめ: recommend
  • 売れ筋商品: seller
  • 最近チェックした商品: history
  • お気に入り商品: favorite
  • 新着商品: new_item
  • イチオシ商品: push
<!-- 商品数 -->
<{$recommend_num}>
<!-- 一覧表示 -->
<{section name=num loop=$recommend}>
  <{$recommend[num].id}>
  <{$recommend[num].model}>
  <{$recommend[num].name}>
  <{$recommend[num].cut_name}>
  <{$recommend[num].teika}>
  <{$recommend[num].teika_disp}>
  <{$recommend[num].price}>
  <{$recommend[num].regular_price}>
  <{$recommend[num].members_price}>
  <{$recommend[num].discount_flg}>
  <{$recommend[num].discount_rate}>
  <{$recommend[num].shoppoint}>
  <{$recommend[num].link_url}>
  <{$recommend[num].img_url}>
  <{$recommend[num].large_img_url}>
  <{$recommend[num].soldout_flg}>
<{/section}>

カラーミーのトップページで使える機能まとめ

アイキャッチとスライドショー

管理画面で設定したアイキャッチ(トップページバナー)やスライドショーを表示できます。

<!-- アイキャッチの表示 -->
<{$eyecatch}>
<!-- スライドショーの表示 -->
<{if $slideshow_html}>
<div class="slider">
<{$slideshow_html}>
</div>
<script type="text/javascript">
//<![CDATA[
$(function(){
  $('#slider').bxSlider({
    auto: true,
    pause: 2000,
    speed: 1000,
    controls: false,
    captions: true,
    mode: 'fade'
  });
});
//]]>
</script>
<{/if}>

スライドショーのマニュアルはこちら

カレンダー

カラーミーショップのカレンダーは定休日や祝日の表示、注意文の表示が可能です。HTMLタグの出力は動的に行われるため編集することができません。

<!-- カレンダーの出力 -->
<{$calendar}>
<!-- カレンダー注意文の出力 -->
<{$calendar_memo}>

公式マニュアルはこちら

ニュース

新着情報を登録できます。表示できるのは見出しのみで、ページが作成されるわけではありません。フリーページと新着情報のリンクURLを使うことで擬似的な新着情報ページを作成可能です。

<!-- 新着情報の表示 -->
<{section name=num loop=$news}>
  <{$news[num].date}>
  <{$news[num].link_url}>
  <{$news[num].message}>
<{/section}>

公式マニュアルはこちら

カラーミーの商品一覧ページで使える機能

サブカテゴリ一覧

現在表示しているページのサブカテゴリ一覧を表示します。

<{section name=num loop=$sub_category}>
  <{$sub_category[num].link_url}>
  <{$sub_category[num].img_url}>
  <{$sub_category[num].name}>
<{/section}>

カテゴリとグループのパンくずリスト

商品一覧と詳細ページにはカテゴリとグループでパンくずリストを表示できます。

<!-- カテゴリのパンくずリスト -->
<ol class="breadcrumb">
  <li><a href="<{$home_url}>">TOP</a></li>
  <{if $bid_name != ""}><li><a href='<{$bid_link}>'><{$bid_name}></a></li><{/if}>
  <{if $sid_name != ""}><li><a href='<{$sid_link}>'><{$sid_name}></a></li><{/if}>
</ol>

<!-- グループのパンくずリスト -->
<{if $group_breadcrumb_list != ""}>
  <ol class="breadcrumb sub">
    <{section name=cnt loop=$group_breadcrumb_list}>
      <{section name=num loop=$group_breadcrumb_list[cnt].group_breadcrumb}>
        <li>
          <a href="<{$group_breadcrumb_list[cnt].group_breadcrumb[num].link_url}>">
            <{$group_breadcrumb_list[cnt].group_breadcrumb[num].name}>
          </a>
        </li>
      <{/section}>
    <{/section}>
  </ol>
<{/if}>

商品のソート、商品数の表示、ページネーション

商品数の表示や商品の並べ替え、前後のページへのリンクを表示することが可能です。

<!-- 商品の個数 -->
<{$productlist_num}>

<!-- ページネーション 表示されている個数の始まり -->
<{$productlist_snum}>
<!-- ページネーション 表示されている個数の終わり -->
<{$productlist_enum}>
<!-- ページネーション 前のページリンク -->
<{$productlist_prev_page}>
<!-- ページネーション 次のページリンク -->
<{$productlist_next_page}>

<!-- 商品のソートリンク おすすめ順 -->
<{$productlist_sort_def}>
<!-- 商品のソートリンク 価格順 -->
<{$productlist_sort_price}>
<!-- 商品のソートリンク 新着順 -->
<{$productlist_sort_new}>

カラーミーの商品詳細ページで使える機能

組み合わせ購入商品

「この商品を買った人はこんな商品も買っています」のようなコンテンツを作成できます。商品ごとに3つまで設定できるようになっています。

表示できる内容はおすすめ商品などと同じです。

<{section name=num loop=$together_product}>
  <{$together_product[num].link_url}>
  <{$together_product[num].img_url}>
  <{$together_product[num].name}>
<{/section}>

公式マニュアルはこちら

レビュー表示

カラーミーショップでは商品ページにレビューを表示できます。レビューの投稿は投稿ページに移動する必要があります。

<{section name=num loop=$reviewlist}>
  <{$reviewlist[num].id}>
  <{$reviewlist[num].nickname}>
  <{$reviewlist[num].sex}>
  <{$reviewlist[num].nendai}>
  <{$reviewlist[num].star}>
  <{$reviewlist[num].title}>
  <{$reviewlist[num].comment}>
  <{$reviewlist[num].img_url}>
  <{$reviewlist[num].date}>
  <{$reviewlist[num].res_comment}>
  <{$reviewlist[num].res_date}>
<{/section}>

公式マニュアルはこちら

まとめ

ここで紹介した機能以外にも、特商法ページなど各ページへのリンクやフリーページの表示などの機能もあります。

さらに詳しく知りたい方はこちらの独自タグ一覧ページをご覧ください。

Copyright © 2020 homupedia.com