Latest Blogs

News
Vietnamese Lunar New Year is coming very soon. This 7-day festival is the biggest holiday that marks the beginning of a New Year according to the Vietnamese lunar calendar. To celebrate this most exciting holiday, TemPlaza would like to offer you a s...
711 Hits
Tutorials
Articles
Websites hold the foremost pillars to promote your brand in this era of digitization and the internet of things. But how to launch a successful website that not only provides a great user experience but convert leads as well? Website designing is a c...
729 Hits
News
Today, I would like to introduce a new item that has recently been released, it's Goldena. This is a beautiful and creative single property Joomla template specially developed for Single Property, Building Services, Building Business & all kinds ...
703 Hits
News
We've been through a hard time during 2020 and thank you so much for being accompanied by us, as well as your great support. Let's say goodbye to 2020 and welcome the new year of 2021 with better things. Looking back to the old year, the team was wor...
1456 Hits
News
Christmas and New Year 2021 are knocking on our doors. We've been through a busy and hard time of the year 2020. We would like to give you a big thank you for being accompanied by us for the whole year. It's time to enjoy our Christmas...
1758 Hits
how-to-create-one-page-menu-smooth-scroll-jollyany

How to configure Onepage Menu with Smooth Scroll on Jollyany

Nowadays, mobile devices and social networks are on the rise. People tend to go to the internet in order to search everything by using their handy devices like mobile phones, tablets. As a result, single-page design is regarded as the most popular web trend at the moment.

With One page, your website will contain no additional pages like About Us, Services, Team Members, Contact. It's a long-scrolling layout. Visitors can easily digest the full content loaded within the same web-page, which helps make reading flow more continuous and fluid.

Today, I would like to share with you a simple way to achieve One page home with Jollyany - Multipurpose Joomla Template.

1. Create One Page menu

To have a straightforward navigation system, we first need to create a One Page menu, and menu items assigned to this menu.
Go to Menus > Manage > Add new menu > create a new menu name One Page Menu
Create One Page menu

Go to Menus > One Page Menu > Add new menu item

  • When creating menu items, you need to use menu item type: System Links >> URL
  • In the Link field, input a section ID for each menu item like #sectionname (this section ID shouldn't contain spaces or special characters and must start with #)
  • Assign the menu item to One Page menu
Add new menu item for One-page menu

2. Configure Astroid layout builder

In this step, we will use Astroid layout manager to assign each section ID to an appropriate section in the template layout, so that the users can scroll down or jump to that particular content's section when clicking on each menu item.

Let's head to Astroid layout manager!
  • Go to Extensions > Templates > Styles > your style > Template Options > Layout (Tab from the left)
  • Click to edit each section in the layout, and insert the Custom ID (without the #) you created earlier when creating the menu item.
Edit sections in Astroid layout
Insert Custom ID to each section in the layout
  • Save the template settings and back to the Basic tab on the left, you can enable the option "Smooth Scroll" and set the scroll speed also.
Enable smooth scroll
  • ​Let's move to the tab Header, navigate the option "Site Menu", here you're supposed to opt for the "One Page Menu" previously created above.
Select One Page menu in the Site menu field

Finally, I hope this article will be helpful for any users using Jollyany and looking for an instruction of how to create an One Page with Smooth Scroll with Jollyany Multipurpose Joomla template. If you encounter any trouble relating this topic, feel free to contact us, our technical team are eager to help you out. 

Introduce New Age - Creative Agency Joomla Templat...
[Monthly Update] Jollyany and Charity Joomla Templ...

Related Posts

 

By accepting you will be accessing a service provided by a third-party external to https://www.templaza.com/