■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。
このフォーラムは閲覧専用のアーカイブです。

テーマ「bccolumn」使用時のスライダー（スマホ表示のとき）について

 

前のトピック | 次のトピック | 下へ

nikuniku > テーマ「bccolumn」使用時のスライダー（スマホ表示のとき）について @ 2018/4/24 11:43
4.0.9でテーマbccolumnを使用してサイトを構築中です。
添付の図のように、スマホの場合でもスライダー（bxSlider）の画像が切り替わって欲しいので、

<?php $this->BcBaser->mainImage(array('all' => true, 'num' => 5)) ?>


という風に、レイアウトの設定をfalseからtrueに切り替えているのですが、
スライダーの表示が1枚目のみの表示で切り替わりません。

スマホのときに、スライダーを動かそうと思ったら、他にも設定があるのでしょうか？
nikuniku > Re: テーマ「bccolumn」使用時のスライダー（スマホ表示のとき）について @ 2018/4/24 14:00
そもそも、display:none;となっていても、PC用とスマホ用で2度同じスライドの
  • が実行されているから、
    PC用が最初に実行されてしまい、スマホが実行されないのではないかと思えてきました。
    phpのif文で囲うとかしないとどちらも実行されます。

    スマホ表示のときはスライドが動かなくていい場合は今のままで問題無いですが、そうでない場合は、
    ・PHPの処理を加える、
    ・スマホ用の表示を無くしてCSSで制御する
    のいずれかの手段が手っ取り早いように思いました。
nikuniku > Re: テーマ「bccolumn」使用時のスライダー（スマホ表示のとき）について @ 2018/4/24 14:27 

<?php if ($this->BcBaser->isHome()): ?>

    <?php if ($this->request->isSmartphone()): ?>

        <div id="SPMainImage" class="forSP">

    <?php else: ?>

        <div id="PCMainImage" class="forPC">
            <div id="PCMainImageWrap">

    <?php endif ?>

            <?php $this->BcBaser->mainImage(array('all' => true, 'num' => 5)) ?>

            <?php if ($this->request->isSmartphone()): ?>
            <?php else: ?>
            </div>
            <?php endif ?>
        </div>


PHPで条件分岐を加える手段で対応しました。

 

前のトピック | 次のトピック | トップ