3ファイルのコードを書き換え

参考記述：[EC-CUBE 2.11.2] 商品詳細ページに商品規格一覧を表示する | NAKWEB × EC-CUBE

data/class/pages/products/LC_Page_Products_Detail.php
113行目付近、action() 内に以下を追加

// 商品規格情報の取得
$this->arrProductsClassList = $this->lfGetProductsClass($product_id);

data/Smarty/templates/default/products/detail.tpl
75行目付近、div id=”detailphotobloc”内、span下に以下を追加

<!--{* 規格テーブル *}-->
<!--{if $arrProductsClassList|@count > 1}-->
<table>
    <tr>
        <th>規格名</th>
        <th>価格</th>
    </tr>
    <!--{section name=i loop=$arrProductsClassList}-->
    <tr>
        <td><!--{$arrProductsClassList[i].classcategory_name1|h}-->
            <!--{if $arrProductsClassList[i].classcategory_name2 != ''}-->
                : <!--{$arrProductsClassList[i].classcategory_name2|h}-->
            <!--{/if}-->
        </td>
        <td>
            <!--{$arrProductsClassList[i].price02|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->円
        </td>
    </tr>
    <!--{/section}-->
</table>
<!--{/if}-->

html/user_data/packages/default/css.table.css
30行目付近に以下を追加

/* 規格テーブル
----------------------------------------------- */
#detailphotobloc table {
    margin: 15px 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 90%;
    border-collapse: collapse;
    text-align: left;
}
#detailphotobloc table th {
    padding: 5px 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    font-weight: normal;
}
#detailphotobloc table td {
    padding: 5px 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

以上です。
最後のCSSは、おまけみたいなものです。
あんまり縦に場所をとると、見辛くなってしまうので、多少いじってみました。

いいものなので、ECCUBEには標準装備して欲しいものです。