Beiträge von Mario

• Doppelklick auf die gewünschte Seite > Name
• Hier fügst du folgendes, gefolgt von einem Leerzeichen vor deinem Seitennamen ein. <i class='fa fa-home' aria-hidden='true'></i>
• Rufe DIESE SEITE auf, und finde dein Icon.
• Ersetze fa-home durch den Code des gewünschten Icons zB.: fa-envelope-o

Zitat von Duschgel

Ok, bis auf das blöde Quelltext Fenster, was immer gleich wieder zu geht. Aber wenn ich ganz ganz schnell bin kann ich es gerade so rein kopieren.

Das sollte eigentlich nicht so sein. du nutzt aber auch den extra eingebauten Editor?

Das Widget "Facebook Seiten-Plugin" hatte ich gar nicht auf dem Schirm da ich solche Codes immer direkt einfüge.

Du kannst den entsprechenden Code HIER selbst generieren.

Leider nein.

Das ganze nennt sich Click-to-Chat.

Entpacke die Datei im Anhang und tausche die beiden Dateien mit den gleichnamigen im Widget.

Anschließend "Extras > Entwickler > Änderungen übernehmen".

procard-1.zip

Die beiden Seiten https://www.widget-zp.de/2022/artikel-filter.html und https://www.widget-zp.de/2022/artikel-filter-2.html präsentieren beide das Widget "Artikel Filter V1.0".

Die zweite Präsentation wurde erstellt um weitere Optionen des Widgets zu präsentieren.

Hallo,

ich kann dazu leider nicht viel beitragen.

• Ein Widget "Schlagzeilen" gibt es weder von mir noch von ZP, der Thomas hatte glaub mal eines entwickelt.
• Das Widget "Artikelübersicht" ist dazu gedacht Artikel aus dem Shop darzustellen.
• Mit dem Online-CMS kann man keine Widgets einbinden. Hier kann man lediglich Inhalt mit dem integrierten Editor einbinden.

News Card 03

Das sähe dann sehr bescheiden aus. Ich schaue mal ob ich das Widget komplett neu aufsetzten kann. Ohne den Runden Hintergrund und ohne Varianten.

Die Höhe der einzelnen Tabs wird durch den Inhalt vorgegeben, dabei sollte es eigentlich keine Rolle spielen ob das Text oder Formulare sind.

Wenn du den Quellcode für das Formular über den Editor einfügst kann es auch sein das der Editor da noch etwas hinzufügt was dazu führt.

Da du die Formulare sowieso über Quellcode einfügst kannst du mal folgendes probieren.

CSS:

<style>
/* Acordeon styles */
.tab {
position: relative;
margin-bottom: 1px;
width: 100%;
color: #333;
overflow: hidden;
}
input {
position: absolute;
opacity: 0;
z-index: -1;
}
label {
position: relative;
display: block;
padding: 0 0 0 1em;
color: #fff;
background: #999;
font-weight: bold;
line-height: 3;
cursor: pointer;
}
.tab-content {
max-height: 0;
overflow: hidden;
background: #e2e2e2;
-webkit-transition: max-height .95s;
-o-transition: max-height .95s;
transition: max-height .95s;
}
.tab-content p {
margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
max-height: 60em;
}
/* Icon */
label::after {
position: absolute;
right: 0;
top: 0;
display: block;
width: 3em;
height: 3em;
line-height: 3;
text-align: center;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
}
input[type=checkbox] + label::after {
content: "+";
}
input[type=radio] + label::after {
content: "\25BC";
}
input[type=checkbox]:checked + label::after {
transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
transform: rotateX(180deg);
}
.end {
height: 5px;
}
</style>

Widget Quelltext:

<div class="tab"><input id="tab-1" type="radio" name="tabs2"><label for="tab-1">Nur Text</label>
<div class="tab-content">
<!--############## ANFANG INHALT TAB 1 ##############-->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!--############## ENDE INHALT TAB 1 ##############-->
<div class="end"></div>
</div>
</div>




