One Page links. #229

Author: giucu91

assets/js/shapely-scripts.js

@@ -12,14 +12,38 @@
 		});
 
 		// Smooth scroll to inner links
-
 		jQuery( '.inner-link' ).each(function() {
 			var href = jQuery( this ).attr( 'href' );
 			if ( '#' !== href.charAt( 0 ) ) {
 				jQuery( this ).removeClass( 'inner-link' );
 			}
 		});
 
+		// Smooth scroll
+		if ( '' !== window.location.hash ) {
+			var element = $( '#site-navigation #menu a[href=' + window.location.hash + ']' ),
+				scrollToID,
+				newURL;
+			if ( element ) {
+				scrollToID = '#' + element.data( 'scroll' );
+				$('html,body').animate({
+		           scrollTop: $( scrollToID ).offset().top
+		        }, 2000);
+
+				newURL = window.location.href.replace( window.location.hash, '' );
+				window.history.replaceState( {}, document.title, newURL );
+
+			}
+		}
+
+		$( '#site-navigation #menu a[href^=#]:not([href=#])' ).click(function( evt ) {
+			var scrollToID = '#' + $(this).data( 'scroll' );
+			evt.preventDefault();
+			$('html,body').animate({
+	           scrollTop: $( scrollToID ).offset().top
+	        }, 2000);
+		});
+
 		jQuery( '.inner-link' ).click(function() {
 			jQuery( 'html, body' ).animate({
 				scrollTop: 0
@@ -474,6 +498,8 @@
 		jQuery( window ).trigger( 'resize' ).trigger( 'scroll' );
 	});
 
+
+
 })( jQuery );
 
 /*

inc/class-wp-bootstrap-navwalker.php

@@ -26,6 +26,8 @@ public function start_lvl( &$output, $depth = 0, $args = array() ) {
 	 */
 	public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
 		$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
+		$extra = get_post_meta( $item->ID, '_menu_item_extra', true );
+		$widget = get_post_meta( $item->ID, '_menu_item_widget', true );
 
 		/**
 		 * Dividers, Headers or Disabled
@@ -82,6 +84,16 @@ public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0
 				$atts['href'] = ! empty( $item->url ) ? $item->url : '';
 			}
 
+			if ( 'shapely-section' == $extra ) {
+				if ( ! is_front_page() ) {
+					$atts['href'] = site_url() . esc_attr( $item->url );
+				}
+
+				if ( '' != $widget ) {
+					$atts['data-scroll'] = $widget;
+				}
+			}
+
 			$atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
 
 			$attributes = '';