EC-CUBE 開発コミュニティ

質問 > フロント機能 > 規格ごとにカートボタンや金額を表示したい

フロント機能

投稿者	スレッド
critiva	投稿日時: 2013/10/11 16:16 対応状況: 開発中
半人前登録日: 2013/10/11 居住地: 投稿: 15	規格ごとにカートボタンや金額を表示したい ver2.13.0　を使用しています。デフォルト状態では商品規格はプルダウンメニュー内に表示され、購入ボタンもひとつしかありませんが、これをテーブル形式で規格の名称、価格、カートボタンを設けたいと思っております。以下に同様の質問があったのですが、ジャバスクリプトを書けば解決する、ということで具体的な作り方まで言及されていなかったため分かりませんでした。 http://xoops.ec-cube.net/modules/newbb/viewtopic.php?viewmode=flat&topic_id=6091&forum=10 できればテンプレートを触るだけで実装をしたいのです。今作っているソースを書きますと、 <!--{if $arrProductsClassList\|@count > 1}--> <form name="form1" id="form1" method="post" action="?"> <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> <table> <tr> <th><!--{$tpl_class_name1\|h}--></th> <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> <td> <input type="hidden" name="transactionid" value="<!--{$transactionid}-->" /> <input type="hidden" name="mode" value="cart" /> <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" /> <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" /> <input type="hidden" name="favorite_product_id" value="" /> <!--{if $tpl_stock_find}--> <input type="text" class="box60" name="quantity" value="<!--{$arrForm.quantity.value\|default:1\|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity\|sfGetErrorColor}-->" /> <a href="java script:void(document.form1.submit())"> <img class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg" alt="カートへ" /> </a> <!--{else}--> <div class="attention">品切中</div> <!--{/if}--> </td> </tr> <!--{/section}--> </table> </form> <!--{/if}--> と書いてみたのですが、表示はされるようになったのですが、これがカートに入らずにおります。クリックしてもどこにも飛びません。エラーにもなりません。何が足りないのでしょうか？ EC-cubeは初めてでして、状況がよくわかっておりません。上記ソースもわからないままに作ったため、正しくかけているかどうかも分かりません。どなたかお知恵を頂けませんでしょうか。何卒よろしくお願いします。

yuh	投稿日時: 2013/10/11 16:18 対応状況: −−−
神登録日: 2013/1/9 居住地: 大阪投稿: 1819	Re: 規格ごとにカートボタンや金額を表示したい分けて書くならformごと書いてname="form1" の所と<a href="java script:void(document.form1.submit())">の所を変更していかないとダメだと思います。

critiva	投稿日時: 2013/10/11 16:25 対応状況: −−−
半人前登録日: 2013/10/11 居住地: 投稿: 15	Re: 規格ごとにカートボタンや金額を表示したい早速有り難うございます。 form を　 <!--{section name=i loop=$arrProductsClassList}--> の中に含めるということでしょうか？その上で各フォームのname属性が name="form1"　なら　 <a href="java script:void(document.form1.submit())"> name="form2"　なら　 <a href="java script:void(document.form2.submit())"> というように変えるということであってますでしょうか？その場合、自動的に連番にしていく必要があるのではないかと思いますが何か方法があるのでしょうか？規格の選択肢に振られている番号など取り出すことができればと思いますが、やり方がわかりません。

flealog	投稿日時: 2013/10/11 16:29 対応状況: −−−
仙人登録日: 2008/6/10 居住地: 投稿: 485	Re: 規格ごとにカートボタンや金額を表示したいプラグインも有りますので、ご利用を検討されてみてはいかがでしょうか？ http://www.ec-cube.net/products/detail.php?product_id=286 ---------------- EC-CUBE3っぽいテンプレート GitHub で公開中 https://github.com/bluestylejp お問い合わせ番号CSV登録&メール送信プラグイン http://urx.red/qDT6

critiva	投稿日時: 2013/10/11 16:33 対応状況: −−−
半人前登録日: 2013/10/11 居住地: 投稿: 15	Re: 規格ごとにカートボタンや金額を表示したいありがとうございます。このプラグインも少し前に試してみました。近しい表示にはなるものの、デザイン面や表示する項目など（例えば規格1　はそのまま　規格1　の表記になる）細かな調整が効かないため断念しました。それ以外のプラグインと競合するというのも管理画面上の警告にでてしまったため、というのも理由です。

