使用中 ウッドマート テーマ構(gòu)築 WooCommerce ショップスウォッチ(屬性ボタンスタイル)は、特にカラー、サイズ、その他のバリエーションについて、商品表示を強(qiáng)化することができます。しかし、多くの人が、商品が在庫切れの場合、スウォッチスタイルが正常に表示されず、フロントエンドで混亂を引き起こしやすいことを発見しました。

この記事では、在庫切れの狀態(tài)でもSwatchスタイルが正しく反映されるように、この問題に対処する方法を順を追って説明します。

I. スウォッチのスタイル設(shè)定はどこにありますか？

まず、バックオフィスに入る：

商品 → プロパティ → 屬性の編集（例：色、サイズ）

このプロパティページの下部には、スウォッチ設(shè)定エリアがあり、選択することができます：

• スウォッチ?スタイル
• 障害者スタイル
• スタイル形狀（正方形/円形）

更新」をクリックして設(shè)定を保存する。

注意：ここでスタイルを設(shè)定しても、後続の製品やバリアントが正しく設(shè)定されていない場合、スウォッチスタイルは表示されません。

次に、セッティング後に効果がないのはなぜか。

ページを更新してもスウォッチのスタイルに変化が見られない場合は、おそらくそのせいでしょう：

• 商品はまだ「在庫切れ」と表示されているが、「有効」のままである。
• ウッドマート テーマはこの狀態(tài)に無効化されたスタイルを適用しない

III.解決策1：個々の製品バリエーションの変更

• 商品編集ページを開く
• 在庫切れのバリアントを見つけ、クリックして展開する

• 有効」のチェックを外す。
• バリアントの保存、商品の更新
• ページを更新すると、128GBのオプションが消える

この方法は、在庫切れのオプションを表示したいが、視覚的に明確に區(qū)別したい場合に適している。

解決策2：在庫切れの商品を隠すようにWooCommerceを設(shè)定する

在庫切れの商品を前景に表示させたくない場合は、次のような方法がある：

• バックステージへのアクセスWooCommerce → 設(shè)定 → 商品 → 在庫

• 在庫切れ商品をカタログから隠す」にチェックを入れる。

• 設(shè)定の保存

このように設(shè)定した後

• 在庫切れの商品はフロントエンドに表示されません。
• スウォッチ?スタイルは在庫切れも表示できる
• 各バリアントを個別に修正する必要がない

V. 提言のまとめ

利用シーン	推薦
フロントエンドに在庫切れのオプションが表示されるが、スタイルを変更する必要がある。	Enable "チェックボックスをオフにする。
在庫切れの商品を表示しない	在庫切れの商品を隠す」にチェックを入れる。

スウォッチ?スタイルが機(jī)能するかどうかはお飾り現(xiàn)在の設(shè)定狀態(tài)。この仕組みを理解すれば、表示効果を柔軟に調(diào)整することができ、スタイルが反映されなくて困ることもなくなる。

その他のセットアップに関するご質(zhì)問は、お?dú)葺Xにコメントをお寄せください！ ワードプレス チュートリアル

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時間: 月～金、9:30～18:30、祝日休み