<div class="tab"><input id="tab-2" type="radio" name="tabs2"><label for="tab-2">Ein Bild</label>
<div class="tab-content">
<!--############## ANFANG INHALT TAB 2 ##############-->
<p>Ein Text zum Bild "Lorem ipsum dolor sit amet..."</p>
<img src="https://hosting.zeta-producer.com/7368751766/media/images/mp_handwerk.jpg" alt="Bild">
<!--############## ENDE INHALT TAB 2 ##############-->
<div class="end"></div>
</div>
</div>




<div class="tab"><input id="tab-3" type="radio" name="tabs2"><label for="tab-3">360° Panorama</label>
<div class="tab-content">
<!--############## ANFANG INHALT TAB 3 ##############-->
<p>Ins Bild klicken und mit gedrückter Maustaste die Maus in die gewünschte Richtungen bewegen.</p>
<iframe src="https://www.zella.de/pano/luftpano/" width="100%" height="500" frameborder="0"></iframe>
<!--############## ENDE INHALT TAB 3 ##############-->
<div class="end"></div>
</div>
</div>




<div class="tab"><input id="tab-4" type="radio" name="tabs2"><label for="tab-4">Video AC/DC - Thunderstruck</label>
<div class="tab-content">
<!--############## ANFANG INHALT TAB 4 ##############-->
<div style="text-align: center; margin: auto">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/v2AC41dglnM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>  
</div>
<!--############## ENDE INHALT TAB 4 ##############-->
<div class="end"></div>
</div>
</div>

Da ist ein Fehler im Widget "Info-Line".

Öffne mal die "infoline.css" im Widget-Ordner "wzp-info-line" hier ganz unten das </style> löschen und die Datei speichern.

Anschließend "Extras > Entwickler > Änderungen übernehmen"

Scheinbar nutzt du noch das alte Widget "Fullpage Menü" und nicht das neue Fullscreen Menü.

Update ist raus, es stehen jetzt bis zu 20 Cards zur Verfügung.

DOWNLOAD

Ja das geht. Ich weiß allerdings nicht wie oft du da etwas neues rein bringen willst. Irgendwann bist du natürlich wieder bei "Bild 1" angelangt.

Soll ich die Erweiterung mal angehen?

PS:

Wenn du alle 6 Cards abbilden willst geht das natürlich nicht wie oben beschrieben.

Ich könnte das Widget allerdings auch auf zB. 18 Cards erweitern. dann könntest du wie oben beschrieben vorgehen. Wenn eine alte Card dann nicht mehr angezeigt werden soll brauchst du nur das entsprechende Bild löschen. Das sind ja nur 2 Clicks.

Hallo,

ich hätte das auch anders herum anordnen können, das wäre allerdings für den Nutzer sehr verwirrend gewesen.

Du kannst einfach mit dem letzten Reiter (Bild 6) beginnen. Den nächsten Eintrag dann unter (Bild 5) usw..

Somit der Neueste Eintrag immer ganz vorn und die anderen nach deinen Wünschen sortiert.

• Side BTN Slide Window
• Side BTN Link

Ich kann das leider auch mit deinem Layout nicht nachstellen. Da ist es schwierig was zu finden.

Eventuell kannst du mir das ja noch recht kleine Projekt zukommen lassen.

Extras > Optionen > Projekt senden

Anderer Empfänger: mario(at)zella.de

Das ist eine "Checkbox", lässt sich ja auch auswählen wenn man in den oberen Bereich klickt.

Das Widget "Fullscreen-Menü" arbeitet mit einer "Checkbox" um das Menü zu öffnen da es ja ganz ohne JS auskommt. Diese sollte aber nicht sichtbar sein.

Verschwindet sie denn wenn du den Code für das Formular heraus nimmst?

Folgendes CSS sollte auch funktionieren, könnte aber Einfluss auf dein Formular haben:

input[type="checkbox"], input[type="radio"] {
display: none !important;
}

Ich versuche das mal nachzustellen und schaue ab ich da was am Widget ändern kann.

Oder eben das: https://www.widget-zp.de/2022/side-menue.html

Mit Formular-Editoren habe früher mal gearbeitet, ist schon lange her. Schau mal hier: https://www.zeta-producer.com/de/tools.html

Füge mal dem Accordion etwas Inhalt hinzu und beschreibe genau was du meinst.