Astroid now supports smooth scroll and one page template.

1. Adding smooth-scroll.polyfills.min.js to the js folder.
2. Option to enable smooth scroll and scroll speed from the Astroid backend.
3. If link type is a URL and starts with a # and has a ID, Adding JURI:root() in the beginning to make section work where one page sections would return to homepage from internal pages as well.
4. Added addScriptDeclaration function to Astroid Template.

Author: chetanmadaan

astroid/astroid-framework/framework/template.php

@@ -765,6 +765,12 @@ public function addStyledeclaration($styles) {
          $document->addStyledeclaration($styles);
       }
    }
+   
+   
+   public function addScriptDeclaration($script) {
+	 $document = JFactory::getDocument();
+	 $document->addScriptDeclaration($script);
+   }
 
    public function addScript($js) {
       $template_directory = JPATH_THEMES . "/" . $this->template . "/js/";

astroid/astroid-framework/language/en-GB/en-GB.astroid.ini

@@ -807,4 +807,11 @@ TPL_COLOR_TEAL="Teal"
 TPL_COLOR_CYAN="Cyan"
 TPL_COLOR_LIGHT_GRAY="Light Gray"
 TPL_COLOR_GRAY="Gray"
-TPL_COLOR_GRAY_DARK="Gray Dark"
+TPL_COLOR_GRAY_DARK="Gray Dark"
+
+;Smooth Scroll
+TPL_SMOOTH_SCROLL_TITLE = "Smooth Scroll"
+TPL_SMOOTH_SCROLL_ENABLE_LBL = "Enable Smooth Scroll"
+TPL_SMOOTH_SCROLL_ENABLE_DESC = "Enabling will option load the necessary JS for smooth scroll."
+TPL_SMOOTH_SCROLL_SPEED_LBL = "Scroll Speed"
+TPL_SMOOTH_SCROLL_SPEED_DESC = "This a number representing the amount of time in milliseconds that it should take to scroll 1000px. Scroll distances shorter than that will take less time, and scroll distances longer than that will take more time. The default is 300ms."

astroid/astroid-template-zero/astroid/options/basic.xml

@@ -6,9 +6,12 @@
          <field type="astroidgroup" name="preloader_options" title="TPL_ASTROID_PRELOADER_MAIN_TITLE_LABEL"/>
          <field type="astroidgroup" name="enable_back_to_top" title="TPL_ASTROID_ENABLE_TO_TOP_MAIN_TITLE_LABEL"/>
          <field type="astroidgroup" name="layout_setting" title="TPL_ASTROID_LAYOUT_SETTING_MAIN_TITLE_LABEL"/>
+         <field type="astroidgroup" name="smooth_scroll" title="TPL_SMOOTH_SCROLL_TITLE"/>
 
+         <field astroidgroup="smooth_scroll" description="TPL_SMOOTH_SCROLL_ENABLE_DESC" name="enable_smooth_scroll" type="astroidtext" astroid-switch="true" default="0" label="TPL_SMOOTH_SCROLL_ENABLE_LBL"></field>
+		<field ngShow="enable_smooth_scroll=='1'" astroidgroup="smooth_scroll" name="smooth_scroll_speed" type="astroidrange" astroid-scss-variable="spinkit-size" min="1" max="10000" step="1" default="300" label="TPL_SMOOTH_SCROLL_SPEED_LBL" description="TPL_SMOOTH_SCROLL_SPEED_DESC" postfix="ms" />
+		
          <field astroidgroup="preloader_options" description="TPL_ASTROID_BASIC_ENABLE_PRELOADER_DESC" name="preloader" type="astroidtext" astroid-switch="true" default="1" label="TPL_ASTROID_BASIC_ENABLE_PRELOADER_LABEL"></field>
-
          <field astroidgroup="preloader_options" ngShow="preloader=='1'" description="TPL_ASTROID_PRELOADER_TYPE_DESC" name="preloder_setting" type="astroidradio" default="animations" label="TPL_ASTROID_PRELOADER_TYPE">
             <option value="animations">ASTROID_ANIMATION</option>
             <option value="image">TPL_ASTROID_IMAGE</option>

astroid/astroid-template-zero/frontend/header/menu/link.php

@@ -93,6 +93,20 @@
 }
 ?>
 <!--menu link starts-->
+<?php
+// One Page Coding Starts
+// Valid conditions
+// Must start with #
+// Length must be more than 1
+if($item->type == 'url'){
+   // Let's search for #
+   $validonepagelink = strpos($item->link,"#");
+   if($validonepagelink == '0' && (strlen($item->link) > 1)){
+      // Default we assume that you only want the one page for the homepage. If you want one page to work on other pages, please go ahead and hard code the full page URL i.e. https://yoursite.com/pageurl#onepageblockid
+      $item->link = JURI::root().$item->link;
+   }
+}
+?>
 <a href="<?php echo $item->flink; ?>" <?php echo implode(' ', $attr); ?>>
    <span class="nav-title">
       <?php if (!empty($options->icon)) { ?>

astroid/astroid-template-zero/index.php

@@ -49,7 +49,19 @@
    if (!empty($favicon = $template->params->get('favicon', ''))) {
       $doc->addFavicon(JURI::root() . 'images/' . $favicon, '');
    }
-// Adding basic Scripts, jQuery & Bootstrap JS
+   // Let's add the Smooth Scroll JD is enabled.
+    $enable_smooth_scroll = $template->params->get('enable_smooth_scroll', '');
+	if($enable_smooth_scroll == '1') {
+		$smooth_scroll_speed = $template->params->get('smooth_scroll_speed', '');
+		$template->loadTemplateJS('vendor/smooth-scroll.polyfills.min.js');
+		$smoothashell = '
+			var scroll = new SmoothScroll(\'a[href*="#"]\', {
+				speed: '.$smooth_scroll_speed.'
+			});
+		';
+		$template->addScriptDeclaration($smoothashell);
+	}
+	// Adding basic Scripts, jQuery & Bootstrap JS
 
    if (isset($doc->_scripts[JURI::root(true) . '/media/jui/js/jquery.min.js'])) {
       $template->loadTemplateJS('vendor/jquery.easing.min.js,vendor/bootstrap/popper.min.js,vendor/bootstrap/bootstrap.min.js,vendor/jquery.astroidmobilemenu.js,vendor/jquery.jdmegamenu.js,vendor/jquery.offcanvas.js');