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

2016 年 11 月 30 日

ホーム フォーラム 拡張プラグイン WCEX SKU Selectのオリジナルテーマでの導入について

このトピックには6件の返信が含まれ、3人の参加者がいます。3 日、 23 時間前 yasumax さんが最後の更新を行いました。

7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #81253

    yamapota
    参加者

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

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

    現状は、

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

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

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

    #81274

    ohnishi
    参加者

    こんにちは

    お使いのテーマ(blanc)内に設置している

    /wc_templates/wc_sku_select.php の

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

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

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

    • この返信は1 週前に   さんが編集しました。
    #81276

    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(); ?>
    
    
    #81302

    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”」を追記してみてください。
    どうぞよろしくお願いいたします。

    #81304

    yasumax
    キーマスター

    こんにちは。

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

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

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

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

    #81308

    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; ?>
    #81318

    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”」を付与します。
    – ドキュメントから抜粋

7件の投稿を表示中 - 1 - 7件目 (全7件中)

このトピックに返信するにはログインが必要です。