Welcart Bordeaux 1.2 をリリースしました。
[更新内容]
WCEX Favorites 対応
Welcart Bordeaux を独自にカスタマイズしている方で「WCEX Favorites」を導入される場合には、下記の修正が必要となります。
「お気に入りリスト」ページへのリンク設置
ヘッダーのメンバーメニューに「お気に入りリスト」ページへのリンクを設置します。
フック追加: welcart_basic-bordeaux/header.php 60行目あたり
<?php if( usces_is_login() ): ?>
<li><?php printf(__('Hello %s', 'usces'), usces_the_member_name('return')); ?></li>
<li><?php usces_loginout(); ?></li>
<li><a href="<?php echo USCES_MEMBER_URL; ?>"><?php _e('My page', 'welcart_basic') ?></a></li>
<?php do_action( 'usces_theme_login_menu' ); ?>
<?php else: ?>
<li><?php _e('guest', 'usces'); ?></li>
<li><?php usces_loginout(); ?></li>
<li><a href="<?php echo USCES_NEWMEMBER_URL; ?>"><?php _e('New Membership Registration','usces') ?></a></li>
<?php endif; ?>
※ do_action( ‘usces_theme_login_menu’ ) を追加
商品一覧にお気に入りアイコン設置
商品カテゴリーページや検索結果ページなどの商品一覧の各商品にお気に入りアイコンを設置します。
フック追加
: welcart_basic-bordeaux/front-page.php 49行目あたり
: welcart_basic-bordeaux/category.php 30行目あたり
: welcart_basic-bordeaux/search.php 24行目あたり
: welcart_basic-bordeaux/wc_search_page.php 59行目あたり
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<div class="itemimg">
<a href="<?php the_permalink() ?>">
<?php usces_the_itemImage(0, 300, 300); ?>
<?php do_action( 'usces_theme_favorite_icon' ); ?>
<?php if( wcct_get_options('display_soldout') && !usces_have_zaiko_anyone() ): ?>
<div class="itemsoldout">
※ do_action( ‘usces_theme_favorite_icon’ ) を追加
商品詳細ページにお気に入りアイコン設置
商品詳細ページにお気に入りアイコンを設置します。
お気に入りアイコンの設置に伴いHTMLの構造の変更もおこなっております。
フック追加
: welcart_basic-bordeaux/wc_templates/wc_item_single.php 46行目あたり
: welcart_basic-bordeaux/wc_templates/wc_item_single_service.php 35行目あたり
: welcart_basic-bordeaux/wc_templates/wc_item_single_data.php 35行目あたり
: welcart_basic-bordeaux/wc_templates/wc_sku_select.php 46行目あたり
: welcart_basic-bordeaux/wc_templates/wc_sku_select_service.php 35行目あたり
<div id="img-box">
<?php $imageid = usces_get_itemSubImageNums(); ?>
<div class="slider slider-for itemimg">
<div><a href="<?php usces_the_itemImageURL(0); ?>" <?php echo apply_filters( 'usces_itemimg_anchor_rel', NULL ); ?>><?php usces_the_itemImage( 0, 335, 335, $post ); ?></a></div>
<?php foreach( $imageid as $id ) : ?>
<div><a href="<?php usces_the_itemImageURL($id); ?>" <?php echo apply_filters( 'usces_itemimg_anchor_rel', NULL ); ?>><?php usces_the_itemImage( $id, 335, 335, $post ); ?></a></div>
<?php endforeach; ?>
<?php if( !empty( $imageid ) ): ?>
<div class="slider slider-nav itemsubimg">
【変更後】
<div id="img-box">
<?php $imageid = usces_get_itemSubImageNums(); ?>
<div class="itemimg">
<div class="slider slider-for">
<div><a href="<?php usces_the_itemImageURL(0); ?>" <?php echo apply_filters( 'usces_itemimg_anchor_rel', NULL ); ?>><?php usces_the_itemImage( 0, 335, 335, $post ); ?></a></div>
<?php foreach( $imageid as $id ) : ?>
<div><a href="<?php usces_the_itemImageURL($id); ?>" <?php echo apply_filters( 'usces_itemimg_anchor_rel', NULL ); ?>><?php usces_the_itemImage( $id, 335, 335, $post ); ?></a></div>
<?php endforeach; ?>
</div>
<?php do_action( 'usces_theme_favorite_icon' ); ?>
</div>
<?php if( !empty( $imageid ) ): ?>
<div class="slider slider-nav itemsubimg">
※ do_action( ‘usces_theme_favorite_icon’ ) を追加
※ HTML構造の変更は、下記を参考にしてください。
HTML構造の変更
| 変更前 | 変更後 |
|---|---|
<div class="slider slider-for itemimg">
・・・
</div>
|
<div class="itemimg">
<div class="slider slider-for">
・・・
</div>
</div>
|
スタイル追加: welcart_basic-bordeaux/usces_cart.css 49行目あたり
#itempage .itemimg {
margin-bottom: 30px;
border: 1px solid #ddd;
text-align: center;
}
#itempage .itemimg .slick-slider {
margin-bottom: 0;
}
#itempage .itemsubimg {
margin: 2% -2% 0 0;
※ 「#itempage .itemimg」に「margin-bottom: 30px;」 を追加
※ 「#itempage .itemimg .slick-slider」にスタイルを追加
商品画像(メイン・サブ画像)の高さにバラつきがある場合、お気に入りアイコンが該当箇所に表示されない事があります。下記のファイルにオプションを追加し対応ください。
オプション追加: welcart_basic-bordeaux/js/wcct-slick.js 7行目あたり
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
adaptiveHeight: true,
fade: true,
asNavFor: '.slider-nav'
});
※ 「adaptiveHeight: true」 を追加
お気に入りリストページのテンプレート設置
Welcart Bordeaux 用のお気に入りリストページのテンプレートを設置します。
<設置手順>
- マイページの購入履歴より最新版のZipファイル(welcart_basic-bordeaux.1.2.zip)をダウンロードして解凍します。
- 解凍したファイル内の「wc_templates」の「member」フォルダ内に「wc_favorite_page.php」というテンプレートがございますので、お使いのテーマ内に同じ階層になるよう設置してください。
welcart_basic-bordeaux/wc_templates/member/wc_favorite_page.php
WCEX Favorties 専用の CSS追加
お気に入りリストページのテンプレートと同様に お気に入り専用のCSSを設置します。
<設置手順>
- マイページの購入履歴より最新版のZipファイル(welcart_basic-bordeaux.1.2.zip)をダウンロードして解凍します。
- 解凍したファイル内の「asses」の「css」フォルダ内に「favorite.css」というCSSファイルがございますので、お使いのテーマ内に同じ階層になるよう設置してください。
※「asses」「css」の各フォルダがお使いのテーマに存在しない場合は、フォルダも作成してCSSファイルを設置してください。welcart_basic-bordeaux/assets/css/favorite.css
ヘッダーメンバーメニューのスタイル・レイアウト調整
会員ログイン時のメンバーメニューの表示順を変更しました。
テンプレート修正: welcart_basic-bordeaux/header.php 13行目あたり
【変更前】
<?php if( usces_is_login() ): ?>
<li><?php printf(__('Hello %s', 'usces'), usces_the_member_name('return')); ?></li>
<li><?php usces_loginout(); ?></li>
<li><a href="<?php echo USCES_MEMBER_URL; ?>"><?php _e('My page', 'welcart_basic') ?></a></li>
<?php do_action( 'usces_theme_login_menu' ); ?>
<?php else: ?>
<li><?php _e('guest', 'usces'); ?></li>
<li><?php usces_loginout(); ?></li>
<li><a href="<?php echo USCES_NEWMEMBER_URL; ?>"><?php _e('New Membership Registration','usces') ?></a></li>
<?php endif; ?>
【変更後】
<?php if( usces_is_login() ): ?>
<li><?php printf(__('Hello %s', 'usces'), usces_the_member_name('return')); ?></li>
<li><a href="<?php echo USCES_MEMBER_URL; ?>"><?php _e('My page', 'welcart_basic') ?></a></li>
<?php do_action( 'usces_theme_login_menu' ); ?>
<li><?php usces_loginout(); ?></li>
<?php else: ?>
<li><?php _e('guest', 'usces'); ?></li>
<li><?php usces_loginout(); ?></li>
<li><a href="<?php echo USCES_NEWMEMBER_URL; ?>"><?php _e('New Membership Registration','usces') ?></a></li>
<?php endif; ?>
※ usces_loginout() ログアウトの表示位置を変更



