Welcart Carina 1.1.1 をリリース

WCEX Delivery Address 対応

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

配送先登録ページ及びカート内配送ページのスタイル修正

下記のスタイルを参考に、スタイルの修正及び追加を行ってください。

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

/* --------------------------------------------------------------

WCEX Delivery Address in Cart Delivery Page

-------------------------------------------------------------- */

table#delivery_table tr td.delivery-address-book a.new-delivery-address-button {
    border: none;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}
table#delivery_table tr a.save-cart-delivery-address-button {
    border: none;
    display: inline-block;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}
table#delivery_table tr td.delivery-address-book a.new-delivery-address-button:hover {
    background-color: rgba( 254, 152, 5, .6 );
}
table#delivery_table tr a.save-cart-delivery-address-button:hover {
    color: #fff;
    background-color: rgba( 46, 162, 204, .6 );
}

/* --------------------------------------------------------------

WCEX Delivery Address in My Page

-------------------------------------------------------------- */

.memb-delivery-address .member_submenu {
    margin-bottom: 10px;
}
.memb-delivery-address #new_destination {
    line-height: normal;
    border: none;
}
.memb-delivery-address .return_navi a {
    border: none;
    line-height: 40px;
    height: 40px;
    padding: 0 30px;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}
.memb-delivery-address #destination {
    line-height: 1.5;
}
.memb-delivery-address .msa_field {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.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: 42%;
}
#memberinfo.memb-delivery-address .button {
    line-height: normal;
}
.memb-delivery-address #msa_button input {
    line-height: normal;
    border: none;
    margin-right: 0.5em;
    margin-left: 0.5em;
}
.memb-delivery-address #member_pref {
    line-height: normal;
}
.memb-delivery-address .msa_message {
    width: 100%;
    margin: 5px 0 0 0;
    display: block;
}

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

    /* --------------------------------------------------------------
    
    WCEX Delivery Address in My Page
    
    -------------------------------------------------------------- */

    .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.5%;
    }
    .memb-delivery-address .msa_message,
    .memb-delivery-address #zip_message,
    .memb-delivery-address #tel_message {
        margin-left: 25%;
        width: 75%;
    }