Beiträge von Mario

Nein gab es nicht. Eventuell kann phil-web im Zuge der Updates ein weiteres Feld Button hinzufügen. Kann dann halt ne Weile dauern.

Zitat von Alter Kerl

"Info Koordinaten": Ich meine nicht einen i-Kreis, sondern das Feld unter "Karte": da steht nur ein Teil eines HTML-Codes drin.

Genau das meinte ich auch.

Zitat von Alter Kerl

Copy and Paste: Natürlich weiß ich das, es geht aber nicht.

Bei mir geht das.

Hallo,

Zitat von Alter Kerl

wenn du auf die Beispiele auf der Widgetseite verlinken würdest. Man könnte erkennen, wie der Kartentyp aussieht, statt alle Möglichkeiten durchzugehen und jeweils erst nach der Fertigstellung zu sehen, was man da eigentlich gewählt hat

An dieser Stelle kann man leider keinen Link setzen. Eventuell könnte man ganz unten im Fenster einen Link dazu setzen.

Zitat von Alter Kerl

Außerdem interessiert mich, was das Feld "Info Koordinaten" zu bedeuten hat: Ich sehe keinen Sinn darin, zumal ich auch nichts ändern kann.

Da steht eigentlich drin wie du die Koordinaten einfügst, in einem Info-Feld kann man natürlich nichts ändern. Mit V16 hat sich da vermutlich etwas geändert das der Text nicht mehr korrekt dargestellt wird. Aber das ist eh doppelt gemoppelt weil die Hinweise auf der Karte (Koordinaten finden) auch zu finden sind.

Zitat von Alter Kerl

Beim Feld der Pins, in dem man den Text für ein Popup eintragen kann, verlinkst du auf die Optionen. Leider ist es nicht möglich, diese Formatierungen per Copy und Paste in die Zeile einzufügen, so dass ich nur den Text ändern müsste. Das wäre sehr hilfreich!

Tastenkombination "Strg + V"

Zitat von Alter Kerl

Warum bindest du auch Google Maps ein, wenn das Widget doch OpenStreetMap heißt?

Das Widget basiert auf LEAFLET. Alle hier Möglichen Optionen der Kartendarstellung habe ich ausgenutzt.

Eventuell kann phil-web bei einem zukünftigen Update hier ein paar Anpassungen vornehmen.

Hallo Alter Kerl ,

ich hatte dir in einem älteren Beitrag schon einmal aufgezeigt wie du den Hinweis entfernen kannst. Damals schon mit Bauchschmerzen weil ich weiß das du schon öfter nach irgendwelchen Codes gesucht hast die du eingefügt hast und nicht wieder findest. Damit das Widget eindeutig sofort erkennbar ist wird der Hinweis auch so dominant dargestellt.

Die Arbeit an der Seite wird dadurch keineswegs beeinträchtigt. Um zu sehen wie die Seite abgebildet wird solltest du grundsätzlich die Browservorschau nutzen denn die Live-Vorschau ist hier oftmals nicht korrekt.

Bei mir ist es so:

• Ich rufe die Seite SCROLLER auf. funktioniert korrekt
• Ich aktualisiere die Seite im Browser (neu laden). die Scroller werden ausgeblendet

Getestet mit Chrome, Firefox und Edge.

Die Konsole meckert über "JQMIGRATE". Hängt womöglich mit dem jQuery-Update zusammen.

Hallo Michael, das schaut sich der Phil sicher nach seinem Urlaub an.

Die "GOOGLE-Rezensionen-Laufleiste" wurde hier mit dem Widget Scroller umgesetzt. Die einzelnen Rezessionen als Screenshot eingefügt und mit der Google-Seite verlinkt.

Die Pfeile werden erst eingeblendet wenn sie nötig sind. Du hast 4 Cards eingebunden, in der Desktop-Ansicht werden auch 4 Cards angezeigt, deshalb werden da die Pfeile nicht angezeigt. Wird der Bildschirm kleiner und kann nicht alle 4Cards anzeigen werden auch die Pfeile angezeigt.

Ich habe das für dein Layout etwas angepasst. BEISPIEL

Das CSS austauschen und den Abstand nach oben margin-top sowie die Farben wie gewünscht anpassen.

Website > Einstellungen > CSS:

