# CSS / LESS Guards mit true und false Werten

**URL:** <https://forum.shopware.com/t/css-less-guards-mit-true-und-false-werten/38591>\
**Category:** Themes & Design\
**Created:** [28. Juli 2016 um 07:04 UTC](https://forum.shopware.com/t/css-less-guards-mit-true-und-false-werten/38591 "2016-07-28T07:04:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dupp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dupp/32/7715_2.png) [@dupp](https://forum.shopware.com/u/dupp)\
**Post date:** [28. Juli 2016 um 07:04 UTC](https://forum.shopware.com/t/css-less-guards-mit-true-und-false-werten/38591/1 "2016-07-28T07:04:57Z")

</div>

Hallo,

man kann in der Theme-Config Checkbox-Felder erstellen, welche true / false in der entsprechenden Variable speichern. Laut LESS Dokumentation ([Features In-Depth | Less.js](http://lesscss.org/features/#css-guards-feature)) können diese durch simple when-Abfragen verwendet werden.

Ich bekomme das leider nicht zum laufen und habe bereits mehrere Varianten versucht. Hier Beispiele: In der config\_1.json&nbsp; ist der Wert korrekt übergeben:

```
"check-boolean": true,

```

in der global.less schreibe ich beispielhaft:

```
@check-boolean-var: @check-boolean;
.page-wrap {
    position: relative;
    overflow: hidden;
    & when (@check-boolean = true) {
        display: none;
    }
    & when (@check-boolean-var = true) {
        display: none;
    }
}

.page-wrap-boolean() when (@check-boolean = true) {
    .page-wrap {
        display: none;
    }
}

.page-wrap-boolean2() when (@check-boolean-var = true) {
    .page-wrap {
        display: none;
    }
}

.page-wrap-boolean();
.page-wrap-boolean2();

.page-wrap when (@check-boolean = true) {
    display: none;
}

```

keiner dieser guards funktionniert.

---

<div class="post-metadata">

**Author:** ![dupp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dupp/32/7715_2.png) [@dupp](https://forum.shopware.com/u/dupp)\
**Post date:** [29. Juli 2016 um 12:07 UTC](https://forum.shopware.com/t/css-less-guards-mit-true-und-false-werten/38591/2 "2016-07-29T12:07:19Z")

</div>

Habe das ganze nun etwas weiter verfolgt. Es scheint nicht an der Syntax in LESS zu liegen. Vielmehr aktualisieren sich die Inhalte in der Datenbank nicht korrekt?

&nbsp;

---

<div class="post-metadata">

**Author:** ![lorenz1](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@lorenz1](https://forum.shopware.com/u/lorenz1)\
**Post date:** [21. März 2018 um 13:14 UTC](https://forum.shopware.com/t/css-less-guards-mit-true-und-false-werten/38591/3 "2018-03-21T13:14:39Z")

</div>

Hi,

ist zwar schon etwas älter aber ich stehe gerade vor der selben Problematik. Gibt es hier eine Lösung?

Es wäre super wenn es geht der bool gewisse Bereiche der CSS Datei zu beeinflussen.

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)\
**Post date:** [22. März 2018 um 12:38 UTC](https://forum.shopware.com/t/css-less-guards-mit-true-und-false-werten/38591/4 "2018-03-22T12:38:15Z")

</div>

```
h2 {
    .unitize-margin(0, 0, 0, 0);
    
    & when (@theme_option = 1) {
        .unitize-margin(@standard_interspace, 0, @standard_interspace, 0);
     }
}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![lorenz1](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@lorenz1](https://forum.shopware.com/u/lorenz1)\
**Post date:** [23. März 2018 um 13:53 UTC](https://forum.shopware.com/t/css-less-guards-mit-true-und-false-werten/38591/5 "2018-03-23T13:53:56Z")

</div>

@BestShopPossible‍

Vielen Dank, für den Hinweis ich hatte die Abfragen immer auf true oder false aufgebaut nun mit der 1 funzt das wunderbar. Noch ein Beispiel falls wer das gebrauchen kann mit:

```
& when (@bool-themevar = 1) {
     .class1 {anweisung;}
     .class2 {anweisung;}
}

```

kann man auch nen ganzen Bereich per Theme Variable ein- bzw. ausschließen.

Viele Grüße