バージョン選択

フォーラム

メニュー

オンライン状況

61 人のユーザが現在オンラインです。 (51 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 61
もっと...

サイト内検索

質問 > フロント機能 > ランディングページやトップページから直接商品をかごに入れたいのですが

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
zekuzeku
投稿日時: 2007/8/4 17:13
対応状況: −−−
常連
登録日: 2007/8/1
居住地:
投稿: 43
ランディングページやトップページから直接商品をかごに入れたいのですが
EC-CUBEでは、普通商品をカゴに入れる場合、商品詳細ページから行うことになっています。

ここで、ランディングページやトップページから直接商品をかごに入れられるようにボタンを設置したいのですが、どのようにしたらいいのでしょうか?

出力された商品詳細ページをコピーしてデスクトップから試してみましたところ、単にフォーム内容を写すだけでなくjavascriptの呼びだし方がキーポイントであることは掴めました。
しかし、実際にEC-CUBE上からテンプレートやPHPプログラム部分をどのように組めばよいのかわかりませんでした。

すでに実現されていらっしゃる方、よろしければ教えていただけないでしょうか?
よろしくお願い致します。
ryou
投稿日時: 2007/8/6 2:46
対応状況: −−−
新米
登録日: 2007/2/7
居住地:
投稿: 9
Re: ランディングページやトップページから直接商品をかごに入れたいのですが
JavaScriptとFormタグの部分移設しても十分動きそうですが、
↓な感じでどうでしょう?デスクトップに保存したファイルからはカートに入りましたが。

<form name="form1" id="form1" method="post" action="http://example.com/products/detail.php?product_id=15">
<input type="hidden" name="mode" value="cart" />
<input type="hidden" name="product_id" value="15">
<input type="text" name="quantity" size="3" class="box3 fs14n" value="1" maxlength="8" style="" />
<input type="image" src="/img/to_cart.gif" name="submit" class="to_cart" /></form>

acitonのパラメータとproduct_idには、入れたい商品IDいれてください。(acitonの値は、同一ドメインであれば、/からの絶対パスでもいけます。)

個数指定を強制的に決めうちにしたければ、type="text"のものを
type="hidden"にしてvalueに突っ込めば大丈夫です。
ボタンマウスオーバーにしたければ、type="image"のなかにjavascriptのイベントを書いてください。
zekuzeku
投稿日時: 2007/8/6 4:56
対応状況: −−−
常連
登録日: 2007/8/1
居住地:
投稿: 43
Re: ランディングページやトップページから直接商品をかごに入れたいのですが
ryouさん、深夜にもかかわらず返答してくださりありがとうございます!
試してみましたところ、確かにうまくいきました!!
ありがとうございます!!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,690名です
総投稿数は109,935件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1569
9
mcontact
1280
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.