By Md. Iqbal Hasan on Friday, 15 December 2017
Category: Joomla Tutorials

A Complete Guide to Create Marketplace Ready Onepage Joomla Template

        <p>Let's pick the very first question most likely arising on your mind having seen the topic- <strong data-redactor-tag="strong" data-verified="redactor">Is that worth to create onepage templates for the marketplace?</strong></p>

Before I make any statement regarding this, I want you to have a quick peek at the following statistic information of onepagelove. It's a planet for onepage lovers, and more than hundred thousands of websites/ templates are there from the developers all over the world.

As you can see their traffic overview,- the monthly visitors is estimated 803K, Oh My Gosh!! and each of the template gets more than 2K views every day. It clearly defines people's craze about onepage templates, isn't it?

Now, think of another aspect- Simplicity.

Creating a onepage template is way less troublesome compare to multi-page, and requires less time to be built. Else, performing any modification or changes is easier as it involves just a single page. So, the pressure to deal with various pages having different purposes is no longer exists on a onepage site. 

❓ What is Called Onepage Template?

A one-page website is basically a single page that smartly combines all your business information within that page. A onepage website is able to get indexed by search engines way faster than a multi-page template. And you know the most glittering news is? Its popularity is continuously increasing due to the simplicity and usability.

Now, let's talk about some characteristics a onepage website should be present in.


So, for example- have a peek at the following onepage template and think- doesn't it seems to be satisfied all the criteria above?​

It's not that- a onepage template isn't allowed to have any other pages in anyways, in fact- EU German Law stays opposite. It's a mentionable example that defines the exception case for a onepage template.

📖 Impressum and EU German Law​

According to EU German Law, every website (both multipage and onepage) should have the additional Impressum page. Impressum is a Latin word and alternately known as Imprint in USA. It basically legalizes the authorship of the site including all its content.

As per the Law, the following information to be covered on the Impressum page.

  1. Name of company
  2. Registered address
  3. Board of directors
  4. Contact details and
  5. Web address

Now, let's begin- how you can easily create onepage templates and sell them on various marketplaces. In this tutorial, I am going to show you creating a onepage template with one of our most popular Joomla templates.

Note that : this lesson is applicable for any of our template, meaning that- ​you can turn any of our Joomla templates into onepage template, just following the approaches I am going to mention below.

📝 Requirements

The following stuffs you are going to need here.

🗂 Installing Required Stuffs and Let's Begin

Before begin, install all required stuffs mentioned above. You can install T3 Framework,Quix PagebuilderMorph Joomla Template and Akeeba Backup using Joomla Native Installer with its intuitive Drag and Drop Interface. Absolutely no chance to face any trouble.

📑 Step 1 : Creating a new Template

This is the very first step you should do before making any changes, although it's not mandatory. You can else override the existing template but- it's wise to create a new one and make all your required changes in it.

To create a new template, first duplicate an existing template then rename it as you prefer.








📊 Step 2 : Adding new Sections​

Quix lets you the flexibility to create sections, columns and customize the layout effortlessly. Here- I will not talk about Quix in detail. To explore Quix Customizability, you are always welcome to check our Video Tutorial page.

However, creating new sections is absolutely straightforward. 



You can either add pre-ready sections from our library or add them manually. 


💈 Step 3 : Renaming Section IDs according to Section Name​

It is important to rename the section ids- according to the name of the sections. Although it's optional, it ensures the later frequent uses.



🔋 Step 4 : Creating Menus​

Now, it's time to create a main menu in order to assign the homepage into then create menu items for each section. Its pretty simple, just to follow the straightforward steps mentioned below. Let's create the main menu first.





⛓ Step 5 : Assigning each menu with the Corresponding Sections

You have to now assign the created menu items with the corresponding sections. It's beyond simple. But, you need to go back to the Quix page one more time- in order to take a look the section ids. Better- copy or well memorize them since its a must to put the exact section ids on the corresponding menu item's URL fields. 

🕹 Step 6 : Enabling Sticky Header​

Although, we're done creating our onepage template still we got a problem. When we scroll down the homepage or jump to a section, we can no more find the navigation menu and are to scroll again to hit another item from the navigation.

This situation can be handled by enabling the sticky header/ navigation menu. No worry, you needn't code for making a sticky header, so we did. You just have to enable, and that's it.


Now you can find a sticky header at the top of the site which allows to jump to your desired section even while you scroll down to any other sections. 

🔩 Step 7 : Integrating singlepagenav.js (Optional)​

You may still feel - the navigation between sections is still not that smooth and it's normal since we haven't yet applied any .js script to make it act so. But, the good news is- making navigation as smooth as you want is just a few second fact.

To do so, you require an additional singlepagenav.js file which can be found on google and absolutely free of cost. Download and rename it as singlepagenav.js and follow further approach below.



📤 Step 8 : Exporting QuickStart Package​

You're all done creating your desired onepage template, just step behind. You are to create the package file includes all the demo data does have in your onepage template. It allows the users to install your template along with the demo data you put in it.

However, preparing QuickStart (template including demo data) package is pretty simple. Akeeba Backup is one of the most popular tool for this purpose. It required to be installed before you start making the QuickStart package. Find the steps below.




Once the process is done, you would be notified with a successfully completion message. Besides, you can find a Manage Backup button within the same window. Now, what you have to do is to- download the backed-up file and rename as QuickStart.zip or as you prefer. 




🖼 Front-end Appearance​

✅ Preparing for Marketplace​

Now, you are ready to submit your onepage template on a marketplace to sell. But, you might have concerned about- every marketplace has some prerequisites to submit a product. Well, don't get panic; I'm here to guide you through the entire process step by step for Envato marketplace. But, before going through the process, let's have a look on the requirements for themeforest.  

📝 Requirements (themeforest)​

  1. Package File
  2. Preview Image
  3. Thumbnail Image
  4. Presentation Copy
  5. Live Demo Link

⌛️ Step 1 : Creating the package file

 To create the template package file-




This may take 2 or 3 seconds at best, and the process is done means you have the theme package on your hand to submit. 

📤 Step 2 : Create an account and Submit​

Congrest! You're about to finish, just one step behind. If you have an existing envato account- sign in or create a new envato account. After logged in-


Put all the information according to your template and, click on the Upload button at bottom-right. That's all you have to do.  

Conclusion​

Once you're done submitting, wait few days for further feedback. They will thoroughly go through your template including the presentation copy and other documents you attached with the template in order to ensure- there is no issue exists. At the same time, they'll make you concern if any changing is needed.

This process depends on how many tasks they usually handle a day, and how many are currently on their hand. So, keep patient waiting for the review. Happy Earning.. :-) 

Used Resources

  1. T3 Framework
  2. Morph Free Joomla Template
  3. Quix Pagenuilder
  4. Akeeba Backup
  5. smooth_scroll.js
Leave Comments