バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品詳細画面でもう一つカートに入れるボタンを追加したい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
k_ko
投稿日時: 2023/5/23 9:17
対応状況: −−−
新米
登録日: 2023/3/15
居住地:
投稿: 3
商品詳細画面でもう一つカートに入れるボタンを追加したい
▼テンプレート
[EC-CUBE] EC-CUBEのバージョン、4.1.2
[環境]ローカル開発環境
●やりたいこと
商品詳細画面にてカートに入れるボタン↓をもうひとつ追加したいのですが、この場合同じformは2個表示できなかったのでAddCartTypeにもう一つ同じものを追加し、同じ処理を書けばよいのかなと思いますが、他に良い方法などありますでしょうか?
よろしくお願い致します。



<form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
{% if is_granted('ROLE_USER') and Product.status.id == display_show %}
{% if Product.stock_find %}
<div class="ec-productRole__actions">
{% if form.classcategory_id1 is defined %}
<div class="ec-select">
{{ form_widget(form.classcategory_id1) }}
{{ form_errors(form.classcategory_id1) }}
</div>
{% if form.classcategory_id2 is defined %}
<div class="ec-select">
{{ form_widget(form.classcategory_id2) }}
{{ form_errors(form.classcategory_id2) }}
</div>
{% endif %}
{% endif %}
{% if is_granted('ROLE_USER') %}
<div class="ec-numberInput"><span>{{ '数量'|trans }}</span>
<div class="spinner-container">
<div class="field">
<button class="button disabled" id="down" type="button">-</button>
{{ form_widget(form.quantity) }}
{{ form_errors(form.quantity) }}
<button class="button" id="up" type="button">+</button>
</div>
</div>
</div>
{% endif %}
</div>
<div class="ec-productRole__btn">
<button type="submit" class="ec-blockBtn--action add-cart">
{{ 'カートに入れる'|trans }}
</button>
</div>
{{ form_rest(form) }}
{% else %}
<div class="ec-productRole__btn">
<button type="button" class="ec-blockBtn--action" disabled="disabled">
{{ '在庫がありません'|trans }}
</button>
</div>
{% endif %}
{% endif %}
{% if Product.status.id != display_show %}
<div class="ec-productRole__btn">
<button type="button" class="ec-blockBtn--action" disabled="disabled">
{{ '当商品の申込受付は<br>終了しました'|raw|nl2br }}
</button>
</div>
{% endif %}
</form>
mcontact
投稿日時: 2023/5/23 11:16
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1351
Re: 商品詳細画面でもう一つカートに入れるボタンを追加したい
開発ドキュメントは、下記にあります。
https://doc4.ec-cube.net/


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー【ゴールド】ランク
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

akako152
投稿日時: 2023/5/26 19:06
対応状況: 解決済
半人前
登録日: 2021/4/7
居住地: 東京都
投稿: 16
Re: 商品詳細画面でもう一つカートに入れるボタンを追加したい
テンプレートファイル(例:product_detail.html.twig)を開きます。

追加したいカートボタンの部分に以下のコードを追加します:

<form action="{{ path('add_to_cart') }}" method="post">
<input type="hidden" name="productId" value="{{ product.id }}" />
<button type="submit" class="btn btn-primary">カートに入れる</button>
</form>

コントローラーのアクション(例:add_to_cart)を作成します。このアクションでは、カートに商品を追加する処理を実装します。

use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\Routing\Annotation\Route;

// ...

/**
* @Route("/add-to-cart", name="add_to_cart", methods={"POST"})
*/
public function addToCartAction(Request $request)
{
$productId = $request->request->get('productId');

// カートに商品を追加する処理を記述します

return $this->redirectToRoute('product_detail', ['id' => $productId]);
}

以上の手順を実行することで、商品詳細画面に追加したいカートボタンが表示され、ボタンがクリックされると指定したコントローラーアクションが呼び出されるようになります。追加したいカートボタンのデザインや動作に応じて、必要に応じてカスタマイズしてください。
mcontact
投稿日時: 2023/5/30 10:29
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1351
Re: 商品詳細画面でもう一つカートに入れるボタンを追加したい
商品詳細画面に「カートに入れる」ボタンを追加したいだけであれば、Controller部に追加したカートボタンを押下した場合の処理を行うメソッドを車輪の再発明の様に追加する必要はありません。
単純に、商品詳細画面のFormタグ内に追加したカートボタンを入れていれば良いだけですのでtwigファイルを合うように記述すればいいです。
Formタグ内に入れられないデザインをしているのであれば、元のカートに入れるボタンの処理を実行する様なJavascriptを実装すれば、良いと思います。


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー【ゴールド】ランク
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は90,174名です
総投稿数は110,324件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1682
8
red
1571
9
mcontact
1351
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.