Verwendung: Link in Icon-Boxen

Michael's Avatar

Michael

16 Oct, 2020 01:16 PM

Produkt: Oneo Contao

Wie kann man die Links in den einzelnen Elementen der Icon-Boxen jeweils in einer Lightbox öffnen?

  1. Support Staff 1 Posted by RockSolid Theme... on 16 Oct, 2020 02:56 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Eine Option für die Lightbox ist im Icon-Boxen-Element nicht vorgesehen. Sie können jedoch die Template-Datei templates/oneo/rsce_oneo_icon_boxes.html5 bearbeiten und den Link <a class=" mit <a data-lightbox="" class=" ersetzen.

  2. 2 Posted by GEOCEPT GmbH (E... on 19 Oct, 2020 09:05 AM

    GEOCEPT GmbH (Einkauf)'s Avatar

    Hat wunderbar geklappt - vielen Dank für die tolle Hilfe!

    Jetzt habe ich noch eine bzw. sogar zwei Fragen zum Megamenu:

    1.) Wie ist es am besten realisierbar den Content-Bereich der Hauptspalte um die Höhe des Megamenu nach unten zu verschieben, wenn das Menu nach unten aufgeht (Header verschieben wenn es nach oben aufgeht ist nicht nötig). Gibt es hier JS-Code und wo füge ich diesen am besten ein?

    2.) Megamenu und Isotope eCommerce: wie ist es möglich im Megamenu Artikel (Bild, Titel, Teaser), die mit Isotope angelegt wurden anzuzeigen. Als Content für das Megamenu kann ja zwischen News, Events, Bilder, Slider auswählen. Das ist soweit selbsterklärend, aber was hat es mit "Einstellungsvorlage" auf sich - wie und woher kann hier Inhalt kommen; kann diese Auswahl vielleicht genutzt werden oder kann im Template (welches) ergänzt werden, dass auch noch Isotope-Bildgallerie oder Produktgruppen ausgewählt werden können als Inhalt?

    Schöne Grüße.

  3. Support Staff 3 Posted by RockSolid Theme... on 19 Oct, 2020 01:14 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Fragen.

    Wie ist es am besten realisierbar den Content-Bereich der Hauptspalte um die Höhe des Megamenu nach unten zu verschieben, wenn das Menu nach unten aufgeht

    Das Mega-Menu ist als Dropdown-Navigation realisiert. D.h. sobald Sie die Maus über den Hauptmenüpunkt bewegen klappt das Dropdown sich über dem Inhalt auf.

    Den Inhalt danach zu verschieben ist somit nicht nötig, bzw. würde das zu unschönen Sprüngen des Seiteninhalts führen. Zudem ist die Navigation am oberen Bildschirmrand fixiert und befindet sich somit je nach Scrollposition direkt über dem Inhalt der Seite.

    Megamenu und Isotope eCommerce: wie ist es möglich im Megamenu Artikel (Bild, Titel, Teaser), die mit Isotope angelegt wurden anzuzeigen.

    Im Backend unter „Layout › RockSolid Mega Menu › Bereichseinstellungen bearbeiten“ können Sie den Typ auf „Eigener HTML-Code“ setzen und danach via Insert-Tag beliebige Inhalte einfügen.

  4. 4 Posted by GEOCEPT GmbH (E... on 19 Oct, 2020 02:56 PM

    GEOCEPT GmbH (Einkauf)'s Avatar

    Vielen Dank für den Tipp mit Isotope - aber so richtig bekomme ich das noch nicht zusammen im Kopf. Ich habe Ihnen glaube auch noch nicht genug Infos gegeben.
    In der Vorlage auf die ich mich beziehe binden Sie ja schon eigenen HTML-Code ein und verweisen via Insert-Modul auf " Portfolio Menu Slider" vom Typ "Rocksolid Slider" und er hat als Inhaltstyp wiederrum "News Archiv".
    So einen "Rocksolid Menu Slider" hätte ich gerne bestehend aus Isotope Produkten. Von daher ist wahrscheinlich die richtige Frage: wie mache ich einen Slider aus dem Thumbs von Produkten, Teaser und Titel. Was ist der Slider Inhaltstyp "Einstellungsvorlage" und wie kann ich diesen befüllen.

    Genau auf dieses Slider Mega Menu hat sich auch die zweite Frage bezogen. Klar ist das ein Dropdown Menu. Allerdings ein sehr großes - geht über die die ganze Breite und verdeckt ziemlich hässlich den Content. Von daher fände ich es einen Vorteil hier den Inhalt unten damit die Überschrift noch lesbar ist wenn der Slider offen ist.
    Sollte auch nicht so schwer sein: via JQuery Höhe abfragen vom Slider und Margin-top in der Höhe am Main-Content setzen. Und das ganze in der OnCollapsed Methode vom Mega-Menu. Hier bräuchte ich Hilfe: wie heißt das Template das erweitert werden kann und wie heißt die Methode die erweitert werden kann - von daher kann ich mich dann schon durch den DOM hangeln um richtigen Element Höhe abzufragen und zu setzen.

    Besten Dank und schöne Grüße.

  5. Support Staff 5 Posted by RockSolid Theme... on 20 Oct, 2020 10:19 AM

    RockSolid Themes's Avatar

    wie mache ich einen Slider aus dem Thumbs von Produkten, Teaser und Titel.

    Einen Inhaltstyp für Isotope-Produkte enthält die Slider-Erweiterung nicht. Dafür könnte eventuell ein Listen-Modul von Isotope verwendet werden mit einem eigenen Template indem ein Slider-Skript integriert wird.

    Alternativ können Sie den Typ „Slider“ verwenden und unter „Inhalte › RockSolid Slider“ die Produkte als einzelne Slides hinzufügen.

    Was ist der Slider Inhaltstyp "Einstellungsvorlage" und wie kann ich diesen befüllen.

    Über diesen Typ können Sie eine Vorlage erstellen um die Einstellungen in anderen Slider-Modulen wiederzuverwenden. Dieser Typ kann nicht mit Inhalten befüllt werden da er nur als Vorlage dient.

    wie heißt das Template das erweitert werden kann

    Das Navigations-Template des Mega Menu heißt nav_rsmm. Eine Anpassung darin sollte jedoch nicht nötig sein.

    und wie heißt die Methode die erweitert werden kann

    Eine Methode dafür gibt es nicht, da das Dropdown via CSS aufgeklappt wird. Sie können jedoch via jQuery einen Event nutzen der aufgerufen wird sobald sich die Maus über den Menüpunkt bewegt:

    jQuery('.main-navigation > ul > li.-mega').on('mouseenter', function() {
        // Dropdown klappt auf
    });
    jQuery('.main-navigation > ul > li.-mega').on('mouseleave', function() {
        // Dropdown klappt zu
    });
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac