WCEX SKU Selectのオリジナルテーマでの導入について
-
投稿者投稿
-
2016年11月30日 9:11 PM #81253yamapota参加者
——————————————-
WordPress のバージョン:4.6.1
Welcart のバージョン:1.8.8
ご利用のテーマ:blanc
症状を確認したブラウザ:windows7
サーバー(会社名、サービス名):xserver
SSLの利用:あり
WordPress のパーマリンク設定:
——————————————–以上の環境でWCEX SKU Select導入すべく、ドキュメントを
読みながら手順に沿ってphpを修正しておりましたが、なかなかうまく
行きません。現状は、
・プルダウンは全く動かない
・ラジオボタンは複数SKUが表示されるものの、どれを選んで
カートに入れてもカートに入るのは一つ目のSKUの商品。と言った状況で途方にくれています。
原因がわかる方、blanc他オリジナルテーマで導入されたことがある方など
ご教示頂けましたら幸いです。その他必要な事項などあればご確認下さい。
2016年12月2日 1:04 PM #81274ohnishiキーマスターこんにちは
お使いのテーマ(blanc)内に設置している
/wc_templates/wc_sku_select.php の
<div id="skuform">.....</div>
内に記述しているコードを
お教えいただく事は可能でしょうか?どうぞよろしくお願いいたします。
- この返信は7年、 10ヶ月前にohnishiが編集しました。
2016年12月2日 1:39 PM #81276yamapota参加者>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(' ' .__( '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(); ?>
2016年12月5日 10:15 AM #81302ohnishiキーマスターコードを確認させていただきました。
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”」を追記してみてください。
どうぞよろしくお願いいたします。2016年12月5日 10:28 AM #81304yasumaxキーマスターこんにちは。
以下の点も修正されていませんのであわせてご確認ください。
7. カートボタンの修正
usces_have_zaiko()
での条件分岐は必要ありません。8. loading画像の設置
loading画像を設置してください9. 業務パック割引の削除
SKU Selectは業務パック割引機能が利用できないので削除してください。2016年12月5日 11:27 AM #81308yamapota参加者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(' ' .__( '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; ?>
2016年12月5日 3:14 PM #81318yasumaxキーマスターこんにちは。
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”」を付与します。
– ドキュメントから抜粋2016年12月14日 11:02 PM #81443yamapota参加者>yasumax様
お返事が遅れまして申し訳ございませんでした。いただいた内容を試したところ、skuの切り替えがうまくいきました!
在庫切れ時に「お問い合わせ」ボタンが出なくなるなど別の問題も
出てきておりますが、光明が見えてきた感じです。ご教示いただきましてありがとうございます。
-
投稿者投稿
- このトピックに返信するにはログインが必要です。