EC-CUBEで商品規格一覧表を表示する方法

投稿日 2012年1月23日
著者キタジマタカシ
カテゴリー Web

デフォルトでは購入したい規格を選択するためのプルダウンでしかどんな規格があるのか確認できません。

またどの規格がいくらなのかもわからないため、ユーザーに不安感を与えてしまい購入率が低下することも考えられます。そこで、どの規格がいくらなのかが確認できる一覧表が詳細ページに出力されるように修正します。EC-CUBEのバージョンは2.11を利用しました。

手順

1./PATH/TO/data/class_extends/pages_extends/products/LC_Page_Products_Detail_EX.php

商品詳細用のコントローラーの拡張クラスのactionメソッドに規格を取得するコードを追記します。

/**
 * action
 */
function action() {
	parent::action();
	// 商品規格情報の取得
	$product_id = $this->lfCheckProductId( $this->objFormParam->getValue( 'admin' ), $this->objFormParam->getValue( 'product_id' ) );
	$this->arrProductsClassList = $this->lfGetProductsClass( $product_id );
}

2./PATH/TO/data/Smarty/templates/テンプレート名/products/detail.tpl

1でその商品の規格の情報が取得できましたので、詳細ページ用のテンプレートに表として出力します。

<!--{if $arrProductsClassList|@count > 1}-->
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<th>規格名</th>
		<th>価格</th>
	</tr>
	<!--{section name=i loop=$arrProductsClassList}-->
	<tr>
		<td>
			<!--{$arrProductsClassList&#91;i&#93;.classcategory_name1|h}-->
			<!--{if $arrProductsClassList&#91;i&#93;.classcategory_name2 != ''}-->
				: <!--{$arrProductsClassList&#91;i&#93;.classcategory_name2|h}-->
			<!--{/if}-->
		</td>
		<td>
			<!--{$arrProductsClassList&#91;i&#93;.price02|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->円
		</td>
	</tr>
	<!--{/section}-->
</table>
<!--{/if}-->

あとはCSSで装飾します。