simpleplus_vertical_home_top
ソニーペイメントサービスの2つの決済モジュール

Welcart Square 1.0.7 をリリース

注意

Welcart Square 1.0.7 を利用する場合

親テーマ「Welcart Basic」は必ず1.2.9 以降を利用してください。

Welcart Square 1.0.7 をリリースしました。

今回の更新内容は次の通りです。

  1. wp_body_open() 設置
  2. 固定ページ・投稿記事詳細のタイトルタグ修正
  3. ページナビのスタイル調整
  4. ドロワーメニューのスタイル修正
  5. 商品一覧での売り切れ表示位置の修正
  6. 商品詳細ページの商品スライド画像のスタイル調整

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