<style>
.slider100 {
height:100vh;
margin-top:-180px;
}
@media (max-width: 1330px) {
.slider100 {
height: auto;
margin-top: -100px;
}
.zp13slider-caption a {
display:none !important;
}
}
.zp13slider-caption a {
border-radius: 10px;
display: inline-block;
color: rgba(255,255,255,0.7) !important;
text-shadow:
0 4px 4px rgba(0,0,0,0.6),
0 15px 6px rgba(255,255,255,0.7);
font-size: 42px;
transform: scaleX(3.5);
text-decoration: none;
transition: all 0.3s ease-in-out;
text-decoration: none !important;
}
.zp13slider-caption a:hover {
color: rgba(0,0,0,0.7);
text-shadow:
0 4px 4px rgba(0,0,0,0.6),
0 24px 4px rgba(255,255,255,0.7);
}
</style>

Scheinbar greift in diesem Layout das Scrollscript nicht für die internen Links. Das kannst du aber nachreichen.

Website > Erweitert > Attribute > footer_script:

<script>
// Smooth Scroll
$(document).ready(function() {
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 550);
return false;
}
}
});
});
</script>

Das CSS !important von @V I V I D sollte eigentlich greifen. Gehe mal in das Widget und öffne die Datei mit Button.html mit einem Texteditor. In Zeile 41 ändere das headstyle += 'margin:30px 0;'; in headstyle += 'margin:30px 0 !important;'; und speicher die Datei ab. Anschließend Extras > Entwickler > Änderungen übernehmen. Funktioniert das?

Mir ist auch aufgefallen das deine Bilder am Desktop für die Standard 16/9 Bildschirme ziemlich hoch sind.

Da ist mir etwas in Erinnerung geraten womit du beides lösen kannst. LINK

Ich würde hier einfach die Möglichkeiten nutzen die der verwendete Slider schon bietet. Du kannst ja einen Text einfügen, hier kannst du ebenso eine Grafik einfügen oder mit HTML-Quelltext eine Geometrie oder einen Button einfügen. Diesen kannst du dann mit dem ersten Artikel unter dem Slider verlinken. Das musst du dann eben auf alle Bilder im Slider kopieren.

Das Layout "Poster" hat wie noch 2/3 andere Layouts grundsätzlich Probleme mit der "Positionierung Absolute/Fixed". Hier hilft es oftmals "das Widget/den Code" im ZP-Bereich "Header" einzufügen.

Bei solchen Anpassungen nicht die "Mobile Darstellung" vergessen. Die Überlagerung kann mit der CSS-Angabe "z-index" angepasst werden.

Durch das große ZP-Update sind die Höhen- und Breitenangaben im Widget selbst nicht mehr korrekt. Deshalb kann es durchaus sein das sich manche Einstellungen in manchen Widgets verstecken, was aber durch die eingeblendeten Scroll-Balken ersichtlich ist (siehe Screenshot von Phil).

Wenn in diesem Widget der Link wie von Phil beschrieben gesetzt ist sollten Bild und Überschrift entsprechend verlinkt sein.

Zitat von Pete

- Was ist bei V 1.3 anders/besser?

Es wurde hier lediglich der Link zu den Icons angepasst weil diese Seite von FA verschoben wurde. Der Link in V1.2 wird sicher ins Nirvana führen.

Zitat von Pete

- Ist es zu empfehlen, die neuere Version einzuspielen.

Nicht unbedingt, du kannst einfach dem obigen Link folgen.

Zitat von Pete

- Muss ich dann die Eingaben neu machen oder werden diese übernommen?

Nein wird alles übernommen.

Zitat von Pete

Aktuell habe ich ein Update Problem bei ZP auf 16.8.2, kann dies evtl. vom der TopBar herkommen? Ist da etwas bekannt?

Da ist mir nichts bekannt.

Das wäre ja dann ein Slider, bzw. ein neues komplett anderes Widget. Dieses kann nur ein Bild.

Komplexe Sache, mal sehen was Phil dazu sagt. So wie es jetzt ist wird das nicht gehen.

Zitat von Michael

Wenn man die Text 2 und 3 erweiter auf max. 5 texte wäre super.

Davon würde ich Abstand nehmen, in der Mobilen Ansicht muss der ganze Text irgendwo im Bild Platz finden.

Offizielles Update V1.2 ist dazu veröffentlicht. Super Arbeit Phil

Aus der Partnerschaft werden sich wohl auch andere Möglichkeiten ergeben. In JS bin ich nämlich ne absolute Niete. Da hat phil-web eindeutig mehr drauf.