Conditionals für Widgets

[Heffalump]

Weil ich bei XF keine Antwort bekomme versuche ich es mal hier.
Kann ich über Conditionals erreichen, das ein Widget in der mobilen Ansicht nicht angezeigt wird?

 

[McAtze]

Schau dir das hier mal an..

XF 2.0 - Add mobile detect variables to $visitor object

 

[Heffalump]

Danke, das klingt nach dem was ich benötige. Aber wie wende ich das an?
Hast du noch eine Idee wo dieser Code implementiert werden muss damit ein Widget angesprochen wird?

 

[V0RT3X]

ich würde es via css machen, ist doch viel einfacher...

@media screen and (max-width: 767px) {
.deinWidget {
    display: none!important;
}
}

 

[Heffalump]

Danke. Das klingt einfach und ich teste es heute Abend mal.

 

[Heffalump]

Was muss ich denn für

.deinWidget

angeben?

@widget und ID?

 

[shining]

[data-widget-id="29"] {
   display: none !important;
}

zb ...

Die Nr halt durch die jeweilige ersetzen

 

[Heffalump]

In der Form, wie du es angegeben hast dürfte das Widget ja nicht angezeigt werden. Unabhängig ob Mobile View oder nicht.
Es wird aber trotzdem angezeigt.

Extra.less ist doch richtig, oder?

 

[shining]

bei mir funktioniert es... nutze dafür allerdings ein custom css template
musst natürlich noch das zuvor genannte media querie hinzufügen

 

[Heffalump]

Wenn ich eine neue custom.css anlege lädt er die gar nicht.

Ich habe jetzt mal das hier in die extra.less eingetragen:

[data-widget-id="17"] {
   display: none !important;
}

Das Widget mit der ID 17 wird aber immer noch angezeigt.

 

[Heffalump]

Das hier funktioniert auch nicht:

@media screen and (max-width: 767px) {
[data-widget-id="17"] {
    display: none !important;
}
}

 

[Tealk]

Schreib es so:

@media (max-width: @xf-responsiveMedium)
{
    .block[data-widget-id="17"] {
       display: none;
    }
}

Und Leute, bitte kein !Important nehmen, das kann böse ins Auge gehen.
CSS wird der reihe nach geladen, die extra.css ist schon ganz am ende dieser Reihe. Also alles was ihr in die extra.css schreibt wird ausgeführt.

 

[shining]

Also alles was ihr in die extra.css schreibt wird ausgeführt.

Nicht wenn innerhalb der Datei ein Befehl kommt, der dem widerspricht.
!important ist kein Teufelswerk sondern ein ganz simpler Befehl der nur sagt das dieser Befehl wichtiger ist als alle anderen.

 

[Tealk]

Nicht wenn innerhalb der Datei ein Befehl kommt, der dem widerspricht.

Dann muss es aber am ende der Datei stehen und dann wundert man sich warum es nicht mehr geht...
Aber ja nur meine bescheidene Meinung wenn ihr das anders machen wollt könnt ihr das gern, dann bin ich aber bei der Bugfindung raus.

 

[McAtze]

!important ist und bleibt eine nicht zu empfehlende Variante. Kann aber jeder machen wie er will..

 

[shining]

Es hat doch auch niemand gesagt, dass es immer verwendet werden soll. Logisch das so ein Befehl kontraproduktiv ist, wenn man es übertreibt. Es ist manchmal schon echt nervig, was einem hier immer in den Mund gelegt wird. Könnt wieder runter fahren.
Da es beim Fragenden nicht zu klappen schien, war es einen Versuch wert.

 

[Heffalump]

Danke für eure Mühe, aber irgendwie funktioniert das bei mir nicht. Ich bin im richtigen Style und verwende die extra.less, die ich bisher für alles verwendet habe und das wird auch ausgeführt.
Aber ein blödes Widget lässt sich einfach nicht unsichtbar machen. Weder mit noch ohne !important.

Irgendwie schade, dass das kein Standard ist. Im Widget-Framework unter 1.5 gab es eine Schaltfläche zur Deaktivierung des Widgets in der mobilen Ansicht.

 

[Tealk]

gib mir mal den link, würd mir das gern mal im Inspektor ansehen

 

[Heffalump]

Küchen-Forum

Widget 17 ist in der Sidebar (Neff Spezial)

 

[Tealk]

ehm ich müsst deine hp sehen dazu ein screen bringt mir da wenig, deswegen hab ich ja gemeint mit dem inspektor das nen FF tool wo man sich den code ansehen kann und schauen warum was nicht passiert