WebsiteBaker Support (2.13.x) > Modules

Klaro Consent oben ausrichten

<< < (2/3) > >>

Siggit:
Vielen Dank für eure Antworten.

ich habe den div bereits in der der index.php vom Template erstellt und die scripte in den Container gesetzt.
Der Container war da aber leer Klaro macht sein eigenes Ding.


--- Code: ---<div id="klaro1">
<script id="bodyjs" src="<?= TEMPLATE_DIR; ?>/js/body.js"></script>
<script defer  src="<?= TEMPLATE_DIR; ?>/js/klaro_config.js"></script>
<script defer data-config="klaroConfig" src="<?= WB_URL;?>/include/plugins/default/klaro/klaro_v0.7.16.js">
</script>
</div>
--- End code ---

Ergebnis:

--- Code: ---<div id="klaro1" lang="de">kein Inhalt</div>
<div id="klaro">
<div class="klaro" lang="de"><div class="cookie-notice   ">
<div class="cn-body"><p><span>Hallo! Könnten wir bitte einige zusätzliche Dienste für <strong>Sicherheit</strong> aktivieren? Sie können Ihre Zustimmung später jederzeit ändern oder zurückziehen.</span></p>
<div class="cn-ok"><a class="cm-link cn-learn-more" href="#">Lassen Sie mich wählen...</a>
<div class="cn-buttons"><button class="cm-btn cm-btn-danger cn-decline" type="button">Ich lehne ab</button>
<button class="cm-btn cm-btn-success" type="button">Das ist ok</button>
</div></div></div></div></div></div>
--- End code ---
]

Klaro wird im übrigens Default Template verwendet.

Vielen Dank.

Siggit:
Hier der Link zu klaro:

https://heyklaro.com/de/doku/erste-schritte


--- Quote from: Siggit on August 16, 2022, 09:49:51 AM ---Vielen Dank für eure Antworten.

ich habe den div bereits in der der index.php vom Template erstellt und die scripte in den Container gesetzt.
Der Container war da aber leer Klaro macht sein eigenes Ding.


--- Code: ---<div id="klaro1">
<script id="bodyjs" src="<?= TEMPLATE_DIR; ?>/js/body.js"></script>
<script defer  src="<?= TEMPLATE_DIR; ?>/js/klaro_config.js"></script>
<script defer data-config="klaroConfig" src="<?= WB_URL;?>/include/plugins/default/klaro/klaro_v0.7.16.js">
</script>
</div>
--- End code ---

Ergebnis:

--- Code: ---<div id="klaro1" lang="de">kein Inhalt</div>
<div id="klaro">
<div class="klaro" lang="de"><div class="cookie-notice   ">
<div class="cn-body"><p><span>Hallo! Könnten wir bitte einige zusätzliche Dienste für <strong>Sicherheit</strong> aktivieren? Sie können Ihre Zustimmung später jederzeit ändern oder zurückziehen.</span></p>
<div class="cn-ok"><a class="cm-link cn-learn-more" href="#">Lassen Sie mich wählen...</a>
<div class="cn-buttons"><button class="cm-btn cm-btn-danger cn-decline" type="button">Ich lehne ab</button>
<button class="cm-btn cm-btn-success" type="button">Das ist ok</button>
</div></div></div></div></div></div>
--- End code ---
]

Klaro wird im übrigens Default Template verwendet.

Vielen Dank.

--- End quote ---

LudwigSt:
Dein div kannst du ruhig weglassen.

--- Code: ---<div id="klaro1" lang="de">kein Inhalt</div>
--- End code ---

Das andere macht Klaro selber

--- Code: ---<div id="klaro">
<div class="klaro" lang="de"><div class="cookie-notice   "> ...

--- End code ---

Die 2. Zeile von obigem Code kannst Du mit css ansprechen. Zum testen würde ich das zunächst inline in der index.php machen:

--- Code: ---<style>
 .klaro .cookie-notice:not(.cookie-modal-notice) {
  z-index: 999;
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
}
</style>

--- End code ---

Wenn dann alles zu deiner Zufriedenheit ist, kannst du die css Anweisungen in deine css-Datei auslagern, z.B. in klaro.css reinpacken.

Siggit:
Vielen Dank.

der style wir von klaro übergangen.

wenn ich 
--- Code: ---display: none;
--- End code ---

hinzufüge reagiert er auf den Style der Rest wird ignoriert habe mal die Hintergrundfarbe geändert ist nichts passiert.
Mir würde es reichen wenn ich wüsste welche css oder scss und in welche Zeile das gesteuert wird.

Ich komme mit dem Code da nicht hinterher wo der Style erzeugt wird, dann könnte ich dort direkt eingreifen.

übrigens wird im head der Style von Kloro so erzeugt:


--- Code: ---<style data-context="klaro-styles">.klaro{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro button{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro.cm-as-context-notice{height:100%;padding-bottom:12px;padding-top:12px}.klaro .cookie-modal .cm-switch-container, usw.</style>
--- End code ---

Danke im voraus.

LudwigSt:

--- Quote from: Siggit on August 16, 2022, 01:47:25 PM ---wenn ich 
--- Code: ---display: none;
--- End code ---

hinzufüge reagiert er auf den Style

--- End quote ---

Frage: wo und wie fügst du das hinzu?

PS: poste mal den ganzen kompletten style ohne usw. am Ende

Navigation

[0] Message Index

[#] Next page

[*] Previous page