WBCE CMS Forum

florian

Administrator

Update zu Templates mit Responsee-Navigation

Bei den Templates, die die Navigation aus dem Responsee-Framework verwenden (z.B. "Buschwerk") war es bislang erforderlich, dass Elternelemente in der Navigation nicht verlinkt sind, damit die darunter befindlichen Kindelemente auch bei Touchscreen-Bedienung erreichbar sind (andernfalls wäre beim Antippen des Elternelements sofort der jeweilige Link geöffnet worden).

Da dies mitunter je nach Seitenstruktur doch etwas störend sein kann, hier ein Workaround.
Quelle: https://osvaldas.info/drop-down-navigat … h-friendly

1.) Script doubletaptogo.min.js von o.g. Seite oder hier aus dem Anhang herunterladen

2.) doubletaptogo.min.js ins Templateverzeichnis auf dem Server kopieren (ggfs. dorthin wo auch schon andere vom Template verwendete Javascriptdateien liegen, z.B. /templates/[templatename]/js oder  /templates/[templatename]/assets/js)

3.) In der index.php den showmenu2-Aufruf anpassen, d.h. die komplizierte Zeile

$aItemOpen      = '<li><a [if (class!=menu-expand) {href="[url]" class="[class]" target="[target]"}]>[menu_title]</a>',

ändern zu

$aItemOpen      = '<li><a href="[url]" class="[class]" target="[target]">[menu_title]</a>',

4.) Am Ende des Templates, vor </body> einfügen

<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/doubletaptogo.min.js"></script>  
<script type="text/javascript">
		$( '.chevron li:has(ul)' ).doubleTapToGo();		
</script>

Hinweise:
- Beim Script-Aufruf darauf achten, dass der vollständige/korrekte Pfad angegeben wird, d.h. wenn das Script in  /templates/[templatename]/assets/js liegt, muss die src <?php echo TEMPLATE_DIR; ?>/assets/js/doubletaptogo.min.js lauten.
- .chevron ist die Klasse der Hauptnavigation. Falls dort kein oder ein anderer Klassenbezeichner  steht, muss das entsprechend angepasst werden.

Und das war es schon. Bei Mausbedienung ist das Verhalten ganz normal, sprich ein einfacher Klick auf einen Eintrag öffnet den Link, der nun auch bei Menüpunkten mit Unterpunkten hinterlegt ist. Auf Touchscreens wird beim Antippen eines Eintrages mit Unterpunkten beim ersten Antippen das zugehörige Submenü angezeigt und beim zweiten Antippen dann der zugehörige Link geöffnet.

florian

Administrator

Re: Update zu Templates mit Responsee-Navigation

Ergänzung: Das funktioniert auch mit vielen weiteren Navigationen, wo es erforderlich ist (z.B. Hortal oder dem hier vorgestellten Menü) - es muss einfach nur der Aufruf von doubletaptogo.min.js entsprechend angepasst werden, für letztere Navigation so:

	<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/doubletaptogo.min.js"></script>
	<script type="text/javascript">
		$( '#menu li:has(ul)' ).doubleTapToGo();		
	</script>