Template Slideshow am Smartphone ausblenden

Fabian10 · 21. März 2016

Hallo,

ich benütze zur zeit ein responsive Template das eine Slideshow beinhaltet. Die Slideshow passt sich zwar der größe an, aber ich möchte sie am Smartphone komplett ausblenden.

Ich kenne mich grundsätzlich mit der Programmierung nicht aus, hab mich aber schon etwas daran versucht.
In der Index wird sie wie folgt aufgerufen:

<div id="firstbox" >
<center>
<?php if ($this->params->get( 'slidehome' )) : ?>
<?php $app = JFactory::getApplication(); $menu = $app->getMenu(); $lang = JFactory::getLanguage();
if ($menu->getActive() == $menu->getDefault($lang->getTag())) : ?>
<div id="slideshow">
<?php include "slideshow/slideshow.php"; ?><?php endif; ?>
<?php else : ?>
<?php include "slideshow/slideshow.php"; ?><?php endif; ?>
</div>
</center>
</div>

Da gibt es ja jetzt glaub ich Möglichkeiten bei einer gewissen Displaygröße die nicht auf zu rufen. Oder gehe ich die Baustelle falsch an?

Ich weiß die Frage ist vermutlich nicht ganz verständlich, aber vlt. kann mir ja trotzdem jemand helfen

Indigo66 · 21. März 2016

Der Ansatz ist gut, aber zu wenig Infos von Dir. Link?
Bei Bootstrap 2 Responsive utility classes: http://getbootstrap.com/2.3.2/scaffolding.html
Bei Bootstrap 3: http://getbootstrap.com/css/#responsive-utilities
Oder Du suchst Dir den passenen mediaquerie

Code

@media (max-width: 480px)

in der CSS und machst ein:

Code

#firstbox {display:none;}

FrankG · 21. März 2016

Hallo,

hier ein Code Schnipsel mit dem Breadcrumb im Template Protostar...

CSS

@media (max-width: 767px) {


.breadcrumb{
     display: none !important;
  }


}

Gruß Frank

Fabian10 · 21. März 2016

Es handelt sich um das JPeople Template.

Ja genau, das mit dem @media... hab ich schon mal wo gelesen und hätte ich auch ausprobiert (Y)
Nur wie genau und wo genau muss ich das jetzt einfügen.

Bitte helft mir auf die Sprünge. Danke für die Hilfe!

FrankG · 21. März 2016

schau mal in den Template CSS Ordner...

Evtl. gibt es spezielle CSS Dateien für die Mobile Ansicht.
Vielleicht hat dein Template eine .css Datei für eigen Änderungen.

Da du die Url nicht preis gibst, musst du das selber raus bekommen.

FrankG · 21. März 2016

in der Datei /templates/jpeople/slideshow/responsiveslides.css
in Zeile 32 fügst du

CSS

#firstbox{display: none !important;}

ein.
Fertig

Gruß Frank

Fabian10 · 21. März 2016

Die Url der Webseite poste ich nicht da sie noch offline ist.

Template:
DEMO: http://www.xswebdesign.com/j3/?template=jpeople

Download: http://www.joomlaos.de/option,…unc,fileinfo/id,8227.html

Im Anhang ein Scren. von den verfügbaren Dateien des Templates.
Nein es gibt keine Datei für eigene Anpassungen und unter Slider... kann man auch nicht einstellen das er auf mobilen Geräten ausgeblendet wird, dort wird nur die Größe usw. geregelt.

Ich hoffe ihr habt jetzt genug Infos um mir zu helfen.
Danke.

FrankG · 21. März 2016

Fertige Lösung steht hier

Fabian10 · 21. März 2016

Sorry, Antwort wurde irgendwie überlesen.

Funktionier, vielen vielen Danke!

Tags