Welcart Beldad 1.1.1 をリリース

Delivery Address 対応

Welcart Beldad を独自にカスタマイズしている方で「Delivery Address」を導入される場合には、下記の修正が必要となります。

配送・支払ページのスタイル調整

ページをBeldadのスタイルに合わせるため、CSSを追記します。

スタイル追加①：　welcart_basic-beldad/usces_cart.css 1569行目あたり

    /* = delivery address
    -------------------------------------------------------------- */

    table#delivery_table tr td.delivery-address-book a.new-delivery-address-button{
    color: #fff;
    background: #777;
    border: none;
    }
    .memb-delivery-address .address-block{
    margin: 0 1.071em;
    }
    .memb-delivery-address .msa_area #new_destination{
    line-height: 1;
    background-color: #000;
    border: none;
    }
    .memb-delivery-address .return_navi{
    margin-top: 10px;
    position: inherit;
    }
    .memb-delivery-address .return_navi a{
    text-align: center;
    background-color: #aaa;
    box-shadow: none;
    border: none;
    padding: 10px 0;
    width: 100%;
    }
    .memb-delivery-address .allocation_dialog_exp{
    background-color: #eee;
    border: none;
    }
    .memb-delivery-address .msa_field{
    border-top: none;
    }
    .memb-delivery-address .msa_field label{
    padding: 10px 0;
    width: auto;
    display: block;
    }
    .memb-delivery-address .msa_field input[type='text'],
    .memb-delivery-address .msa_field #msa_note{
    margin: 0;
    }
    .memb-delivery-address .msa_field #msa_name,
    .memb-delivery-address .msa_field #msa_name2,
    .memb-delivery-address .msa_field #msa_furigana,
    .memb-delivery-address .msa_field #msa_furigana2{
    margin: 0 0 8px 3%;
    width: 92%;
    vertical-align: baseline;
    }
    .memb-delivery-address .msa_field #msa_note,
    #msa_address1{
    width: 100%;
    }
    .memb-delivery-address select{
    line-height: 1;
    border-radius: 3px;
    }
    .memb-delivery-address #msa_button{
    border-top: none;
    }
    .memb-delivery-address #add_destination,
    .memb-delivery-address #edit_destination,
    .memb-delivery-address #cancel_destination,
    .memb-delivery-address #del_destination{
    font-size: 14px;
    line-height: 1;
    border: none;
    box-shadow: none;
    width: 40%;
    max-width: 160px;
    height: 46px;
    }
    .memb-delivery-address #add_destination,
    .memb-delivery-address #edit_destination{
    color: #fff;
    background-color: #777;
    }
    .memb-delivery-address #cancel_destination,
    .memb-delivery-address #del_destination{
    color: #333;
    background-color: #eee;
    }
    

ブレイクポイントのスタイル追記

画面幅が変わった場合のスタイルを追記します。

スタイル追加②：　welcart_basic-beldad/usces_cart.css 1773行目あたり

    /* -------------------------------------------------------------------------- */
    /* Delivery Address
    /* -------------------------------------------------------------------------- */
    .memb-delivery-address #new_destination{
    padding: 10px 30px;
    margin: 0 10px;
    display: inline-block;
    width: auto;
    height: auto;
    }
    .memb-delivery-address .return_navi{
    margin-top: 0;
    position: absolute;
    }
    .memb-delivery-address .return_navi a{
    padding: 6px 20px;
    }
    .memb-delivery-address .msa_field{
    padding-bottom: 24px;
    }
    .memb-delivery-address .msa_field label{
    padding: 10px;
    width: 20%;
    display: inline-block;
    }
    .memb-delivery-address .msa_field #msa_name,
    .memb-delivery-address .msa_field #msa_name2,
    .memb-delivery-address .msa_field #msa_furigana,
    .memb-delivery-address .msa_field #msa_furigana2{
    width: 33%;
    max-width: 200px;
    }
    .memb-delivery-address .msa_field #msa_name,
    .memb-delivery-address .msa_field #msa_furigana{
    margin-right: 3%;
    }
    .memb-delivery-address .msa_field input[type='text'],
    .memb-delivery-address .msa_field #msa_note,
    #msa_address1{
    width: 80%;
    }
    .memb-delivery-address #msa_button{
    margin-bottom: 20px;
    }
    .memb-delivery-address #add_destination,
    .memb-delivery-address #edit_destination,
    .memb-delivery-address #cancel_destination,
    .memb-delivery-address #del_destination{
    width: 20%;
    }
    

テンプレートの設置

Welcart Beldad 用の配送先登録ページのテンプレートを設置します。

<設置手順>

1. マイページの購入履歴より最新版のZipファイル（welcart_basic-beldad.1.1.1.zip）をダウンロードして解凍します。
2. 解凍したファイル内の「wc_templates」の「member」フォルダ内に「wc_member_mda_page.php」というテンプレートがございますので、お使いのテーマ内に同じ階層になるよう設置してください。

   welcart_basic-beldad/wc_templates/member/wc_member_mda_page.php