マルチリンガルカート
目次セットアップデザイン設定テンプレートHTML> トップのテンプレートHTML
トップのテンプレートHTML
トップのテンプレートHTMLの変更
1.テンプレート編集の選択画面を開きます。
[トップ]をクリックします。

 

2.テンプレートを変更します。
※テキストエディタ等にコピー&ペーストして修正すると楽に修正できます。
※入力エリアにカーソルを置き
[Ctrl]+[A]で「すべて選択」し、
[Ctrl]+[C]で「コピー」して、
[Ctrl]+[V]で「ペースト」すると作業が楽です。


3.変更が完了したら[保存]ボタンをクリックします。

 

4.変更した画面を確認するには[プレビュー]をクリックします。

 

▲このページの先頭へ
インクルードについて
 

HTMLの始まりと終わり部分は一般的に同じであることが多いため、 マルチリンガルカートでは「共通ヘッダ」 と「共通フッタ」を設けています。
各画面にインクルード文を追記することで、共通ヘッダや共通フッタを取り込むことができ、 デザインの統一性をもたせながら制作作業の工程を短縮することができます。
もちろん、共通ヘッダや共通フッタをインクルードせず、全ての画面に記述してもかまいません。

 


共通ヘッダをインクルードする場合

<{include file='header.tpl' titletag=''}>
titletagは、header.tplに渡す引数で、HTMLのタイトルタグを渡すことができます。 ヘッダ部分は共通でもタイトルタグの内容を画面によって変えたい場合などに有効です。 もちろん、共通ヘッダにこのtitletagを埋め込んでおく必要があります。

共通ヘッダのタイトルタグの抜粋
<title>[<{$shop_name}>]<{$titletag}></title>
「titletag」という名前は何でもかまいません。 引数を渡す側と変数を定義している側の名前が一致すれば有効になります。

共通フッタをインクルードする場合
<{include file='footer.tpl'}>


▲このページの先頭へ
関数
 

マルチリンガルカートは「Smarty」と呼ばれるテンプレートエンジンを使用し、柔軟なテンプレートの作成・適用を可能にしています。 デザインを作成する際は、このSmartyやPHPに由来する3つの関数が使用できます。

 


(a)indent
この関数は文字列をインデント(字下げ)します。
全商品カテゴリを表示するときに、小分類のカテゴリをインデントするために使用しています。

【使用例】:トップページの商品カテゴリ表示の抜粋
<{section name=key loop=$genre}><br /> <dd><{'・'|indent:$genre[key].indent:'&nbsp;&nbsp;& nbsp;'}><a href="<{$genre[key].url}>"><{$genre[key].name}></a></dd><br /> <{/section}>
$genre[key],indentの数だけ、' 'でインデント後、'・'を表示します。
$genre[key],indentは、該当カテゴリが大分類の場合は0、小分類の場合は1です。

(b)mb_truncate
指定した文字数で、変数の値を切り捨てます。

【使用例】:トップページの商品説明文の抜粋
<{$goodslist[key].setsumei|mb_truncate:50}>
商品説明文の先頭文字50文字を表示する。

(c)count
変数(配列)に含まれる要素数をカウントします。

【使用例】:トップページの商品一覧
<{if count($goodslist) > 0}>
商品がある時に商品一覧を表示し、無い時は、”商品がありません”のメッセージを表示するための判定文として使用しています。 また、カートの中身の有り無しによって表示を変えたい時などに使用できます。


▲このページの先頭へ
トップのテンプレートHTMLの変数
ショッピングサイトトップ画面のテンプレートHTMLと変数を以下に示します。

【トップのテンプレートHTML】


【トップのテンプレートHTMLの変数】
トップ 意味
1 $genre_id 選択されたカテゴリID
2 $act 要求されたアクション。キーワード検索要求時、'search'。
3 $genre_path 現在選択されているカテゴリのパス情報の全体を表す。パスとは現在選択されているカテゴリが小分類の場合、 大分類と小分類のカテゴリの両方を表す。
パンくずリスト
4 $genre_path[key].url カテゴリ毎に表示するURL
パンくずリスト
5 $genre_path[key].name カテゴリ名
パンくずリスト
6 $top_info 店舗管理画面で設定したトップインフォメーション。
7 $genre_name 現在選択されているカテゴリ名
8 $genre_setsumei 現在選択されているカテゴリの説明文
9 $search_keyword キーワード検索で入力されたキーワード。
    商品一覧の並び替えの為の情報に置換されます。
10 $sort_hidden 並び替えフォームhidden項目。
11 $sortkey 並び替えのキー
12 $sortkey_new 商品一覧の新着順URL
13 $sortkey_lprice 商品一覧の価格の安い順URL
14 $sortkey_hprice 商品一覧の価格の高い順URL
15 $goodslist_prev 商品一覧の「前のページ」URL
    商品数を表します。
16 $goodslist_allrows 商品一覧の全件数
17 $goodslist_srows 商品一覧の表示開始件数
18 $goodslist_erows 商品一覧の表示終了件数
19 $goodslist_next 商品一覧の「前のページ」URL
20 $goodslist 商品一覧の全体を表す。
21 $goodslist[key].url 商品一覧の商品詳細URL
22 $goodslist[key].thumbnail 商品一覧のサムネイル画像
23 $goodslist[key].name 商品一覧の商品名
24 $goodslist[key].num 商品一覧の商品番号
25 $goodslist[key].price 商品一覧の日本国内価格
26 $goodslist[key].price2 商品一覧の日本国外価格
27 $goodslist[key].embargo 商品一覧の商品海外配送制限
28 $goodslist[key].setsumei 商品一覧の商品説明文
29 $goodslist[key].cart_hidden 商品一覧のカートhidden項目
30 $goodslist[key].opt 商品一覧の商品オプションの全体を表す。
31 $goodslist[key].opt[key2].name 商品一覧の商品オプションの項目名
32 $goodslist[key].optv[key2].id 商品一覧の商品オプションの選択肢のID
33 $goodslist[key].optv[key2].name 商品一覧の商品オプションの選択肢の値
34 $goodslist[key].zaiko_flag 商品一覧の商品在庫管理有無
35 $goodslist[key].zaikosu 商品一覧の商品在庫数
36 $goodslist[key].min_kosu 商品一覧の最低注文数
37 $goodslist[key].tani 商品一覧の商品の単位
38 $goodslist[key].goods_copy キャッチコピー
39 $goodslist[key].num2 商品番号2

※このほかにも共通変数が使用できます。-->>変数一覧

▲このページの先頭へ

目次に戻る 【Multilingualcart 】操作マニュアル