たびたびお世話になります。よろしくお願いします。
EC-CUBE3系で商品のピックアップカルーセルを作成しているのですが、前後ボダンのナビゲーションの画像が置き換わってくれなくて困っております。何か策はありますでしょうか。
<div id="item_list"> <div class="title-green pickup-text"> <img src="{{ app.config.front_urlpath }}/img/top/pickupitem.png" alt="PickUpItem"> <p>ピックアップ</p> </div> <script> $(function() { $('.slick-slider').slick({ arrows: true, appendArrows: $('#arrows'), infinite: true, slidesToShow: 5, //スライドを一度に表示する枚数 slidesToScroll: 1 //スライドを一度にスクロールする数 }); }); </script> <div class="container"> <div class="slick-slider"> {% for RecommendProduct in recommend_products %} <div class="pickup_item-box"> <div class="pickup_item"> <a href="{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}"> <div class="item_photo slider-img"><img src="{{ app.config.image_save_urlpath }}/{{ RecommendProduct.Product.mainFileName|no_image_product }}" class="shadow pickup_item-img"></div> <p class="item_comment">{{ RecommendProduct.comment|raw|nl2br }}</p> <dl> <dt class="item_name pickup_name">{{ RecommendProduct.Product.name }}</dt> <dd class="item_price"> {% if RecommendProduct.Product.hasProductClass %} {% if RecommendProduct.Product.getPrice02Min == RecommendProduct.Product.getPrice02Max %} {{ RecommendProduct.Product.getPrice02IncTaxMin|price }} {% else %} {{ RecommendProduct.Product.getPrice02IncTaxMin|price }} ~ {{ RecommendProduct.Product.getPrice02IncTaxMax|price }} {% endif %} {% else %} {{ RecommendProduct.Product.getPrice02IncTaxMin|price }} {% endif %} </dd> </dl> </a> </div> </div> {% endfor %} </div> <div id="arrows"> <!--カルーセルの矢印を画像に差し替え---> <div class="slick-next"> <img src="{{ app.config.front_urlpath }}/img/top/right-slider.png" alt="→"> </div> <div class="slick-prev"> <img src="{{ app.config.front_urlpath }}/img/top/left-slider.png" alt="←"> </div> </div> </div> </div>
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。