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 用の配送先登録ページのテンプレートを設置します。
<設置手順>
- マイページの購入履歴より最新版のZipファイル（welcart_basic-beldad.1.1.1.zip）をダウンロードして解凍します。
- 解凍したファイル内の「wc_templates」の「member」フォルダ内に「wc_member_mda_page.php」というテンプレートがございますので、お使いのテーマ内に同じ階層になるよう設置してください。
welcart_basic-beldad/wc_templates/member/wc_member_mda_page.php
PAGE TOP