Widget "Google Reviews" zur Integration von Google-Bewertungen /-Sternen UND Widget "Content-Slider"

  • Hallo liebes Zeta-Team,

    um Google-Sterne und -Bewertungen aus Google MyBusiness in die Website zu integrieren, wäre ein zeta-eigenes 👉 Widget "Google Reviews" super, um nicht auf Fremdanbieter wie Proven Expert oder Elfsight zurück greifen zu müssen.

    Um viele Bilder oder Texte oder Bilder mit Texten in einer Reihe unterzubringen, wünsche ich mir ein 👉 Widget "Content-Slider", mit dem man die Artikel horizontal scrollen kann, einen nach dem anderen. Beispiel: Bei aktueller Anzeige der Artiekel 1 + 2 + 3 erscheinen beim Klick auf Pfeil rechts die Artikel 2 + 3 + 4 usw.

    Liebe Grüße
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • :thumbup:

    Bleib(t) gesund!

    Beste Grüße Jörg


    ---

    Ich nutze Zeta Producer Business / Windows 11 (jeweils aktuellste Version)

  • Liebes Zeta-Team,

    ist ein Widget "Content-Slider" mittlerweile in Planung? Ein Kunde hat heute danach gefragt.

    Danke für ein Feedback & lG
    Sunny

    Hallo liebes Zeta-Team,

    um Google-Sterne und -Bewertungen aus Google MyBusiness in die Website zu integrieren, wäre ein zeta-eigenes 👉 Widget "Google Reviews" super, um nicht auf Fremdanbieter wie Proven Expert oder Elfsight zurück greifen zu müssen.

    Um viele Bilder oder Texte oder Bilder mit Texten in einer Reihe unterzubringen, wünsche ich mir ein 👉 Widget "Content-Slider", mit dem man die Artikel horizontal scrollen kann, einen nach dem anderen. Beispiel: Bei aktueller Anzeige der Artiekel 1 + 2 + 3 erscheinen beim Klick auf Pfeil rechts die Artikel 2 + 3 + 4 usw.

    Liebe Grüße
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo ruster.MEDIA nein, in der Richtung is bisher nichts geplant. Das bereits existierende Widget "Carousel" (oder gar "Animierte Zitate") passt für Sie hierfür nicht?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Stefan S,

    vielen Dank. Das "Carousel" kommt dem "Content-Slider" sehr nahe.

    Ich möchte den Content so einstellen, dass er nicht automatisch abgespielt wird, was ja möglich ist.
    Es fehlen aber die Pfeile links und rechts zum Navigieren, oder übersehe ich da eine Einstellungsoption?

    Beim Slider gibt es es diese Pfeile, dafür aber keine Möglichkeit, mehrere Motive/Elemente gleichzeitig nebeneinander zu zeigen.

    Hätten Sie vielleicht einen CSS-Schnipsel für mich bzw. uns, mit dem sich Pfeile "vor" und "zurück" beim "Carousel" einblenden lassen?

    Toll wäre es auch, wenn man im "Carousel" die Abstände zwischen einzelnen Bildern/Grafiken einstellen könnte, damit die Elemente und der Text darunter nicht horizontal am nächsten Bild- bzw. Text-Element "kleben".

    Vielen Dank für Ihren Support.

    Liebe Grüße
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo,

    im Widget "Carousel" werden die Pfeile angezeigt, wenn Sie mit der Maus drüber fahren.

    Um die Pfeile immer anzuzeigen, hilft folgendes:

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
    .zp13carousel-direction-nav .zp13carousel-prev, .zp13carousel-direction-nav .prev{
        left: 0;
        opacity: 1;
    }
    .zp13carousel-direction-nav .zp13carousel-next, .zp13carousel-direction-nav .next{
        right: 0;
        opacity: 1;
    }
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Stefan S,

    es funktioniert: wirklich klasse, vielen Dank.

    Die weißen Richtungspfeile zp13_carousel_bg_direction_nav.png (im Widget-Ordner) habe ich noch umgefärbt in schwarz mit weißem Hintergrund.

    Und ich habe die nachfolgenden Zeilen in Ihrem CSS-Schnipsel ergänzt:


    .zp13carouselWidget.captionbelow .zp13carousel-caption {

    padding: 10%;

    }

    .zp13carousel-direction-nav a {

    position: absolute; top: 5%; z-index: 10; cursor: pointer;

    width: 29px; height: 29px; margin: 20px 20px 20px 20px; display: block;

    So konnte ich die horizontale und vertikale Position der Richtungs-Pfeile verändern und im Textbereich einen Abstand zu den äußeren Rändern erstellen.

    Für mich sieht das jetzt ziemlich gut aus auf Desktop, Tablet und mobil. So werde ich es meinem Kunden präsentieren.

    Vielen Dank nochmal und lG
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!