質問 > フロント機能 > トップページスライドショーの左右移動ボタン |
フロント機能
スレッド表示 | 古いものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
hi-ro |
投稿日時: 2018/7/5 11:52
対応状況: −−−
|
半人前 登録日: 2018/3/23 居住地: 投稿: 24 |
Re: トップページスライドショーの左右移動ボタン matchbou様
ご教授頂いた方法でJSに追加したところ、思い通りにカスタマイズできました。 非常に助かりました。 ありがとうございました。 |
matchbou |
投稿日時: 2018/7/5 11:38
対応状況: −−−
|
一人前 登録日: 2018/3/19 居住地: 投稿: 130 |
Re: トップページスライドショーの左右移動ボタン slickの内でprevArrowとnextArrowを追加すれば、指定したボタンに書き換わりますが。例えば、
とすれば標準のボタンから「aria-label」を削除することも可能ですし、画像を使いたいようなら、「<img src="前への矢印画像のパス" class="prev-arrow">」等も指定可能ですが。 それともJS内に指定されている標準のボタン自体をカスタマイズしたいということでしょうか?
|
hi-ro |
投稿日時: 2018/7/5 11:14
対応状況: −−−
|
半人前 登録日: 2018/3/23 居住地: 投稿: 24 |
Re: トップページスライドショーの左右移動ボタン matchbou様
早急にご回答いただき、ありがとうございます。 今回修正したいのは、以下のコードになります。 <button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button> <button type="button" data-role="none" class="slick-next" aria-label="next" style="display: inline-block;">Next</button> ご教授頂いた、コンテンツ管理->ページ管理->TOPページには 上記コードは記載されておりません。 この場合、どのように処置したらよろしいでしょうか? |
matchbou |
投稿日時: 2018/7/5 10:55
対応状況: −−−
|
一人前 登録日: 2018/3/19 居住地: 投稿: 130 |
Re: トップページスライドショーの左右移動ボタン ファイルはtemplate\default\index.twigとなりますが、
探すより管理画面で直すのが一番早いかと。 コンテンツ管理->ページ管理->TOPページの編集ですね。
|
hi-ro |
投稿日時: 2018/7/5 10:47
対応状況: −−−
|
半人前 登録日: 2018/3/23 居住地: 投稿: 24 |
トップページスライドショーの左右移動ボタン トップページのスライドショーの左右移動ボタンはデフォルトでは非表示になっていると思います。
以下JSのarrows部分を"true"に変更すれば表示されますが、ボタンをカスタマイズする上でHTMLがどこに書いてあるのか見つけられません。 ご存知の方いらっしゃいましたら、ご教授の方、よろしくお願い致します。 {% block javascript %} <script> $(function(){ $('.main_visual').slick({ dots: true, arrows: false, autoplay: true, speed: 400 }); }); </script> {% endblock %} |
スレッド表示 | 古いものから | 前のトピック | 次のトピック | トップ |