辻本龍太

LABO

2010年 06月 16日

EC-CUBE 商品詳細ページにお問い合わせボタンを設置する方法

EC-CUBE イーシーキューブ

EC-CUBEで商品詳細ページにお問い合わせボタンを設置する方法です。
といっても、EC-CUBEの開発コミュニティサイトを見ていると丁寧に説明してくれてる方がいたのでlaboでも覚書。 なんだかすみません。

※今回のEC-CUBEバージョンは2.4.3

デザイン管理 > ページ詳細設定 > 商品詳細ページを編集

2010年9月30日 コード記述ミスを修正しました。期間中ご参考にされた方がいましたらご迷惑をおかけし申し訳ございません。

デザイン管理 > ページ詳細設定 > 商品詳細ページに以下を追加します。
カート部分にもformタグを使用しているので重ならないように注意して追加してください。

SSL対応ページ お問い合わせへの誘導

<form method="post" action="contact/">
<input type="hidden" name="products_name" value="<!--{$arrProduct.name|escape}-->" />
<input type="submit" name="" value="この商品について問い合わせる" />
</form>

SSL非対応ページ お問い合わせへの誘導

<form method="post" action="contact/">
<input type="hidden" name="products_name" value="<!--{$arrProduct.name|escape}-->" />
<input type="submit" name="" value="この商品について問い合わせる" />
</form>

上がSSLに対応したお問い合わせフォームへの誘導
下がSSL非対応のお問い合わせフォームへ誘導する時の記述になります。
自身の環境にあった方をお選びください。

data/Smarty/templates/contact/index.tplのカスタマイズ

data/Smarty/templates/contact/index.tplの152行目付近にある場所にコードを追加します。

カスタマイズ前

<textarea name="contents" cols="60" rows="20" class="area60" wrap="hard"
maxlength="<!--{$smarty.const.LTEXT_LEN}-->" style="<!--{$arrErr.contents|sfGetErrorColor}-->">
<!--{$contents|escape}-->
</textarea>

カスタマイズ後

<textarea name="contents" cols="60" rows="20" class="area60" wrap="hard"
maxlength="<!--{$smarty.const.LTEXT_LEN}-->" style="<!--{$arrErr.contents|sfGetErrorColor}-->">
<!--{$smarty.post.products_name|escape}-->
<!--{$contents|escape}-->
</textarea>

<!--{$smarty.post.products_name|escape}-->をカスタマイズ前の2行目と3行目の間に追加します。
保存してdata/Smarty/templates/contact/index.tplへアップロード(上書き保存)

以上で、商品詳細に、お問い合わせボタンを設置する事が出来ます。
こんな感じです。

ECサイトには商品詳細ページにお問い合わせへ誘導できる状態の方が絶対にいい!
ほんと、親切に説明してくれていて助かりました。 ありがとうございます。

お問い合わせボタン 設置イメージ

EC-CUBE 商品詳細 お問い合わせボタン設置イメージ

もちろんお問い合わせボタンを画像へ変更する事もできますよ!

  • はてなブックマークに登録はてなブックマーク登録数
  • Yahoo!ブックマークに登録
  • Googleブックマークへ登録
  • この記事をクリップ!
  • EC-CUBE 商品詳細ページにお問い合わせボタンを設置する方法をPOOKMARK Airlinesに追加
  • この記事をBuzzurlにブックマーク
  • この記事をdeliciousにブックマーク
  • EC-CUBE 商品詳細ページにお問い合わせボタンを設置する方法をニフティクリップに追加