Divi機能の更新:WooCommerceカートとチェックアウトのカスタマイズ

Blair Jersyer Divi Tutorials Nov 23, 2021

本日、8つの新しいDivi WooCommerceモジュールがリリースされ、ビルダーとそのすべてのデザインオプションを使用してWooCommerceチェックアウトページとWooCommerceカートページをカスタマイズする機能が追加されました。 これで、製品の表示から購入まで、ユーザーエクスペリエンス全体を制御できます。

新しいDiviWooCommerceモジュール

このリリースでは、8つの新しいモジュールがDiviに追加されました。 これらの新しいモジュールはそれぞれ、WooCommerceのカートとチェックアウトページのセクションを表しています。 Diviモジュールを使用してショッピングカートまたはチェックアウトページを設計すると、ページのレイアウトと構造を完全に制御できます。 このセットには、8つの新しいモジュールが含まれています。

  • Woo Cart製品•このモジュールは、ユーザーが現在カートに入れている製品のリストを表示します。
  • Woo Cart Totals –このモジュールは、ユーザーのカート内の製品の現在の小計、送料、および合計価格を表示します。
  • Woo Cart CrossSells–このモジュールは、カートページにクロスセリングと関連製品を表示します。
  • Woo Checkout Billing–このモジュールは、チェックアウト中に使用される請求詳細フォームを表示します。
  • Woo Checkout Shipping •このモジュールは、チェックアウト中に使用される配送詳細フォームを表示します。
  • Wooチェックアウト情報•このモジュールには、アドオン情報フォームが表示されます。
  • Wooチェックアウトの詳細•チェックアウトプロセス中に、このモジュールは、購入されている製品とそれぞれの価格を含む注文情報を表示します。
  • Woo Checkout Payment •支払いタイプの選択とフォームの詳細は、このモジュールでのチェックアウト中に表示されます。

このアップグレードは、Diviの動的フレームワークと動的CSSにより、Webサイトの速度に影響を与えません。これらのモジュールは、使用時にこれらのモジュールとそれに関連する関数およびアセットのみをロードします。

カートとチェックアウトページのカスタマイズ

このバージョンで提供した8つの新しいカートおよびチェックアウトモジュールを使用して、DiviはWooCommerceカートページまたはWooCommerceチェックアウトページをDiviモジュールのコレクションに自動的に変換します。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

カートとチェックアウトは、ページ上で移動したり、他のDiviモジュールと組み合わせたりすることで、好みに合わせてカスタマイズできます。 Diviモジュールを使用すると、達成できることに境界はなく、各モジュールには、これらのページのあらゆる側面を変更できる幅広いデザインオプションがあります。

WooCommerceに適用された変更の例

退屈なカートテーブルと刺激のないチェックアウトページの時代はもう過ぎ去りました。 WooCommerceでは、デザインの腕前を最大限に発揮できるようになりました。 私たちのデザインチームがこの新しい機能を思いついた素晴らしいカートとチェックアウトページのいくつかを見てください。

デモを見る


デモを見る

デモを見る

デモを見る

Diviの新しいWooCommerceモジュールが利用可能になりました!

現在、 Divi WooCommerceアップデートをダウンロードできますので、お楽しみください。 Diviの新機能が利用可能になったときに最初に知りたい場合は、 Twitterでフォローしてください。 あなたのウェブサイトに変更を加える前に、私はいつも時間をかけて各機能を非常に詳細に調べます。 ウェブサイトでDiviを使用する人にとって必見の映画とブログのエントリ!