【Color Me】独自タグでトップページなどを条件分岐する方法

カラーミーショップで条件分岐する方法をまとめました。
初めてカラーミーショップを触ったのですが、EC-CUBEっぽく色々とできるなー。という印象です。

■事前に見ておくといいページ
独自タグ一覧(PC)
カラーミーショップ – 助け合い掲示板

■参考サイト
カラーミーショップでトップページやカテゴリーページの条件分岐(if文)
カラーミーでページごとにメインイメージ切り替え

見出しタグ(h1要素)

見出しタグを各ページで切り替えるには、「お店をつくる」→「デザイン設定」→ページ下部の選択しているテンプレートの「デザイン設定(青いボタン)」→「1.共通のHTML CSS編集」の「HTML編集」内に記述します。

<{if $file_name == "file:8/top.tpl"}>
<h1>トップページのタイトル</h1>
<{elseif $product_name != ""}>
<h1><{$product_name}>(商品名称のタイトル)</h1>
<{elseif $sid_name != ""}>
<h1><{$sid_name}>(小カテゴリーのタイトル)</h1>
<{elseif $bid_name != ""}>
<h1><{$bid_name}>(大カテゴリーのタイトル)</h1>
<{elseif $smarty.get.mode == "sk"}>
<h1>特定商取引法に基づく表記のタイトル。</h1>
<{elseif $smarty.get.mode == "privacy"}>
<h1>プライバシーポリシーのタイトル。</h1>
<{elseif $smarty.get.mode == "f1" }>
<h1>フリーページ1のタイトル。</h1>
<{elseif $smarty.get.mode == "f2" }>
<h1>フリーページ2のタイトル。</h1>
<{else}>
<p>その他。ここではP要素にしています。</p>
<{/if}>
<{if $file_name == "file:0/top.tpl"}>

ここではtop.tplのファイルと合致した場合に適用されます。
「file:0」などの数字は「お店をつくる」→「デザインを設定する」ページの
適用しているテンプレートの緑の「Preview」ボタンを押すと
「http://hoge.co.jp/?tid=0」と表示されるので、最後の数字(ここでは「0」)を指定します。

<{elseif $product_name != ""}>

商品名称が空でなければ(商品名があれば)適用。

<{elseif $sid_name != ""}>

小カテゴリーが空でなければ(小カテゴリーがあれば)適用。

<{elseif $bid_name != ""}>

大カテゴリーが空でなければ(大カテゴリーがあれば)適用。

<{elseif $smarty.get.mode == "sk"}>

これはよく分かってませんが、「sk」が特定商取引法に基づく表記に関連しているような感じです。
その場合に適用されます。

<{elseif $smarty.get.mode == "privacy"}>

これもよく分かってませんが、プライバシーポリシーに関連している感じです。
その場合に適用されます。

上記すべてに該当しない場合は、elseを使ってP要素にしています。

パンくず(プライバシーポリシー編)

h1要素と同じ選択しているテンプレートの「3.商品一覧」や「4.商品詳細」などの「HTML編集」内に記述します。
今回の例は「8.プライバシーポリシー」を編集します。

<table class="footstamp" cellpadding="0" cellspacing="0" border="0">
<tr><td><img src="http://img.shop-pro.jp/tmpl_img/26/sp.gif" width="15px" height="5px" alt="" />
<a href="./">ホーム</a>
<span class="txt-f10">></span> プライバシーポリシー
</td></tr>
</table>

素人条件分岐ですが、カラーミーでお悩みの方がいましたらご参考にしてください!

No related posts.

【Color Me】独自タグでトップページなどを条件分岐する方法 への1件のコメント

  1. ピンバック: カラーミーショップ デザインをカスタマイズ 03 | TETU BLOG

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>