yuh	投稿日時: 2013/10/11 17:43 対応状況: −−−
神登録日: 2013/1/9 居住地: 大阪投稿: 1819	Re: 規格ごとにカートボタンや金額を表示したい自動的に連番はsectionのindex使えばできます。

critiva	投稿日時: 2013/10/11 18:07 対応状況: −−−
半人前登録日: 2013/10/11 居住地: 投稿: 15	Re: 規格ごとにカートボタンや金額を表示したいありがとうございます。ただ、知識がなくどうすればよいのか分かりません。お恥ずかしい限りです。ちなみに、データベースを見ていると dtb_classcategory に規格が登録されていますが、これらにそれぞれ固有の classcategory_id というのが振られているようです。これを取り出して表示することってできませんでしょうか？

kanagettyo	投稿日時: 2013/10/11 22:59 対応状況: −−−
半人前登録日: 2012/12/13 居住地: 投稿: 26	Re: 規格ごとにカートボタンや金額を表示したい critiva様貼り付けて頂いたソースコードの中に `<!--{$arrProductsClassList[i].classcategory_name1\|h}-->` という１文が御座います。こちらの"classcategory_name1"部分を"classcategory_id"に変更すればclasscategory_idを取得する事は可能かと推測いたします。ちなみに「カートへ」のボタンをクリックしても飛ばない理由ですが、 `<form name="form1" id="form1" method="post" action="?">` こちら「action="?"」となっていますので自分自身に遷移いたします。また、「カートに商品が入らない」理由ですが… 通常のcubeですと、先ほどの「action="?"」で自分自身に遷移した後に、php内で処理を分岐させて、カートへの商品追加等の処理を行っていたと記憶しております。ですので、php内の処理で必要な情報が不足しており、カートに商品が入らなかったのでは…と推測いたします。

critiva	投稿日時: 2013/10/11 23:42 対応状況: −−−
半人前登録日: 2013/10/11 居住地: 投稿: 15	Re: 規格ごとにカートボタンや金額を表示したい kanagettyoさん、ありがとうございます。以下のようにして、とりあえずformとジャバスクリプトに個別の値を入れることはできるようになりました。ただ、仰るとおりの状況で、まだカートに遷移しません。 action="?"　のままでは動かないのですね。確かにテンプレートをカスタマイズするために detail.phpのソースは色々と消してしまいました。もとのソースを見てもいまいちどこが該当箇所なのか想像がつかず、どこらへんの指定か分かりますでしょうか？ <!--{if $arrProductsClassList\|@count > 1}--> <form name="form<!--{$arrProductsClassList[i].classcategory_id1\|h}-->" id="form<!--{$arrProductsClassList[i].classcategory_id1\|h}-->" method="post" action="?"> <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> <table> <tr> <th><!--{$tpl_class_name1\|h}--></th> <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> <td> <input type="hidden" name="transactionid" value="<!--{$transactionid}-->" /> <input type="hidden" name="mode" value="cart" /> <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" /> <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" /> <input type="hidden" name="favorite_product_id" value="" /> <!--{if $tpl_stock_find}--> <input type="text" class="box60" name="quantity" value="<!--{$arrForm.quantity.value\|default:1\|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity\|sfGetErrorColor}-->" /> <a href="java script:void(document.form<!--{$arrProductsClassList[i].classcategory_id1\|h}-->.submit())"> <img class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg" alt="カートへ" /> </a> <!--{else}--> <div class="attention">品切中</div> <!--{/if}--> </td> </tr> <!--{/section}--> </table> </form> <!--{/if}-->

sumida	投稿日時: 2013/10/12 16:06 対応状況: −−−
仙人登録日: 2013/2/10 居住地: 広島県呉市ときどき瀬戸内海投稿: 641	Re: 規格ごとにカートボタンや金額を表示したいマトリクス表示のプラグインに対して、こんな修正もしてみました。「「規格１」を変更する。」など、 http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=12826&forum=16&post_id=58976#forumpost58976 参考になれば。また、マトリクス表示の順序設定のプラグインとは、競合表示（同じ機能について変更する機能ですから）がでます。対策：　　優先順位を設定します。（マトリクス表示：1 、マトリクス表示の順序設定：0 ）マトリクス表示の順序設定プラグインについては、こちらも参考になれば。 http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=12845&forum=16&post_id=59065#forumpost59065

(1) 2 3 »