ウッドマート在庫切れ商品のスウォッチスタイルが表示されない？修正方法はこちら

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

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

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

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

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

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

スウォッチ・スタイル
障害者スタイル
スタイル形状（正方形/円形）

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

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

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

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

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

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

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

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

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

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

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

バックステージへのアクセスWooCommerce → 設定 → 商品 → 在庫

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

設定の保存

このように設定した後

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

V. 提言のまとめ

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

スウォッチ・スタイルが機能するかどうかはお飾り現在の設定状態。この仕組みを理解すれば、表示効果を柔軟に調整することができ、スタイルが反映されなくて困ることもなくなる。

その他のセットアップに関するご質問は、お気軽にコメントをお寄せください！ワードプレスチュートリアル

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