[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 翻訳と関連して この記事を参考にしてみてください。

メモ：

• Twenty Twelveテーマ+ WooCommerce：超簡単カスタマイズ
• WordPress WooCommerceで「今すぐ購入」/「買い物を続ける」ボタンを追加する