Drupal

Menu Position is a great Drupal Module to get the .active-trail class in the menu, without adding eg. all news article nodes to the it.

The only problem is a „placeholder“ link created instead, class: „.menu-position-link“. It seems this is technically necessary.

Here is a little jQuery function to remove the element itself, the container menu (if its the only item) and fix the causing classes. You may have to alter it a bit.

Remove the console.logs before using it on productive environment!

$('.menu', context).children('li.active-trail').each(function() {
  var menuChildCount = $(this).children('.menu').children('li').length;
  var $menuPosLinkParent = $(this).find('.menu-position-link').parent();
  if ($menuPosLinkParent.length) {
    console.log('Found one - childcount:' + menuChildCount);
    console.log($menuPosLinkParent);
    if (($menuPosLinkParent).hasClass('last')) {
      console.log('Its the last item.');
      // If its the last link move class .last to the menu item before 
      $menuPosLinkParent.prev('li').addClass('last');
    }
    if (menuChildCount === 1) {
      console.log('Its the only item.');
      // If menu position link is the only menu-item, remove parent trails .expanded 
      $menuPosLinkParent.parents('li.active-trail.expanded').removeClass('expanded');
      $menuPosLinkParent.parent('.menu').remove();
      console.log('Removed it.');
    } else {
      $menuPosLinkParent.remove();
      console.log('Removed it.');
    }
  }
});

Eine eigentlich einfache Sache, bei der aber kleine Unachtsamkeiten dazu führen können dass das Layout Plugin garnicht, oder nur unvollständig funktioniert.

Hier die Vorgehensweise:

1. Eine passende Basis für das zu erstellende Layout auswählen
2. Diese aus dem AT-Core Theme (layouts/panels) in das eigene Theme übernehmen (gleiche Unterordner)
3. Namen des Ordners und der Dateien entsprechend anpassen (z. B. two_col_brick zu two_col_custom)
4. Alle Dateien öffnen und dort per Suchen & Ersetzen ebenfalls den alten Namen durch den neuen ersetzen
5. Den Funktionsnamen auf das eigene Theme anpassen („adaptivetheme“ gegen den eigenen Themenamen ersetzen“)
6. Nun den *.tpl.php File anpassen wie er benötigt wird (es können natürlich neue Inhaltsbereiche / Variablen ergänzt werden ACHTUNG! Die Funktionsnamen dürfen eine Länge von 32 Zeichen nicht überschreiten! )
7. Als nächstes den *.inc File anpassen und die ggf. hinzugefügten Variablen aus dem letzten Schritt ergänzen
8. Optional: Das Thumbnail zur Voransicht des Layouts anpassen und austauschen
9. Den theme.info File bearbeiten. Einfach für jeden Gerätetyp unter „Responsive Panels“ entsprechend das eigene Layout anfügen
10. Weiterhin muss im theme.info File folgendes ergänzt werden: „plugins[panels][layouts] = layouts/panels“ (der Pfad kann im Grunde natürlich frei gewählt werden)
11. Cache leeren, Panel Layout auswählen, fertig!

Für NICHT AT-Panel-Layouts läuft das ganze im Grunde identisch, die Quelle ist nur eine Andere –> „/sites/all/modules/contrib/panels/plugins/layouts“

 

 

Ein hartes Stück Arbeit war das, aber es hat sich gelohnt. Unsere rundum erneuerte Unternehmenswebsite http://www.webks.de ist online. Wie auch schon einige unserer Kundenseiten, komplett responsive, dank CSS Media-Queries. Technisch setzen wir selbstverständlich auf eine Drupal 7 Lösung. 

So selten man für die eigenen Websites inzwischen Zeit findet, folgt nun – möglichst zeitnah – ebenfalls der Relaunch unserer Drupal Themenseite DROWL.de. Selbstverständlich ebenfalls stark verschlankt und responsive.

Zum Ende natürlich noch ein frohes neues Jahr 2013, allen Lesern viel Erfolg und alles Gute im neuen Jahr!

Ein großes Problem beim gestalten von Oberflächen für Mobilgeräte, stellen Tabellen dar. Tabellen sind aufgrund ihres „Wesens“ schon gänzlich ungeeignet für schmale Displays, viele Spalten, platzraubender Inhalt. Und so nehmen sich Tabellen den Platz welchen Sie benötigen, mit der Folge das sie über die Website hinausragen und der User nach rechts scrollen muss, Katastrophe.

Zusammen mit meinem Kollegen Julian Pustkuchen bei webks: websolutions kept simple haben wir nun eine jQuery Lösung entwickelt, welche für Jedermann kostenfrei zum Download bereitsteht.

Anregungen und Wünsche zur Optimierung des Moduls nehmen wir selbstverständlich gerne entgegen.