[WordPress] WooCommerce 商品ボタンが正しく表示されない場合は、

今ではほとんどのブラウザで をサポートするため、WooCommerce 2.3で商品増減ボタン(プラス/マイナスボタン)が削除されました。

しかし、いくつかの理由で、このボタンが正しく表示されない問題が発生したり、旧バージョンのブラウザを考慮して、このボタンを維持することを希望する場合があります。 この場合は、以下の方法を使用して商品増減ボタンを復元することができます。

プラグインの使用

WooCommerce数量のインクリメント プラグインを使用することができます。 このプラグインをインストールした後に、次のコードを WordPress テーマの関数ファイルに追加するようにします。

add_action( 'wp_enqueue_scripts', 'wcqi_enqueue_polyfill' );
function wcqi_enqueue_polyfill() {
wp_enqueue_script( 'wcqi-number-polyfill' );
}

CSSコード

上記の方法でうまくいかない場合、あるいはプラグインのインストールをしたいのかしない場合は、スタイルシートファイルで .quantity .qty 部分を探して、次のコードに置き換えてくれれば問題が解決することができます。

.quantity .qty { border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:26px; text-align: center; }

javascriptを使用

または、次のようなjavascriptを使用してみることもできます。

$('.plus').on('click',function(e){

var val = parseInt($(this).prev('input').val());

$(this).prev('input').val( val+1 );
});
$('.minus').on('click',function(e){

var val = parseInt($(this).next('input').val());
if(val !== 0){
$(this).next('input').val( val-1 );
} });
// Source: stackoverflow

최근 WooCommerceが更新され翻訳が一緒に更新されない問題が発生したようです。 WooCommerceが更新された後に翻訳が更新されるまでの翻訳する時間が必要ではないかと思われます。 そのため、翻訳の更新が遅れることができるようになります。 以前のバージョンの WooCommerce 言語ファイルをアップロードすると、一部の文字列を除いた大部分の文字列がハングルで表示されないかと思います。 WooCommerce 翻訳と関連して この記事を参考にしてみてください。

メモ:


2のコメント

  1. こんにちは。 現在エクスプローラーでは、商品の数量増加ボタンが見えない、クロムでは見える状態です。
    はじめにくださったプラグインには、開発者がプラグインを閉じた状態であって、スタイルシートにcssコードを入力しようとします。
    現在チャイルドテーマを使用しているので、既存のテーマのスタイルシートで「.quantity .qty」を検索しています。

    .woocommerce-cart .woocommerce .quantity .qty {
    フォントサイズ:14px。
    行の高さ:18px。
    }
    .woocommerce-cart .woocommerce .quantity .qty {
    パディング - 右:0;
    }

    この部分が検索され、この部分はどこ

    .quantity .qty {border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:26px; text-align:center; }

    を入れるといいですか?

    助けお願いします。

コメントを残す

*メールアドレスは公開されません。