バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品詳細ページの規格ごとにカートボタンを付けたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
SATC3
投稿日時: 2017/8/2 3:38
対応状況: −−−
半人前
登録日: 2017/8/2
居住地:
投稿: 14
商品詳細ページの規格ごとにカートボタンを付けたい
[EC-CUBE] Ver 3.0.14 新規インストール

ご教授ください。
商品詳細ページの規格を一覧で表示してそれぞれにカートボタンを付けたいのですが。
参考サイト
http://zozo.jp/shop/mono-mart/goods-sale/21789235/?did=41369000&rid=1003
こんな感じにしたいのですが可能でしょうか。

ECCUBE使用歴がまだ浅いもので色々手こずっております。

宜しくお願いいたします。
umebius
投稿日時: 2017/8/2 6:55
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: 商品詳細ページの規格ごとにカートボタンを付けたい
可能です。考え方としてはAddCartTypeのフォームをボタン分作成して表示してやるか、もしくはAddCartTypeのフォームは1つだけにしておいてボタンを押した時にjavascriptでproduct_class_idとproduct_idの<input>を動的に切り替えるかどちらかかかと思います。


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

SATC3
投稿日時: 2017/8/4 1:52
対応状況: 確認中
半人前
登録日: 2017/8/2
居住地:
投稿: 14
Re: 商品詳細ページの規格ごとにカートボタンを付けたい
umebius 様

早々のご返信ありがとうございます。

まだ試せておりませんが、心強いご回答で希望がわきました。

ファイルの場所などまだ全て把握できていなく
上手くできるかどうかなのですが、少し考えて試してみます。

試したらまたご報告させていただきす。
ありがとうございます。
umebius
投稿日時: 2017/8/6 20:33
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: 商品詳細ページの規格ごとにカートボタンを付けたい
了解致しました。
試して見てエラーなどのご質問であれば具体的に回答できると思いますので
、ぜひ色々とお試しいただければと存じます。


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

SATC3
投稿日時: 2017/8/26 22:33
対応状況: −−−
半人前
登録日: 2017/8/2
居住地:
投稿: 14
Re: 商品詳細ページの規格ごとにカートボタンを付けたい
umebius 様

お世話になります。

ご相談してもよろしいでしょうか。

【作業したこと】
・form内に必要なinputを配置。
・規格の内容をセレクトフォームからリストに変更してループ。
・カートボタンを新たにつくり規格と同じループ内に配置してクリックでjavascript始動。javascript内にはそれぞれvalueを所定のinput idがあるvalueに飛ぶように記述。
と作ったのですが、
カートボタンを押してもurlの最後に?がついてカートに入りません。

http://localhost/index_dev.php/products/detail/35?

一度ソースを見ていただいてもよろしいでしょうか。
※一部デフォルトのままの箇所もございます。
内容はformタグ内のみ改造
ズラズラと長いですが、宜しくお願いいたします。



<!-- ▼フォーム内容(規格、数量、カートボタン、お気に入りボタン、お問い合わせボタン)▼ -->
<form action="?" method="post" id="form1" name="form1">

<!--▼買い物かご-->
<div id="detail_cart_box" class="cart_area">
{% if Product.stock_find %}

<!--規格-->
{% if form.classcategory_id1 is defined %}
<ul>
<!--- javascript --->
<script type="text/javascript">
//<![CDATA[
function submitcart_products(product_class_id, classcategory_id1, classcategory_id2) {
$("#product_class_id").val(product_class_id);
$("#classcategory_id1").val(classcategory_id1);
$("#classcategory_id2").val(classcategory_id2);
document.form1.submit();
}
//]]>
</script>
{% for ProductClass in Product.ProductClasses %}
<li>
<ul class="cart_box clearfix">
<li class="product-image">
<div class="image-box">
<img src="/html/upload/save_image/{{ Product.MainListImage }}" alt="{{ ProductClass.class_category1.name }}" width="30">
<p><small>{{ ProductClass.class_category1.name }}</small></p>
</div>
</li>
<li class="product-size">
<div class="size-box">
SIZE: {{ ProductClass.class_category2.name }} &nbsp;
{% if ProductClass.StockFind == false %}
<span class="text-danger">
在庫切れ
</span>
{% else %}
残り {{ ProductClass.stock }} 点
{% endif %}
</div>
</li>
<li class="cartin">
<div class="cart-box">
{% if ProductClass.StockFind == false %}
<span>SOLD OUT</span>
{% else %}
<a href="java script:void()" onclick="submitcart_products({{ ProductClass.id }}, {{ ProductClass.class_category1.id }}, {{ ProductClass.class_category2.id }});" id="add-cart" class="btn btn-cartin">
<i class="fa fa-shopping-cart"></i> ADD CART
</a>
{% endif %}
</div>
</li>
</ul>
</li>
{% endfor %}
</ul>
{% endif %}
<!--数量-->
{# 数量 #}
<dl id="detail_cart_box__cart_quantity" class="quantity">
<dt>数量</dt>
<dd>
{{ form_widget(form.quantity) }}
{{ form_errors(form.quantity) }}
</dd>
</dl>
<!--エクストラフォーム-->
<div class="extra-form">
{% for f in form.getIterator %}
{% if f.vars.name matches '[^plg*]' %}
{{ form_row(f) }}
{% endif %}
{% endfor %}
</div>



{% else %}

{# 在庫がない場合は品切れボタンを表示 #}
<div id="detail_cart_box__button_area" class="btn_area">
<ul class="row">
<li class="col-xs-12 col-sm-8"><button type="button" class="btn btn-default btn-block" disabled="disabled">ただいま品切れ中です</button></li>
</ul>
{#Favorite product button#}
{% if BaseInfo.option_favorite_product == 1 %}
<ul id="detail_cart_box__favorite_button" class="row">
{% if is_favorite == false %}
<li class="col-xs-12 col-sm-8"><button type="submit" id="favorite" class="btn btn-info btn-block prevention-btn prevention-mask">お気に入りに追加</button></li>
{% else %}
<li class="col-xs-12 col-sm-8"><button type="submit" id="favorite" class="btn btn-info btn-block" disabled="disabled">お気に入りに追加済みです</button></li>
{% endif %}
</ul>
{% endif %}
</div> {#End div#detail_cart_box__button_area #}

{% endif %} {#End stock find#}

</div>
<!--▲買い物かご-->
<div style="display: none">
<input type="hidden" id="mode" name="mode" value="">
</div>
<div style="display: none">
<input type="hidden" id="product_id" name="product_id" value="{{ Product.id }}">
</div>
<div style="display: none">
<input type="hidden" name="product_class_id" id="product_class_id" value="">
</div>
<div style="display: none">
<input type="hidden" id="classcategory_id1" name="classcategory_id1" value="">
</div>
<div style="display: none">
<input type="hidden" id="classcategory_id2" name="classcategory_id2" value="">
</div>
<div style="display: none">
<input type="hidden" id="quantity" name="quantity" value="1">
</div>

<!--{{ form_rest(form) }}-->
</form>
<!-- ▲フォーム内容(規格、数量、カートボタン、お気に入りボタン、お問い合わせボタン)▲ -->
SATC3
投稿日時: 2017/9/8 12:27
対応状況: 解決済
半人前
登録日: 2017/8/2
居住地:
投稿: 14
Re: 商品詳細ページの規格ごとにカートボタンを付けたい
自己解決しました。

<div style="display: none">
<input type="hidden" id="mode" name="mode" value="">
</div>

ここのvalueにadd_cartをあらかじめセットしておくことで。
全ての商品がカートに入るようになりました。

umebius 様

ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.