Welcart Square 1.0.7 を利用する場合
親テーマ「Welcart Basic」は必ず1.2.9 以降を利用してください。Welcart Square 1.0.7 をリリースしました。
今回の更新内容は次の通りです。
- wp_body_open() 設置
- 固定ページ・投稿記事詳細のタイトルタグ修正
- ページナビのスタイル調整
- ドロワーメニューのスタイル修正
- 商品一覧での売り切れ表示位置の修正
- 商品詳細ページの商品スライド画像のスタイル調整
wp_body_open() 設置
テンプレートタグ追加: welcart_basic-square/header.php 22行目
<?php wp_body_open(); ?>
固定ページ・投稿記事詳細のタイトルタグ修正
テンプレート修正: welcart_basic-square/template-parts/content.php 18行目
<div class="entry-box">
<h1 class="entry-title"><?php the_title(); ?></h1>
ページナビのスタイル調整
スタイル追加: welcart_basic-square/style.css 1107行目
.pagination_wrapper li {
text-align: center;
font-size: 16px;
width: 45px;
line-height: 45px;
}
スタイル追加: welcart_basic-square/style.css 1126行目
.pagination_wrapper li .dots {
line-height: 47px;
}
ドロワーメニューのスタイル修正
テンプレート修正: welcart_basic-square/header.php 84行目
<div id="mobile-menu">
<div class="in">
</div>
</div>
スタイル削除: welcart_basic-square/style.css 420行目
#mobile-menu {
display: block;
position: absolute;
padding: 20px;
-moz-transition-duration: .8s;
z-index: 4;
}
スタイル追加: welcart_basic-square/style.css 441行目
#mobile-menu .in {
height: 100%;
padding: 20px;
overflow-y: scroll;
}
スタイル追加: welcart_basic-square/style.css 1577行目
@media screen and (min-width: 62.5em) {
#mobile-menu .in {
height: auto;
padding: 0;
overflow-y: auto;
}
}
商品一覧での売り切れ表示位置の修正
スタイル修正: welcart_basic-square/style.css 1030行目
.itemsoldout .inner {
position: absolute;
top: 50%;
font-weight: normal;
width: 100%;
background: none;
margin: 0;
border: none;
box-shadow: none;
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
商品詳細ページの商品スライド画像のスタイル調整
スタイル追加: welcart_basic-square/usces_cart.css 44行目
#img-box .slider {
position: relative;
margin-bottom: 10px;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
overflow: hidden;
z-index: 0;
}



