woocommerceの在庫切れ商品バリエーションのカスタムdivブロックを表示する
sebas6691
Woocommerceでは、可変商品のバリエーションが在庫切れの場合にカスタムdivコンテナーを表示しようとしていますが、入荷待ちです。
したがって、デフォルトでは非表示になっています。しかし、顧客が在庫がないが入荷待ちのバリエーションを選択すると、私が書いたdivブロックが表示されます。
このdivブロックを商品の簡単な説明の中に配置しました。これは、在庫がないときに表示したい場所だからです。または、少なくとも、バリエーションフォームの上、製品の簡単な説明の下に配置したいと思います。
私はphpとwoocommerceフックについてほとんど、あるいはまったく知識がないので、誰かがこれを行う方法を知っているかどうか疑問に思いました。
これは私が話しているdivコンテナコードです。
<div class="mto-cont">
<div class="col-xs-6 made-to-order"><a href="#">Made to Order</a></div>
<div class="col-xs-6">Production time: <span style="color: #000;">2 - 4 weeks</span></div>
LoicTheAztec
更新-以下は、製品バリエーションが入荷待ちの場合にカスタムhtml表示を追加します。
add_filter( 'woocommerce_available_variation', 'custom_outofstock_variation_addition', 10, 3 );
function custom_outofstock_variation_addition( $data, $product, $variation ) {
if( $variation->is_on_backorder() ){
$data['availability_html'] .= '<div class="mto-cont">
<div class="col-xs-6 made-to-order"><a href="#">Made to Order</a></div>
<div class="col-xs-6">Production time: <span style="color: #000;">2 - 4 weeks</span></div>
</div>';
}
return $data;
}
コードは、アクティブな子テーマ（またはアクティブなテーマ）のfunction.phpファイルに入ります。テストされ、動作します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
WooCommerceの「在庫切れ」商品バリエーションに連絡フォームを追加する
- 2
Woocommerceカートに商品バリエーションのカスタムフィールドを表示する
- 3
Woocommerceのショップアーカイブページでのみ在庫切れの商品を非表示にする
- 4
在庫切れの商品バリエーションのグレー表示（WooCommerce）
- 5
Woocommerceのカスタム商品タイプにバリエーションタブを追加するには?
- 6
WooCommerceのカスタム在庫数量削減により、「在庫切れ」の製品バリエーションをグレー表示
- 7
Woocommerceのカートメッセージに追加された商品バリエーション属性を表示する
- 8
WooCommerceの単一商品にカスタム商品バリエーション値を動的に設定して表示する
- 9
Woocommerceでカスタムメタデータを使用して「在庫切れ」の商品を非表示にする
- 10
可変商品がWoocommerceで在庫切れの場合、カートブロックに追加を非表示にします
- 11
Woocommerceで商品バリエーションが選択した価格の後にカスタムダイナミックテキストを追加する
- 12
Woocommerce製品バリエーションの在庫データチェックボックスオプションに基づくカスタム表示
- 13
WooCommerceで商品バリエーションのカスタム計算価格を動的に設定する
- 14
WooCommerceに商品バリエーションの在庫数が表示されない
- 15
WooCommerce：商品バリエーションからカスタムフィールドを取得し、バリエーション価格のサフィックスとして表示します
- 16
ドロップダウンではなくタブに商品のバリエーションを表示する
- 17
Woocommerceの特定のカテゴリアーカイブで在庫切れの商品を非表示にする
- 18
woocommerceで商品のバリエーションを表示するカートメッセージに追加
- 19
WooCommerceの商品バリエーション在庫数量を色別に表示
- 20
Woocommerceのドロップダウン選択にバリエーション在庫数を表示する
- 21
woocommerce3のカートページのバリエーションの商品属性を表示する
- 22
woocommerceのショップページに商品のバリエーションを表示する
- 23
Woocommerceの在庫のある商品のリストを表示する商品カテゴリフィルター
- 24
Woocommerce：カートページに商品バリエーションの説明を表示する
- 25
Woocommerceの商品属性スラッグ値ペアで商品バリエーションIDを取得する
- 26
WooCommerce のバリエーション画像の代わりに、カートのサムネイルにメインの商品画像を表示する
- 27
WooCommerceのバリエーション商品からカスタムフィールド値と最大価格を取得する
- 28
製品バリエーションのカスタムフィールド値をWooCommerceのカスタム製品タブに表示します
- 29
Shopify、コレクションページに最初の在庫商品のバリエーションの価格を表示
コメントを追加