特定の商品を表示する

IDを指定して特定の商品1点を取得します。

商品一覧・詳細画面への設置が可能です。

おすすめ商品、特定の商品への合わせ買い表示などに応用できます。

設置後イメージ

ECサイト内の任意の箇所に、特定商品の情報を追加します。

本稿では、「お知らせ」の中にピックアップを行います。

設置手順

商品情報の取得（get_goods関数）

特定の商品情報をページ内に呼び出します。

以下の3行を追加してください。青字部分は必須、緑字部分はSKU情報も出力する場合に必須です。

<script type="text/javascript" charset="UTF-8" src="/js/change_goods_optval.js"></script>

<{assign var="goods_lang_one_elm_prefix" value="goods_lang_one_n_"}>

<{get_goods goods_id='1' lang_id='en' tsuka_conv='USD'}>

関数のパラメータ

読み込んだ商品情報の表示(SKU管理なし)

前節で取得した商品情報をページに表示します。

表示位置は、前節の商品情報の取得(get_goods関数)を追加した位置より下にしてください。

（本稿では、直下に以下のサンプルスクリプトを追加しています。）

<{get_goods goods_id='1' lang_id='en' tsuka_conv='USD'}>

<!-- 特定の商品IDをキーにした商品表示 -->

<{if $goods_lang_one.id}>

<div class="goodslist_box">

<table border="0" width="550">

<tr valign="top">

<td width="110" align="center">

<div class="thumbnail">

<a href="<{$goods_lang_one.url}>">

<{if $goods_lang_one.thumbnail}>

<img src="<{$goods_lang_one.thumbnail}>">

<{else}>

<img src="/tpl_img/proto_ja/nopic100.gif">

<{/if}>

</a>

</div>

</td>

<td width="5%"></td>

<td width="50%">

<table class="tbl" cellspacing="1" width="100%">

<tr>

<td class="cell_t">商品名</td>

<td class="cell_d"><a href="<{$goods_lang_one.url}>"><{$goods_lang_one.name}></a></td>

</tr>

<tr>

<td class="cell_t">商品番号</td>

<td class="cell_d"><{$goods_lang_one.num}></td>

</tr>

<tr>

<td class="cell_t">商品番号2</td>

<td class="cell_d"><{$goods_lang_one.num2}></td>

</tr>

<tr>

<td class="cell_t">国内価格</td>

<td class="cell_d"><{$goods_lang_one.price}>&nbsp;<{$tsuka_tani}></td>

</tr>

<tr>

<td class="cell_t">国外価格</td>

<td class="cell_d"><{$goods_lang_one.price2}>&nbsp;<{$tsuka_tani}></td>

</tr>

<tr>

<td class="cell_t">商品キャッチコピー</td>

<td class="cell_d"><{$goods_lang_one.copy}></td>

</tr>

<tr>

<td class="cell_t">商品説明</td>

<td class="cell_d"><{$goods_lang_one.setsumei}></td>

</tr>

</table>

</td>

</tr>

</table>

</div>

<{/if}>

<!--// 特定の商品IDをキーにした商品表示 -->

商品表示で使用可能な変数

読み込んだ商品情報の表示(SKU管理あり)

前節で取得した商品情報にSKUがある場合、SKUオプションも表示するサンプルスクリプトです。

商品情報との差分は青文字部分になります。正常にSKU値が取得できない場合、JavascriptおよびオブジェクトIDが一致することをご確認ください。

<script type="text/javascript" charset="UTF-8" src="/js/change_goods_optval.js"></script>

<{assign var="goods_lang_one_elm_prefix" value="goods_lang_one_n_"}>

<{get_goods goods_lang_one_elm_prefix=$goods_lang_one_elm_prefix goods_id='34' lang_id='ja' tsuka_conv='USD'}>

<!-- 特定の商品IDをキーにした商品表示 -->

<{if $goods_lang_one.id}>

<div class="goodslist_box">

<table border="0" width="550">

<tr valign="top">

<td width="110" align="center"><div class="thumbnail"><a href="<{$goods_lang_one.url}>"><{if $goods_lang_one.thumbnail}><img src="<{$goods_lang_one.thumbnail}>"><{else}><img src="/tpl_img/proto_ja/nopic100.gif"><{/if}></a></div></td>

<td width="5%"><br></td>

<td width="50%">

<table class="tbl" cellspacing="1" width="100%">

<tr>

<td class="cell_t">商品ID</td>

