Documentation
TemplateName - Modern Kindergarten Joomla 4 Template
Thank you so much for purchasing our product. We hope you enjoy our collaboration.
- Version: 1.0
- Author: Windstripe Themes
- Created: 08 January, 2022
- Update: 08 January, 2022
If you have any questions that are beyond the scope of this help file, Please feel free to email via My Profile Page.
Description
TemplateName – Modern Kindergarten & Baby Care Joomla 4 Template.you can create a website for Day Care, Pre-School and other kids related websites. The template is suitable for children related projects like kindergartens, preschools and child care centers.
TemplateName is based on Helix Ultimate Framework so is full responsive, fast loading, secure, and have many features. For the majority of pages we used SP Page Builder (Pro) with its main addons, including some customized by us.
Installation
There are two methods you can use when installing your newly template:
- Using the quickinstall if you are starting your project from scratch.
- Using the template only if you are working on an already made website.
METHOD 1: The Quickinstall
The quickinstall
package is basically a clone of our demo preview, made with Akeeba Backup that contains Joomla, TemplateName template, Components, Modules, plugins,
libraries and everything else you see on the demo - all of these already installed.
These are the steps you need to follow:
- Copy to your host the contents of the quickinstall folder
- Create a fresh database in your cpanel.
- Access the url where you extracted the files. A restoration script containing a regular joomla installation should appear. Follow all the steps providing the needed details for the installation.
- Here is an installation example if you need help: Quickinstall Method
- You are good to go for adding your content now!
METHOD 2: The Template Alone
The template alone
is only the template, it will not install the menus, components, modules and plugins from the demo, you will only get a new look of your website. But don't worry, we included all the instructions to get everything you need for your website to look exactly like in the demo (please follow all the steps and check the faq).
1. These are the first steps you need to follow:
- Install Joomla by downloading it from here: Joomla Official Website
- You can find installation instructions here: Installing Joomla
- Also useful for beginners: Getting Started With Joomla
- After you install Joomla, please have a look inside the folder called template from your downloaded pack and check for the zip file called TemplateName.
- Now go to Extension Manager and Upload it.
- You can find instructions on how to install using Joomla Extension Manager here: Using Joomla Extension Manager
- FOR JOOMLA 4 you can find Joomla Extension Manager here: Using Joomla 4 Extension Manager
- If things are going good, let's go on with the next chapter.
2. Now that you have Joomla and our template installed, it's time to make it work.
- Make sure the template TemplateName is present in your templates list.
- Install plugin - system.zip for Helix Ultimate you will find in the plugins folder from our pack.
- Enable plugin(s).
- If you need instructions on how to do so, please check: Joomla Plugin Manager
- FOR JOOMLA 4 you can find Joomla Plugin Manager here: Joomla Plugin Manager
- Set the newly installed template as default.
- If you need instructions on how to do so, please check: Switching templates
- FOR JOOMLA 4 you can set the newly installed template as default: Site Template Styles
- Great work until now. You should have the template up and running.
3. Now that you have Joomla and our template installed, it's time to get the components and/or modules used in our demo.
- In the downloaded pack you have the extensions folder. Install all the extensions from there.
- There are also links to the free extensions in a text file.
4. Until now you have all the tools needed for using our template, the next step would be to import the settings for it to look like the demo (please follow all steps).
It is up to you to choose which files you want to import. I will explain in the following lines how to import different files from the import folder:
- Installing Theme Settings:
- You will find the files for the template style(s) located at the folder called theme settings.
- In the administrator panel go to Templates - Site Templates Styles.
- Click on TemplateName - Default.
- Click on Template Options.
- Go to the Advanced tab (last option).
- Select Import & Export.
- Click on Import Settings.
- Select the TemplateName - Default.json file from the folder called theme located inside the import folder. If there is more than one file in that folder, you can select the one you want for your website.
- Here is a video example on how to import the theme settings: Import theme settings for a template style
- Inserting a page in Page Builder:
- You will find the files for the Sp Page Builder pages located at the folder called page builder.
- In the administrator panel go to Components - SP Page Builder Pro.
- Click on + New.
- Click on Import.
- Select the desired .json file from the import - page builder folder
- You can see a video example here: Importing Page Builder page
- Inserting a page in Page Builder modules:
- You will find the files for the Sp Page Builder modules located at the folder called page builder - subfolder.
- In the administrator panel go to Modules.
- Click on + New.
- Select SP Page Builder from the list.
- Give the module a name (assign it to a position if needed.
- Save.
- Now click on IMPORT and just select the page from the .json list of the modules you received.
- Follow the same procedures for the blog item and/or portfolio item if needed (remember to enable Integrations for Joomla Article and Sp Simple Portfolio in Components - SP Page Builder Pro).
- You can see a video example here: Page Builder - Enable integrations, import modules, articles, portfolio item
- All done, now you should have everything up and running. There might be some small settings you need to do, we recommend you check the FAQ if you encounter issues.
- Also we have a video showing you exactly the steps to import a template of ours, you can can see a video example here: How to install our Joomla templates piece by piece
Updating The Template
Is very simple to update our template. Here are the steps:
- Make full backup of your website.
- Update all extensions to the latest version.
- Update the template with its newest version.
- Update Joomla to the latest version.
- Clear cache.
Theme Customization
All our styles are easily placed so that you have no problem changing them. You can see instructions on how to do so below:
- GENERAL, HEADER, FOOTER -> custom.css file
- You can find our general (different components, blog, shop, font imports, Page Builder Rows or Columns), header and footer styles in our custom.css file.
- To edit it, you need to go to Your Host -> templates -> our template -> css -> custom.css
- It is possible we use some css customs from page builder in this file also, the ones we could not use in the custom css from the page builder addon.
- HINT: Using browser's developer tools to find the styles.
- GENERAL, HEADER, FOOTER -> Page Builder's Page css
- If a page in our template uses the same Helix template layout, but has different syle, for example a different menu, different footer, different background, different fonts etc, to not create a template child and get our users confused, we apply the css in the page's own css.
- To edit it, you need to go to the top of the page -> on the left click on Custom CSS -> edit css (see image below)
- PAGE BUILDER ADDONS
- Each addon on page builder has it's own custom css section which we edited.
- You can change it anytime by going to SP Page Builder -> Pages -> Select page -> Select edit addon -> Go to STYLE tab and scroll down until you find Custom CSS section (see image below)
Layout
Configuration For The TemplateName Template
In the administrator panel go to Templates - Site Templates Styles - click on our template - click on Template Options
- Basic
- 1. Logo - logo type image and you can upload your image here, or select as TEXT and you can add your text.
- 2. Header - choose favicon, sticky header and favicon.
- 3. Body - here you can choose preloader or boxed layout
- 4. Footer - here you can enable go to top (we insert the footer as a Sp Page Builder module in which you can easily import - it's more flexible this way - you can find or insert it in position footer1)
- Presets
- Here there are 8 predefined presets from the original template plus one or more created by us. Choose the color you want.
- Layout:
- Here you can create your site layout
- You can create one layout or more layouts: if you want to create new/different layout, you need to duplicate your theme style and next build your layout.
- Best ideea is to install our demo on a subdomain and check how it's configured.
- Menu:
- Here you can have 3 options: Menu Builder, Mega Menu and Off-canvas (just icon)
- Menu Builder: you can create your own menu, set up the mega menu or select an icon for the menu item.
- Mega Menu: you can select the Menu Type here.
- Off-canvas: make sure you select the Off-canvas alignment (the menu will not show up if you do not) and select the menu you want for the offcanvas position.
- Custom code tab:
- here you can add your custom css and js
HOW WE WORK WITH HELIX ULTIMATE: You can see exactly how we work in Helix Ultimate and what settings from it we use HERE.
Extensions
Here are the official descriptions of the extensions used in our templates.
- SP Page builder PRO
- Helix Ultimate Framework
- Akeeba Backup
- OPTIONAL: Hikashop
- OPTIONAL: J2 Store
- OPTIONAL: SP Simple Portfolio
- OPTIONAL: Creative Slider
FAQ
We provided answers for a few frequently asked questions here in order to help you understand better our template.
Source & Credits
Images:
- Unsplash - https://unsplash.com/
- Freepik - https://freepik.com/
- Picjumbo - http://picjumbo.com/
- Pexels - https://www.pexels.com/
- Pixabay - https://pixabay.com/
Fonts:
- Google Fonts - https://fonts.google.com/
- Icons Font Face - https://fontawesome.com/
Components & Framework:
- SP Page builder PRO
- Helix Ultimate Framework
- Akeeba Backup
- OPTIONAL: Hikashop
- OPTIONAL: J2 Store
- OPTIONAL: SP Simple Portfolio
- OPTIONAL: Creative Slider
Support
If this documentation doesn't answer your questions, please send us Email via Our Email Address
We may be located in different time zones, but be sure we answer all questions as soon as possible no matter if it's weekend or weekdays. There are however some rare cases when we do not receive your emails so if you do not get a reply from us withing 24 hours, please write to us again or comment in the purchased item section of themeforest. Some delay in replying may occur on holiday seasons.
Don’t forget to Rate this template
Go to your Themeforest Profile > Downloads Tab > & then You can Rate & Review for our template.
Thank You.
More Templates
Checkout Our Below Premium Templates
Changelog
See what's new added, changed, fixed, improved or updated in the latest versions.
For Future Updates Follow Us @themeforest / @facebook / @twitter /
Version 1.1 (Soon)
Coming Soon
Version 1.0 (08 Jan, 2023)
Initial Release