WCEX SKU Selectのオリジナルテーマでの導入について

[yamapota]

——————————————-
WordPress のバージョン：4.6.1
Welcart のバージョン：1.8.8
ご利用のテーマ：blanc
症状を確認したブラウザ：windows7
サーバー（会社名、サービス名）：xserver
SSLの利用：あり　
WordPress のパーマリンク設定：
——————————————–

以上の環境でWCEX SKU Select導入すべく、ドキュメントを
読みながら手順に沿ってphpを修正しておりましたが、なかなかうまく
行きません。

現状は、

・プルダウンは全く動かない
・ラジオボタンは複数SKUが表示されるものの、どれを選んで
　カートに入れてもカートに入るのは一つ目のSKUの商品。

と言った状況で途方にくれています。
原因がわかる方、blanc他オリジナルテーマで導入されたことがある方など
ご教示頂けましたら幸いです。

その他必要な事項などあればご確認下さい。

[ohnishi]

こんにちは

お使いのテーマ（blanc）内に設置している

/wc_templates/wc_sku_select.php　の

<div id="skuform">.....</div>

内に記述しているコードを
お教えいただく事は可能でしょうか？

どうぞよろしくお願いいたします。

• この返信は7年、 11ヶ月前にohnishiが編集しました。

[yamapota]

>ohnishi様

コメントありがとうございました。

コードは下記になります。無茶苦茶な修正をしているかもしれませんが、
何卒よろしくお願いいたします。

<?php get_header();?>
<?php get_template_part('breadcrumbs-item'); ?>
<article <?php post_class(); ?>>
	<?php if( have_posts() ): the_post(); ?>
	<?php usces_remove_filter(); ?>
	<?php usces_the_item(); ?>
	<?php usces_have_skus(); ?>
	
	<div class="row">
		<div class="columns medium-7">
			<div class="flexslider slider-item">
				<ul class="slides">
					<li><a>" <?php echo apply_filters('usces_itemimg_anchor_rel', NULL); ?>><?php usces_the_itemImage(0, 640, 640, $post); ?></a></li>
					<?php $imageid = usces_get_itemSubImageNums(); if($imageid): foreach ( $imageid as $id ) : ?>
					<li><a>" <?php echo apply_filters('usces_itemimg_anchor_rel', NULL); ?>><?php usces_the_itemImage($id, 640, 640, $post); ?></a></li>
					<?php endforeach; endif; ?>
				</ul>
			</div>
			<?php if( $imageid ): ?>
			<div class="flexslider">
				<ul class="slides">
					<li><?php usces_the_itemImage(0, 200, 200, $post); ?></li>
					<?php foreach ( $imageid as $id ) : ?>
					<li><?php usces_the_itemImage($id, 200, 200, $post); ?></li>
					<?php endforeach; ?>
				</ul>
			</div>
			<?php endif; ?>
		</div><!-- columns -->
		<div class="columns medium-5">
			<h1 class="entry-title item-title" itemprop="name"><?php usces_the_itemName(); ?></h1>

			<time datetime="<?php echo get_the_date('c'); ?>" class="updated hide"><?php echo get_the_date(); ?></time>
					
			<form action="<?php echo USCES_CART_URL; ?>" method="post" class="skuform">
<?php wcex_sku_select_form(); ?>
				<div>
					<meta itemprop="availability" href="http://schema.org/InStock" content="<?php usces_the_itemZaiko(); ?>">
						
						<div class="item-price text-gray">
							<?php if( usces_the_itemCprice('return') > 0 ) : ?>
								<div class="field_cprice"><span class="ss_cprice"><?php usces_the_itemCpriceCr(); ?><?php usces_guid_tax(); ?></span></div>
							<?php endif; ?>

							<span itemprop="price">
								<b class="font-bigger"><div class="field_price"><span class="ss_price"><?php usces_the_itemPriceCr(); ?></span></div></b><?php usces_guid_tax(); ?>
							</span>
						</div>
					
						<?php usces_the_itemGpExp(); ?>

						<?php if( usces_have_zaiko() ): ?>
							<?php if (usces_is_options()): while (usces_have_options()) : ?>
								<table class="item-option">
									<tbody>
										<tr><td><?php usces_the_itemOptName(); ?></td><td><?php usces_the_itemOption(usces_getItemOptName(),''); ?></td></tr>
									</tbody>
								</table>
							<?php endwhile; endif; ?>
							<span class="item-quant"><?php usces_the_itemQuant(); ?></span><?php usces_the_itemSkuUnit(); ?>
							<?php usces_the_itemSkuButton('&#xf07a;&nbsp;' .__( 'Add to Cart', 'blanc' ), 0); ?>
					
						<?php else: ?>
					
							<span class="ss_stockstatus"><?php $stock = usces_get_itemZaiko( 'name' ); ?></span>
							<?php echo sprintf(__('<p class="item-stock">This item is currently %s.</p>', 'blanc'), $stock ); ?>
							<span class="ss_stockstatus"><?php echo apply_filters('usces_filters_single_sku_zaiko_message', esc_html(usces_get_itemZaiko( 'name' ))); ?></span>
						<?php endif; ?>
						<?php echo apply_filters('single_item_single_sku_after_field', NULL); ?>
				

				</div>
				
				<?php do_action('usces_action_single_item_inform'); ?>
			</form>
			
			<?php do_action('usces_action_single_item_outform'); ?>
			<?php usces_singleitem_error_message($post->ID, usces_the_itemSku('return')); ?>
			
			<?php if( $item_custom = usces_get_item_custom( $post->ID, 'table', 'return' ) ){ echo $item_custom; } ?>
			
			<div>

				<?php the_content(); ?>
				<?php the_tags('<p class="text-gray"><i class="fa fa-tag"></i> ', ',', '</p>'); ?>
			</div>
			
		</div><!-- columns -->
	</div><!-- row -->	
	<div class="row">
		<div class="columns">
		</div>
	</div>
	<?php endif; ?>
