読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【eccube】サブ情報追加(カスタムフィールド<商品情報項目>追加)

phpmyadminへログイン

dtb_productsをクリックし、下までスクロール。すると、「~個のフィールドを追加する」という表記のところがあるので、そこに追加したい項目数を入力。
その右に「指定カラムの後に~」とあるので指定。
そのあと実行するボタンをクリック。


②すると項目の各設定画面になる。とりあえずフィールド名、種別をTEXTにし、照合順序を[utf8_general_ci]、ヌル(NULL)を「null」に。

これでデータベース側の処理終わり。


③detail.tpl、まあ管理画面でいう商品詳細ページを以下のように編集する。

まず、サブ情報のソースを全部消す。

というのもデフォルトのサブ情報のソースだとサブ情報(1)~(5)までループして同じ個所に出力してしまうためまずこのソースを全部消して各サブ情報項目を個別に出力するよう記述を変更する。



<!--▼サブコメント1-->
<!--{assign var=key value="sub_title1"}-->
<!--{assign var=ikey value="sub_image1"}-->
<!--{assign var=lkey value="sub_large_image1"}-->
<!--{assign var=ckey value="sub_comment1"}-->
  <!--{if $arrProduct[$key] != "" or $arrProduct[$ikey]|strlen >= 1}-->
      <div class="sub_area clearfix">
          <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3>
          <!--▼サブ画像-->
          <!--{if $arrProduct[$ikey]|strlen >= 1}-->
              <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div>
              <div class="subphotoimg">
                  <!--{if $arrProduct[$lkey]|strlen >= 1}-->
                      <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" class="expansion" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif', 'expansion_<!--{$lkey|h}-->');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif', 'expansion_<!--{$lkey|h}-->');" target="_blank" >
                  <!--{/if}-->
                  <img src="<!--{$arrFile[$ikey].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="79" />
                  <!--{if $arrProduct[$lkey]|strlen >= 1}--></a>
                      <!--span class="mini">
                          <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" class="expansion" target="_blank">
                              画像を拡大する</a>
                      </span-->
                  <!--{/if}-->
              </div>
          <!--{else}-->
              <p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>
          <!--{/if}-->
          <!--▲サブ画像-->
      </div>
  <!--{/if}-->
  <!--▲サブコメント1-->

▼サブコメント1から下の4行のvalueにphpmyadminで設定したフィールド名を記述。

これでサブ情報(1)が個別で出る。

これを同じように表示させたいところにほかのサブ情報に記述。すると画像、テキストが自分の好きなようにレイアウト可能。