Welcart Square 1.1.1 をリリース

Delivery Address 対応

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

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

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

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

    /* = delivery address
    -------------------------------------------------------------- */
    table#delivery_table tr td.delivery-address-book a.new-delivery-address-button{
        background: #777;
        border: none;
        box-shadow: none;
    }
    .memb-delivery-address .msa_area #new_destination{
        line-height: 1;
        background-color: #d3222a;
        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 20px;
        width: 100%;
    }
    .memb-delivery-address .allocation_dialog_exp{
        background-color: #eee;
        border: none;
    }
    .memb-delivery-address .msa_field{
        border-bottom: none;
    }
    .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 select{
        line-height: 1.5;
    }
    .memb-delivery-address #add_destination,
    .memb-delivery-address #edit_destination,
    .memb-delivery-address #cancel_destination,
    .memb-delivery-address #del_destination{
        line-height: 1;
        border: none;
        box-shadow: none;
        width: 40%;
        max-width: 160px;
    }
    .memb-delivery-address #add_destination,
    .memb-delivery-address #edit_destination{
        background-color: #d3222a;
    }
    

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

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

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

    /* = delivery address
    -------------------------------------------------------------- */
    .memb-delivery-address .return_navi{
        margin-top: 0;
        position: absolute;
    }
    .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%;
    }
    

テンプレートの設置

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

<設置手順>

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

   welcart_basic-square/wc_templates/member/wc_member_mda_page.php