</article>
<?php get_footer(); ?>

[ohnishi]

コードを確認させていただきました。

WCEX SKU SELECT ドキュメント
https://www.welcart.com/docs/SkuSelect/themes.html

上記URLの、
3. 「id=”skuform”」の付与

がされていないみたいです。

<form action="<?php echo USCES_CART_URL; ?>" method="post" class="skuform">
<div id="skuform">

</div>
</form>

formタグ直下に「id=”skuform”」を追記してみてください。
どうぞよろしくお願いいたします。

[yasumax]

こんにちは。

以下の点も修正されていませんのであわせてご確認ください。

7. カートボタンの修正
usces_have_zaiko()での条件分岐は必要ありません。

8. loading画像の設置
loading画像を設置してください

9. 業務パック割引の削除
SKU Selectは業務パック割引機能が利用できないので削除してください。

[yamapota]

ohnishi様　yasumax様　
ご返信ありがとうございます。
頂いた点の修正を試してみます。

>yasumax様

usces_have_zaiko()の分岐は不要と言うのは、コードの下記（最後に添付）から、

<?php if( usces_have_zaiko() ): ?>、
<?php else: ?>、
<?php endif; ?>

の3つを削除するということでしょうか。それとも他に修正必要でしょうか。

現状、↑とloading画像の指定以外を反映しているところですが、
①プルダウンは表示されるようになった②プルダウンもラジオボタンも
カートに入れる際は1つ目のskuの分が入るという状況です。

以上、何卒よろしくお願いいたします。

						<?php if( usces_have_zaiko() ): ?>
							<?php if (usces_is_options()): while (usces_have_options()) : ?>
								<table class="item-option">
									<tbody>
										<tr><td><?php usces_the_itemOptName(); ?></td><td><?php usces_the_itemOption(usces_getItemOptName(),''); ?></td></tr>
									</tbody>
								</table>
							<?php endwhile; endif; ?>
							<span class="item-quant"><?php usces_the_itemQuant(); ?></span><?php usces_the_itemSkuUnit(); ?>
							<?php usces_the_itemSkuButton('&#xf07a;&nbsp;' .__( 'Add to Cart', 'blanc' ), 0); ?>
					
						<?php else: ?>
					
							<span class="ss_stockstatus"><?php $stock = usces_get_itemZaiko( 'name' ); ?></span>
							<?php echo sprintf(__('<p class="item-stock">This item is currently %s.</p>', 'blanc'), $stock ); ?>
							<span class="ss_stockstatus"><?php echo apply_filters('usces_filters_single_sku_zaiko_message', esc_html(usces_get_itemZaiko( 'name' ))); ?></span>
						<?php endif; ?>

[yasumax]

こんにちは。

usces_have_zaiko()の分岐は不要と言うのは、コードの下記（最後に添付）から、

<?php if( usces_have_zaiko() ): ?>
<?php else: ?>
<?php endif; ?>

の3つを削除するということでしょうか。

その部分になります。
ドキュメントにも記載しているとおり、SKU Select商品の場合は、在庫有り・無しの切り替えをJavaScriptで切り替えることになるので、条件分岐は不要なため削除します。

それとも他に修正必要でしょうか。

下記の作業がまだ不十分かと思われます。
条件分岐を削除後、在庫がある時とない時で表示したい内容をそれぞれdivタグなどでくくり「class=”itemsoldout”」「class=”c-box”」を付与してみてください。
7. カートボタンの修正

在庫がない場合に表示する要素を囲っているタグには「class=”itemsoldout”」を付与し、在庫有りの場合に表示する要素を囲っているタグには「class=”c-box”」を付与します。
– ドキュメントから抜粋

[yamapota]

>yasumax様
お返事が遅れまして申し訳ございませんでした。

いただいた内容を試したところ、skuの切り替えがうまくいきました！

在庫切れ時に「お問い合わせ」ボタンが出なくなるなど別の問題も
出てきておりますが、光明が見えてきた感じです。

ご教示いただきましてありがとうございます。

[投稿者]

投稿