Welcart 会員登録ページのフリガナを必須にする際にアスタリスクを追加する方法

以前「Welcart 会員登録ページでフリガナの必須入力とカタカナ入力のチェックをする方法」というタイトルでフリガナを必須入力にする方法を書きましたが、フリガナの項目に他の必須項目と同様にアスタリスクを追加するには別途カスタマイズをする必要があります。

以下、フリガナの入力項目に必須項目を表すアスタリスクを追加する方法です。

フリガナの項目にアスタリスクを追加する

フィルターフック “usces_filter_furigana_form” に追加する独自関数のコードを functions.php 等に追加します。

/**
 * 会員登録・編集ページのフリガナ入力チェックを
 * 必須にする場合に項目名にアスタリスクを追加する
 */
function ag_usces_filter_furigana_form($furigana, $type, $values )
{
    $furigana  = '<tr class="inp1">';
    $furigana .= '<th scope="row"><em>' . __('*', 'usces') . '</em>' . usces_get_essential_mark('name3', $data).'フリガナ</th>';
    $furigana .= '<td>'.__('Familly name', 'usces').'<input name="' . $type . '[name3]" id="name3" type="text" value="' . esc_attr($values['name3']) . '" onKeyDown="if (event.keyCode == 13) {return false;}" style="ime-mode: active" /></td>';
    $furigana .= '<td>'.__('Given name', 'usces').'<input name="' . $type . '[name4]" id="name4" type="text" value="' . esc_attr($values['name4']) . '" onKeyDown="if (event.keyCode == 13) {return false;}" style="ime-mode: active" /></td>';
    $furigana .= '</tr>';
    return $furigana;
}
add_filter('usces_filter_furigana_form', 'ag_usces_filter_furigana_form', 10, 3);

カスタマイズ内容が正しく反映されると以下のようにアスタリスクが表示されます。

※検証に利用したテーマは Welcart Basic 1.2.14 です

動作環境情報情報

エックスサーバー(x10)
PHP 7.3.16
MySQL 5.7
WordPress 5.5
Welcart e-Commerce 1.9.32
Welcart Basic 1.2.14

関連記事

コメント

タイトルとURLをコピーしました