tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/60952-verwendung-link-in-icon-boxenRockSolid Themes: Discussion 2020-10-26T10:07:09Ztag:help.rocksolidthemes.com,2012-07-23:Comment/487350102020-10-16T14:56:43Z2020-10-16T14:56:43ZVerwendung: Link in Icon-Boxen<div><p>Vielen Dank für Ihre Frage.</p>
<p>Eine Option für die Lightbox ist im Icon-Boxen-Element nicht vorgesehen. Sie können jedoch die Template-Datei <em>templates/oneo/rsce_oneo_icon_boxes.html5</em> bearbeiten und den Link <code><a class="</code> mit <code><a data-lightbox="" class="</code> ersetzen.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/487350102020-10-19T09:05:18Z2020-10-19T12:27:08ZVerwendung: Link in Icon-Boxen<div><p>Hat wunderbar geklappt - vielen Dank für die tolle Hilfe!</p>
<p>Jetzt habe ich noch eine bzw. sogar zwei Fragen zum Megamenu:</p>
<p>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?</p>
<p>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?</p>
<p>Schöne Grüße.</p></div>GEOCEPT GmbH (Einkauf)tag:help.rocksolidthemes.com,2012-07-23:Comment/487350102020-10-19T13:14:19Z2020-10-19T13:14:19ZVerwendung: Link in Icon-Boxen<div><p>Vielen Dank für Ihre Fragen.</p>
<blockquote>
<p>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</p>
</blockquote>
<p>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.</p>
<p>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.</p>
<blockquote>
<p>Megamenu und Isotope eCommerce: wie ist es möglich im Megamenu Artikel (Bild, Titel, Teaser), die mit Isotope angelegt wurden anzuzeigen.</p>
</blockquote>
<p>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.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/487350102020-10-19T14:56:24Z2020-10-20T10:04:05ZVerwendung: Link in Icon-Boxen<div><p>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.<br>
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".<br>
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.</p>
<p>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.<br>
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.</p>
<p>Besten Dank und schöne Grüße.</p></div>GEOCEPT GmbH (Einkauf)tag:help.rocksolidthemes.com,2012-07-23:Comment/487350102020-10-20T10:19:07Z2020-10-20T10:19:07ZVerwendung: Link in Icon-Boxen<div><blockquote>
<p>wie mache ich einen Slider aus dem Thumbs von Produkten, Teaser und Titel.</p>
</blockquote>
<p>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.</p>
<p>Alternativ können Sie den Typ „Slider“ verwenden und unter „Inhalte › RockSolid Slider“ die Produkte als einzelne Slides hinzufügen.</p>
<blockquote>
<p>Was ist der Slider Inhaltstyp "Einstellungsvorlage" und wie kann ich diesen befüllen.</p>
</blockquote>
<p>Ü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.</p>
<blockquote>
<p>wie heißt das Template das erweitert werden kann</p>
</blockquote>
<p>Das Navigations-Template des Mega Menu heißt <code>nav_rsmm</code>. Eine Anpassung darin sollte jedoch nicht nötig sein.</p>
<blockquote>
<p>und wie heißt die Methode die erweitert werden kann</p>
</blockquote>
<p>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:</p>
<pre>
<code>jQuery('.main-navigation > ul > li.-mega').on('mouseenter', function() {
// Dropdown klappt auf
});
jQuery('.main-navigation > ul > li.-mega').on('mouseleave', function() {
// Dropdown klappt zu
});</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/487350102020-10-23T13:13:43Z2020-10-26T09:54:28ZVerwendung: Link in Icon-Boxen<div><p>Vielen Dank für die Tipps.</p>
<p>Das Thema rocksolid Slider und Isotope hat mich nicht weiter gebracht, aber da habe ich jetzt eine andere Lösung mit 3rd Party Modulen gefunden.</p>
<p>Verschieben vom Content sobald das Megamenu auf geht hat mit Ihrem Tipp gut geklappt.</p>
<p>Jetzt habe ich ein ganz komisches neues Phänomen, dass irgendwie mit installieren anderer Erweiterung oder Themes zusammenhängen muss, aber das ich mir nicht erklären kann.</p>
<p><a href="intro.html#skipNavigation53" class="sr-only">Navigation überspringen</a><br>
<a class="sr-only" name="skipNavigation53"> </a><br>
<a href="intro.html#skipNavigation78" class="sr-only">Navigation überspringen</a></p>
<p>Dieses wird an Footer und Main-Navigation eingeblendet. Wo kommt das her und wie werde ich das wieder los?</p>
<p>Mit<br>
.rs-only { visibility:hidden; display:none; } Bekomme ich es nicht ausgeblendet.</p>
<p>Schöne Grüße.</p></div>GEOCEPT GmbH (Einkauf)tag:help.rocksolidthemes.com,2012-07-23:Comment/487350102020-10-26T10:07:05Z2020-10-26T10:07:05ZVerwendung: Link in Icon-Boxen<div><p>Haben Sie eventuell eine Bootstrap-Erweiterung installiert die das Navigationstemplate überschriebt?</p>
<p>Das Standard-<code>mod_navigation.html5</code>-Template von Contao verwendet nicht die <code>sr-only</code>-CSS-Klasse.</p>
<p>Sie sollten die betroffene Erweiterung oder das angepasste Template (das mit einem Theme importiert wurde) wieder entfernen um den Fehler zu beheben.</p></div>RockSolid Themes