Welcart Basicの商品画像スライド設定について
フォーラム › テンプレート(テーマ) › Welcart Basicの商品画像スライド設定について
-
投稿者投稿
-
2019年7月22日 11:50 AM #88127h.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が5年、 2ヶ月前に変更しました。
2019年7月23日 2:41 PM #88132ohnishiキーマスターこんにちは
Flexslider に同梱されている「jquery.flexslider-min.js」や
スタイルシートなどの読み込みがされていないことが原因ではないでしょうか。どうぞよろしくお願いいたします。
2019年7月31日 6:48 PM #88160h.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>
の記述で呼び出している状態です。
ダウンロード方法が分かる方がいましたら
ご教授いただけると幸いです。2019年8月2日 4:07 PM #88176hsasakiキーマスターWelcart_Basic をお使いでしたら、
すでにjquery本体は読み込まれています。Chrome などのブラウザで要素検証した場合、
エラーなどは出ておりませんでしょうか? -
投稿者投稿
- このトピックに返信するにはログインが必要です。