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; }