Zum Inhalt

Das Einstellungsicon unten links stört mich, kann ich das ändern/entfernen?

Das sogenannte Einstellungsicon ist in unseren Designvorlagen standardmäßig aktiviert, kann aber leicht abgeschaltet werden. Gehen Sie dazu in die Theme-Verwaltung und deaktivieren die entsprechende Funktion beim genutzten Theme:

assets.png

Weiter unten auf der Seite können Sie das Icon auch gegen ein eigenes austauschen:

einstellungsicon-aendern.png

Rein rechtlich sind Sie dazu verpflichtet dem Nutzer jederzeit die Möglichkeit zu bieten, die Einstellungen erneut aufzurufen und Änderungen vornehmen zu können. Wenn Sie das Icon entfernen, sollten Sie stattdessen zumindest einen Textlink, beispielsweise im Fuß der Seite, ergänzen, der auf jeder Unterseite eingeblendet wird. Den Link zum Öffnen des Banners finden Sie auch unter dem Menüpunkt Dashboard & Einbindung. Es ist ein einfacher Link mit Anker:

<a href="#" onclick="CCM.openWidget();return false;">Konfigurationsbox öffnen</a>

Somit wird beim Klick auf diesen Link das Konfigurations Pop-Up erneut für den Besucher geöffnet.

Falls Sie keine Javascript-Links einfügen können, können Sie alternativ das folgende Ziel in einem Link verwenden: #CCM.openWidget.

<a href="#CCM.openWidget">Konfigurationsbox öffnen</a>

Schatten entfernen

Sollte Sie der Schatten hinter dem Einstellungs-Icon stören und Sie wollen diesen entfernen, fügen Sie einfach folgenden Code als CSS ein:

/* Einstellungs-Icon: Schatten entfernen */ .ccm-settings-summoner--link { box-shadow: none!important; }

Position anpassen

Um die Position des Einstellungsicons anzupassen, reicht es häufig schon, individuelles CSS einzufügen. Nutzen Sie um das Icon zu verschieben beispielsweise folgenden Code:

 /* Mobile: 15px Abstand (links unten) */
 .ccm-settings-summoner { 
   bottom: 15px; 
   left: 15px; 
 } 

 /* Desktop: 30px Abstand (links unten) */ 
 @media screen and (min-width: 64.0625em) { 
   .ccm-settings-summoner { 
     bottom: 30px; 
     left: 30px; 
   } 
 }

Um das Icon rechts statt links anzuzeigen, nutzen Sie den folgenden Code:

 /* Mobile: 15px Abstand (rechts unten) */
 .ccm-settings-summoner {
   bottom: 15px;
   right: 15px;
   left: auto;
 } 

 /* Desktop: 30px Abstand (rechts unten) */ 
 @media screen and (min-width: 64.0625em) { 
   .ccm-settings-summoner {
     bottom: 30px;
     right: 30px;
     left: auto;
   } 
 }