2016-12-09 9 views
0

私はそこにWoocommerceの忍者から助けが必要です。woocommerceチェックアウトページのフィールドの下にノートを追加します

woocommerceのチェックアウトページのフィールドにテキストを入力する方法はありますか?私はいくつかのフィルターフック、私が使用する可能性がありますが、footnoteなどのオプションなしを知っ

enter image description here

...

// Hook in 
add_filter('woocommerce_billing_fields' , 'custom_override_checkout_fields'); 

// Our hooked in function - $fields is passed via the filter! 
function custom_override_checkout_fields($fields) { 
    // something like footnote??? 
    $fields['billing_first_name']['footnote'] = 'little footnote text right here!!'; 
    return $fields; 
} 

任意のアイデア?

+1

WooCommerceフィルタでは、「」フィールドの下にコンテンツを表示することはできません。フィルタがサポートする 'placeholder'属性を使うことができるかもしれませんし、JavaScriptを使って追加のノートを必要とする要素の後に必要なHTMLを挿入することもできます。 –

+0

なぜ私はそれを考えなかった!、Javascriptは良いと思う。 – norixxx

答えて

0

プレーンテキストのみが必要な場合は、CSS:afterを使用し、段落フィールドのIDをターゲットにすることができますか?例えば :

#billing_first_name_field:after { 
content: "your footnote text"; 
font-size: 14px; 
color: red; 

}

0

てみ代わりに '脚注' の '説明':

$fields['billing_first_name']['description'] = 'footnote text'; 

(注)このテキストはesc_htmlを使用してエスケープされますので、HTMLタグを使用すると、トリッキーなことができること。

woocommerce_form_field_フィルタを上書きすることもできます(例:woocommerce_form_field_text、WooCommerceプラグインのincludes/wc-template-functions.phpを参照)。サンプル:

add_filter('woocommerce_form_field_text', function ($field, $key, $args, $value) { 
    if ($key === 'billing_first_name') { 
     $field .= 'footnote text <a href="/">with link</a>'; 
    } 

    return $field; 
}, 10, 4); 
関連する問題