ドキュメントホーム › Commerce Studio とショップ
動画チュートリアルを見る
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
その他の動画チュートリアル
カタログとサービス情報
通常どおり、名前、価格、短い説明、詳細な説明、画像、在庫、商品カテゴリーを設定します。General の商品データパネルには、Price unit、Typical turnaround、What is included、Before collection、Care limitations の項目もあります。
自社で提供できるサービス内容のみを入力してください。空欄の項目は表示されません。デモの価格とテキストは例ですので、公開前に置き換えてください。既存の商品画像は保持されます。
ショップとニッチ別ストア
メインの Shop ページでは、公開済みのすべてのカタログサービスを検索できます。訪問者は、ランドリーの専門分野、上限価格、在庫状況で絞り込み、サービス名、価格、新着順で並べ替えられます。検索、フィルター、ページ送りの更新では、ページは再読み込みされません。
105 のニッチショップページは、それぞれ独自の商品マッピングを使用します。Gutenberg、Elementor、WPBakery、Classic の各バージョンは、同じカタログコンポーネントを呼び出します。周囲のネイティブセクションは、対応するエディターで編集してください。
ショートコードは、Gutenberg のショートコードブロック、Elementor のショートコードウィジェット、WPBakery のテキストブロック、または Classic Editor で使用します。
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]
ニッチを指定しない場合、認識されたニッチページでは、そのページ自身のニッチが使用されます。通常のページでは、ショートコードはカタログ全体を表示します。
ショッピングツール
| ツール | 動作 |
|---|---|
| クイックビュー | 最新の価格、画像、サービスの説明、ケアの詳細を表示します。購入可能なシンプルなサービスは、AJAX によるカートへの追加に対応しています。オプションのある商品は、商品ページへのリンクになります。 |
| 保存済みサービス | このブラウザーに最大 30 件の商品 ID を保存します。アカウント間やデバイス間では同期されません。価格と在庫状況は、リストを開くたびに更新されます。 |
| 比較 | 最大 4 つのサービスを並べて比較します。WooCommerce の現在の価格と、入力したケアに関する情報が使用されます。 |
| ランドリーバッグ | カートドロワーには、実際の WooCommerce のカート、小計、削除コントロール、カートとチェックアウトへのリンクが表示されます。 |
| 商品注文バー | 固定表示のバーから、訪問者は商品の通常のオプションと数量のフォームに移動できます。実際のカート価格は WooCommerce が計算します。 |
集荷とチェックアウト
チェックアウトには、希望集荷日、集荷の時間帯、ケアの希望、指示事項が含まれます。Cart と Checkout はネイティブの WooCommerce ブロックのままで、My Account も WooCommerce のアカウントエリアのままです。クーポン、税金、配送、関連商品、クロスセル、注文履歴は、WooCommerce の設定に従います。
検証ルールと、予約日は対応枠を確保するものではなくリクエストであるという注意点については、予約、集荷、オペレーションをご覧ください。
決済と公開
公開テーマデモでは、バーチャルなランドリーサービスを含め、WooCommerce ネイティブの代金引換が有効になっており、Pay on collection or delivery というラベルが付いています。チェックアウトでカードに請求されることはありません。タイトル、説明、指示、配達の制限は、WooCommerce → Settings → Payments → Cash on delivery で編集できます。
- これはストアの設定です。ニッチをインポートしても、ストアの決済ゲートウェイは有効になりません。
- 銀行振込は WooCommerce で利用できますが、確認済みの銀行口座情報を入力するまで無効のままです。
- カードやウォレットでの支払いには、対応する決済プロバイダーのプラグインと加盟店接続が必要です。事業を行う国、通貨、Checkout Blocks に対応したプロバイダーを選び、サンドボックスでテストしてから、事業の設定を確認したうえで本番モードを有効にしてください。
- 注文メモにカード情報を入力しないでください。
ランドリーショッピングの設定
- サービスオプションのボタンは、ネイティブの可変商品の属性と WooCommerce のバリエーション在庫を使用します。JavaScript が使えない場合は、通常のセレクターがフォールバックとして機能します。
- 最近閲覧したサービスは、このデバイスに最大 12 件の商品 ID を保存し、現在の商品を最大 6 件表示します。Clear history で削除できます。
- グリッド表示またはリスト表示の設定は、このデバイスに保持されます。検索、並べ替え、価格フィルターは引き続き利用できます。
- オプションのサービスおすすめには、Product data → Linked Products → Cross-sells を使用します。これらは個別の購入であり、割引付きのバンドルではありません。
- My Account には、サービス、注文履歴、住所へのショートカットがあります。Order again は、WooCommerce ネイティブの対象条件と検証を使用します。
- Price unit は Product data → General で設定します。バリエーションの単位が空欄の場合は、親商品の単位を引き継ぎます。
デモ:Laundry bag care。編集可能な 3 種類のバッグサイズとサンプル価格が設定されています。
見積専用サービスとケアガイド
- サービスを編集し、Product data → General を開きます。
- Quote only を有効にし、公開済みの問い合わせページの ID を設定します。
- すると、サービスに Priced after assessment と表示され、そのページへのリンクになります。バリエーションを含め、WooCommerce の商品検証により直接購入は無効になります。通常の小売商品は引き続き購入できます。
- 移動先のページに問い合わせフォームを追加し、配信を設定します。法人向けデモでは Contact Form 7 を使用しています。注文の作成、対応枠の確保、お客様への請求は行いません。
Product data → General で Garment care guide を設定すると、サービスページに折りたたみ式の準備ガイドが表示されます。受け付ける衣類に合わせた具体的なアドバイスにしてください。空のガイドは表示されません。
デモ:Commercial linen care assessment。
カタログの検索、並べ替え、フィルターは、共有可能な URL の状態を保持します。再読み込みやブラウザーの「戻る」ボタンで選択したフィルターが復元され、Reset でクリアされます。固定表示の注文バーはネイティブのバリエーション変更に追従し、AJAX で描画されるサービス情報でも価格の単位が維持されます。
機能の範囲
ショッピング体験の参考として、他のコマース向けテーマを検討しました。Washlora は完全な機能同等性を謳うものではなく、他のテーマの独自コードをコピーすることもありません。
| 機能 | Washlora の対応状況 |
|---|---|
| ライブ検索、AJAX フィルター、クイックビュー、比較、保存済みサービス、カートドロワー | Commerce Studio に含まれます |
| サービスオプションのボタン、閲覧履歴、グリッド表示とリスト表示、リンクされたアドオン、アカウントのショートカット、価格の単位 | 含まれます |
| 見積専用サービス、衣類ケアガイド、共有可能なフィルター状態 | 含まれます |
| ウィッシュリストのアカウント間同期 | 含まれません — 保存済みサービスはデバイス内にのみ保存されます |
| 動的なバンドル割引、無料ギフト、入荷待ちメール、カゴ落ち回復、価格アラート | 含まれません |
| 自動の定期課金、容量に基づく集荷枠 | 含まれません |
| 他のテーマのビジュアルなコマーステンプレートビルダー | 含まれません — Washlora は独自の 4 エディター方式を維持します |
| 決済 | WooCommerce ネイティブのチェックアウトです。銀行振込とオンラインプロバイダーには、加盟店としての設定が必要です。 |
ショップのトラブルシューティング
- ニッチのショップが空です:商品が公開済みで、カタログに表示される設定になっており、正しいニッチに割り当てられていることを確認してください。
- 古いスタイルが表示される:該当ページのキャッシュを削除してください。
- カート、チェックアウト、アカウントの問題:セッションをページキャッシュで共有してはいけません。WooCommerce のセッションに関するリクエストでは、コンテンツのキャッシュを無効にしてください。
- 保存したリストが消える:保存リストにはブラウザーのストレージが必要です。プライベートブラウジング、サイトデータの消去、別のデバイスでは、同じリストは保持されません。合計金額と在庫状況は WooCommerce がすべて確認し、ブラウザーのストレージの値が信頼されることはありません。