<td class="cell_d"><{$goods_lang_one.id}><br></td>

</tr>

<tr>

<td class="cell_t">国内価格</td>

<td class="cell_d"><span id="<{$goods_lang_one_elm_prefix}><{$goods_lang_one.sku_goods_key}>_price"><{$goods_lang_one.price}></span>&nbsp;<{$tsuka_tani}><br></td>

</tr>

<tr>

<td class="cell_t">国外価格</td>

<td class="cell_d"><span id="<{$goods_lang_one_elm_prefix}><{$goods_lang_one.sku_goods_key}>_price2"><{$goods_lang_one.price2}></span>&nbsp;<{$tsuka_tani}><br></td>

</tr>

<{if $goods_lang_one.price_conv}>

<tr>

<td class="cell_t">国内価格 近似値</td>

<td class="cell_d"><span id="<{$goods_lang_one_elm_prefix}><{$goods_lang_one.sku_goods_key}>_price_conv"><{$goods_lang_one.price_conv}></span><br></td>

</tr>

<{/if}>

<{if $goods_lang_one.price2_conv}>

<tr>

<td class="cell_t">国外価格 近似値</td>

<td class="cell_d"><span id="<{$goods_lang_one_elm_prefix}><{$goods_lang_one.sku_goods_key}>_price2_conv"><{$goods_lang_one.price2_conv}></span><br></td>

</tr>

<{/if}>

<tr>

<td class="cell_t">商品名</td>

<td class="cell_d"><a href="<{$goods_lang_one.url}>"><{$goods_lang_one.name}></a><br></td>

</tr>

</table>

<!-- カートボタンフォーム -->

<table class="tbl" cellspacing="1" width="100%"><tr><td class="cell_t" align="right">

<form action="<{$cart_acturl}>" method="post">

<{$goods_lang_one.cart_hidden}>

<{section name=key2 loop=$goods_lang_one.opt}>

<{$goods_lang_one.opt[key2].name}>

<!-- SKU管理されている時はオプション変更で価格表示を変更 -->

<{if $goods_lang_one.sku_flag == "1"}>

<select name="goods_opt[]" id="<{$goods_lang_one_elm_prefix}><{$goods_lang_one.opt[key2].sku_opt_key}>" onchange="change_goods_optval('<{if $goods_lang_one.sku_goods_opt1 != ""}><{$goods_lang_one_elm_prefix}><{/if}><{$goods_lang_one.sku_goods_opt1}>', '<{if $goods_lang_one.sku_goods_opt2 != ""}><{$goods_lang_one_elm_prefix}><{/if}><{$goods_lang_one.sku_goods_opt2}>', '<{$goods_lang_one_elm_prefix}><{$goods_lang_one.sku_goods_key}>')">

<{else}>

<select name="goods_opt[]">

<{/if}>

<!--// SKU管理されている時はオプション変更で価格表示を変更 -->

<{html_options values=$goods_lang_one.optv[key2].id output=$goods_lang_one.optv[key2].name}>

</select><br>

<{/section}>

<!-- 在庫がない時はカートボタンを表示しない -->

<{if $goods_lang_one.zaiko_flag && $goods_lang_one.zaikosu <= 0}>

<!-- SKU管理されている時はカートボタンをDisableで表示 -->

<{if $goods_lang_one.sku_flag == "1"}>

注文数:<input type="text" name="kosu" size="4" value="<{$goods_lang_one.min_kosu}>"><{$goods_lang_one.tani}>

<input type="submit" value="カートに入れる" id="<{$goods_lang_one_elm_prefix}><{$goods_lang_one.sku_goods_key}>_cart_button" disabled="true">

<{else}>

<span id="<{$goods_lang_one.sku_goods_key}>_zaiko_message">*在庫無し</span>

<{/if}>

<!--// SKU管理されている時はカートボタンをDisableで表示 -->

<{else}>

注文数:<input type="text" name="kosu" size="4" value="<{$goods_lang_one.min_kosu}>"><{$goods_lang_one.tani}>

<input type="submit" value="カートに入れる" id="<{$goods_lang_one_elm_prefix}><{$goods_lang_one.sku_goods_key}>_cart_button">

<{/if}>

<!--// 在庫がない時はカートボタンを表示しない -->

</form>

</table>

<!--// カートボタンフォーム -->

</td>

</tr>

</table>

</div>

<{/if}>

<!--// 特定の商品IDをキーにした商品表示 -->

SKU管理をしている商品で使用可能な変数