フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

ワードプレスでショッピングカートを作ろう その7 商品をカートに追加する

前回は商品をカートに追加する準備ができたので、今回は実際に商品をカートに追加します。
商品をカートに追加する処理はセッション変数を使います。
画面に [ 次へ ] ボタンと [ 買い物を続ける ] ボタンも追加します。

ついでに商品のカラーやサイズといった要素も追加して、セレクト(プルダウン)メニューで選択できるようにしてみます。まずは商品の購入画面を変更します。
これは前回同様ただのHTMLなので簡単ですね。

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>商品ページテスト</title>
</head>
<body>

	<form action="https://lesson-school.com/ml-cart/" method="post">
		<input name="ml-item_name[01][test_01]" value="テスト商品" type="hidden" />
		<input name="ml-item_price[01][test_01]" value="100" type="hidden" />

	テスト商品<br />
	100円<br />
	サイズ
		<select name="ml-item_size[01][test_01]">
			<option>小</option>
			<option>中</option>
			<option>大</option>
		</select><br />
	カラー
		<select name="ml-item_color[01][test_01]">
			<option>赤</option>
			<option>白</option>
			<option>黒</option>
		</select><br />
	個数
		<select name="ml-item_num[01][test_01]">
			<option>1</option>
			<option>2</option>
			<option>3</option>
		</select><br />

		<input name="cart-in" type="submit" value="カートへ入れる" />
	</form>

</body>
</html>

▼サンプル
lesson-school.com/wp-content/lesson/cart/07-lMe/01.php

次にカート側の処理です。
前回は単純にフォームの値を配列で受け取り表示していただけですが、カートらしくテーブルを使って整形された状態で表示してみます。

カートを見る

前回同様、テーマフォルダの「functions.php」に記述します。

前回のスクリプトを以下のように改作してみましょう。

会員限定コンテンツ

この記事はブロックされています。続きを読みたい方はログインをして下さい。会員ではない方は新規会員登録をして下さい。

ログインはこちら

新規会員登録はこちら

パスワードをメールで送信します。

コメント

  1. 2018/06/16(土) 17:44:53
    @hakuchi_kara 買うものなくて、あの大きなカートにシェービングフォームだけ入れてレジに並んだり、けっこう我が家あるあるです。 コストコ会員を続けてるのは、タイヤを買ってメンテを丸投げすることと、たまに『Amazonより安い!!』と興奮してテント買ったりするくらいです。
  2. 2018/06/16(土) 17:44:53
    @7QyWwNkWr8k8l6J 時代はフォームナイトだろっ!! ショッピングカートで全力で走るんだよっ!!!
  3. 2018/06/16(土) 17:44:53
    【パクマンゴー&キムイチゴ カートオープンのお知らせ 】 ブログアップいたしました こちらのカート登録はあらかじめフォームにて募集を行い リストに入れている方のみの登録となります リストに入っていない方の登録は禁止です https://t.co/e8GnBYS29V
  4. 2018/06/16(土) 17:44:53
    ホットトピックでのフォームでは支払い完了できませんでした、からのカートには選択した商品が残っている しかしペイパルからは支払い承認メールが来た これってどういうことなんだろう。。再注文したほうがいいのかな…
  5. 2018/06/16(土) 17:44:53
    MacBookProの注文フォームの価格を見て心を落ち着けてカートに全部つっこむ仕事した

記事に戻る

コメントを残す