Welcart Basicの商品画像スライド設定について

ホーム フォーラム テンプレート(テーマ) Welcart Basicの商品画像スライド設定について

このトピックには3件の返信が含まれ、3人の参加者がいます。3 ヶ月、 2 週間前 hsasaki さんが最後の更新を行いました。

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

    h.0208
    参加者

    Welcart Basicにて、Flexsliderを使用し商品画像をクリックするとスライド表示される設定にしたいのですが、
    自分で調べた内容を記述してもうまく動作しない状態です。
    解決法が分かる方がいましたらご教授おねがいいたします。

    ——————————————-
    WordPress のバージョン:5.2.2
    Welcart のバージョン:1.2.8
    ご利用のテーマ:Basic
    症状を確認したブラウザ:chrome
    サーバー:Xサーバー
    ——————————————–

    記述した内容は以下の通りです。

    ・header.php </head>直前
    ——————————————–

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
    	<script type="text/javascript">
    
    		jQuery(window).load(function() {
    
    		  jQuery('.flexslider').flexslider({
    
    		    animation: "slide",
    
    		    slideshow: false,
    
    		    controlNav: "thumbnails"
    
    		  });
    
    		});
    
    </script>

    ——————————————–

    ・wc_item_single.php <div id="img-box">
    ——————————————–

     <div id="slider" class="flexslider">
            <ul class="slides">
                <li data-thumb="<?php usces_the_itemImageURL(0); ?>">
                    <a href="<?php usces_the_itemImageURL(0); ?>" <?php echo apply_filters('usces_itemimg_anchor_rel', NULL); ?>><?php usces_the_itemImage(0, 355, 355, $post); ?></a>
                </li>
                <?php $imageid = usces_get_itemSubImageNums(); ?>
                <?php foreach ( $imageid as $id ) : ?>
                <li data-thumb="<?php usces_the_itemImageURL($id); ?>">
                    <a href="<?php usces_the_itemImageURL($id); ?>" <?php echo apply_filters('usces_itemimg_anchor_rel', NULL); ?>><?php usces_the_itemImage($id, 135, 135, $post); ?></a>
                </li>
                <?php endforeach; ?>
            </ul>
        </div>

    ——————————————–

    こちらの都合で実際のHPをお見せすることはできないのですが、
    上記の記述で原因が分かる方がいましたら
    ご回答お願いいたします。

    • このトピックは h.0208が4 ヶ月前に変更しました。
    #88132

    ohnishi
    参加者

    こんにちは

    Flexslider に同梱されている「jquery.flexslider-min.js」や
    スタイルシートなどの読み込みがされていないことが原因ではないでしょうか。

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

    #88160

    h.0208
    参加者

    ohnishi様
    ご回答ありがとうございます。
    jquery.flexslider-min.js等のファイルはアップロードしているので、
    読込まれているはずではあるのですが、
    動作しない状態です。

    下記URLのサイトの方法に従ってやってみたのですが、
    動作しない原因等は見当が付きますでしょうか?
    http://evm-label.com/2017/03/wlcrt_cstmz_slide_image01/

    また、上記サイト内にあるjquery.js?ver=1.4.2をダウンロードしようとしたのですが、
    見つけることができませんでした。
    そのため
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    の記述で呼び出している状態です。
    ダウンロード方法が分かる方がいましたら
    ご教授いただけると幸いです。

    #88176

    hsasaki
    キーマスター

    Welcart_Basic をお使いでしたら、
    すでにjquery本体は読み込まれています。

    Chrome などのブラウザで要素検証した場合、
    エラーなどは出ておりませんでしょうか?

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

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