• 14-04-2020, 07:42:17
    #1
    Merhaba,

    Opnecart kurulu sitemizde masa üstü görünüm iyi durumdayız.
    Ancak mobil görünümde; Kategoriler, Alt kategoriler en üstte görünüyor. Bu durumda sayfa hem çok uzun duruyor hemde ziyaretçiler asıl detay ve fiyata ulaşıncaya kadar zorlanıyorlar.
    Kategoriler ve Alt kategorileri mobilde kısıtlama yapmak istiyorum. Mobil görünüme nasıl mudahale edebilirim?
  • 14-04-2020, 07:43:07
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    ZMB adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    Opnecart kurulu sitemizde masa üstü görünüm iyi durumdayız.
    Ancak mobil görünümde; Kategoriler, Alt kategoriler en üstte görünüyor. Bu durumda sayfa hem çok uzun duruyor hemde ziyaretçiler asıl detay ve fiyata ulaşıncaya kadar zorlanıyorlar.
    Kategoriler ve Alt kategorileri mobilde kısıtlama yapmak istiyorum. Mobil görünüme nasıl mudahale edebilirim?
    site linki nedir
  • 14-04-2020, 07:45:53
    #3
    Site: Güneş Paneli
  • 14-04-2020, 07:48:04
    #4
    ZMB adlı üyeden alıntı: mesajı görüntüle
    <div class="col-sm-3" id="header_left">
                                <div class="box box-categories box-with-categories">
    <div class="box-heading">Kategoriler</div>
    <div class="strip-line"></div>
    <div class="box-content box-information" style="min-height: 488px;">
    <div class="box-information">
    <ul class="accordion" id="accordion-category">
    <li>
    <a href="https://satis.powerenerji.com/Gunes-Panelleri-Fiyatlari">Güneş Paneli (21)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/cati-uzeri-gunes-enerji-santrali-elektrik-uretimi">Çatı Üstü Güneş Enerjisi (7)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Solar-Paketler-ev-icin-karavan-yazlik-yayla-evleri">Solar Paket (Akülü) (11)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Gunes-Enerjili-Sulama-Sistemleri">Güneş Enerjili Tarımsal Sulama (17)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/inverter-Fiyatlari">İnverterler (20)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Ruzgar-Turbini-Fiyatlari">Rüzgar Türbinleri (7)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Aku-gel-jel-solar-fiyati-fiyatlari">Aküler (19)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Jenerator-Fiyatlari-Dizel-Benzinli">Jeneratör (5)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Solar-Urunler">Solar Ürünler (36)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/led-gunes-enerjili-aydinlatma-urunleri">Aydınlatma (16)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Dalgic-pompa-motor-fiyatlari">Dalgıç Pompalar (25)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/solar-pompa-surucu-fiyatlari">Solar Pompa Sürücü (31)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Power-Enerji-iletisim">İletişim (0)</a>
    </li>
    </ul>
        </div>
    </div>
    </div>
    </div>
    yukarıdaki divi mobilde ve tablet te gizleyebilirsin

    “hidden-xs” class’ını kullanarak istediğimiz divi mobilde gizleyebiliriz.
    “visible-xs-block” class’ını kullanarak, istediğimiz bir divi sadece mobil cihazlara gösterebiliriz.
  • 14-04-2020, 07:51:10
    #5
    ivayazilim adlı üyeden alıntı: mesajı görüntüle
    <div class="col-sm-3" id="header_left">
                                <div class="box box-categories box-with-categories">
    <div class="box-heading">Kategoriler</div>
    <div class="strip-line"></div>
    <div class="box-content box-information" style="min-height: 488px;">
    <div class="box-information">
    <ul class="accordion" id="accordion-category">
    <li>
    <a href="https://satis.powerenerji.com/Gunes-Panelleri-Fiyatlari">Güneş Paneli (21)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/cati-uzeri-gunes-enerji-santrali-elektrik-uretimi">Çatı Üstü Güneş Enerjisi (7)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Solar-Paketler-ev-icin-karavan-yazlik-yayla-evleri">Solar Paket (Akülü) (11)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Gunes-Enerjili-Sulama-Sistemleri">Güneş Enerjili Tarımsal Sulama (17)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/inverter-Fiyatlari">İnverterler (20)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Ruzgar-Turbini-Fiyatlari">Rüzgar Türbinleri (7)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Aku-gel-jel-solar-fiyati-fiyatlari">Aküler (19)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Jenerator-Fiyatlari-Dizel-Benzinli">Jeneratör (5)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Solar-Urunler">Solar Ürünler (36)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/led-gunes-enerjili-aydinlatma-urunleri">Aydınlatma (16)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Dalgic-pompa-motor-fiyatlari">Dalgıç Pompalar (25)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/solar-pompa-surucu-fiyatlari">Solar Pompa Sürücü (31)</a>
    </li>
    <li>
    <a href="https://satis.powerenerji.com/Power-Enerji-iletisim">İletişim (0)</a>
    </li>
    </ul>
        </div>
    </div>
    </div>
    </div>
    yukarıdaki divi mobilde ve tablet te gizleyebilirsin

    “hidden-xs” class’ını kullanarak istediğimiz divi mobilde gizleyebiliriz.
    “visible-xs-block” class’ını kullanarak, istediğimiz bir divi sadece mobil cihazlara gösterebiliriz.
    Çok teşekkür ederim. deneyeceğim
  • 06-03-2021, 17:03:10
    #6
    Merhaba mobil görünümde ürünleri yan yana göstermeyi hallettinizmi bendede aynı sorun var