Magazine is a latest Joomla News/Magazine template from Joomdev, The cleanest and attractive template ideally suits to any blog, publishing, magazine, and news portal websites. It comes with an extensive space in order to showcase latest and trending posts.
Magazine based on EasyBlog, which is the best solution for managing content. Magazine comes with some easy blog add-ons that allow you to show content in different styles such as on News Ticker, grids, sliders etc. Besides that, you’ll get a lot of extensions and features with the Magazine.
Here is the documentation of Magazine, describes the complete process from installation every minute details and usage.
No images from demo
There will be no any image included in the quickstart package. All the images displayed in demo of the template are paid and we dont have any right to distribute these images. So all the images are replaced with placeholder images.
Pro extensions are bundled in only Quickstart package
All the pro extensions used in the templates, are bundled only in the quickstart package. These are not provided separately. If there will be any update in the extensions version, we will release an update for the template with other changes possible. And if you want to get a licence or regular update for the extensions, you need to purchase licence key from the respective owner of the extensions.
If you want to recieve automatic updates for this template and don't want your customizations to disappear, we recommend adding new files for your custom code and NOT modifying the existing core files.Create a new file and write all the custom code in that file. So when there are updates, your custom work will stay and you can stay up-to-date with the latest version of the template as well..
Click here to know how to add custom CSS/JS file
Installing Template & Quickstart
Please click here to see in details how to install Joomla Template and QuickStart Packages.
To Install/update for Extensions:
For free version: Go to Extensions > manage> Update, select respective extension for update> Click on update.
For Paid version: Download the latest files, then go to your Admin panel-> Extension-> Install, Install the respective files.
NOTE: If "paid" version of extensions are updated via Joomla's updater you will downgrade extension to "free" version.
Magazine comes with 4 color presets, which allows you to change the styling choices like Background Shading, Text shading, Hover shading, Drop down menu shading. By enabling “Custom Style” you can choose your own main colors.
Menu Settings allows styling of our menu's in different visuals. Provided screenshot below explains about different options we can select from to customize our menu.
1. Mega Menu:
We can easily create and customize Mega Menu for our website with modules inside, you can add rows, columns, links and more to a mega menu it also provide drag and drop menu building system.
Basic settings includes follwing options.
Here you can set or upload a logo (image or text) Including mobile logo for your site. Allows to adjust the logo height and can add SVG logos as well.
Here you can set header height, decide whether the header will be sticky or not, and can upload a favicon 16px x 16px .png or .gif image that will be your favicon.
Why use sticky header?
To provide better usability to the user. With sticky header, it's easy to navigate from one to another when you have a menu and the logo always on top of the screen.
We can manage the sticky header with one click. If we don't need (header) to scroll down with the page. There is an option in the backend where we can turn off/on the header with single a click.
A favicon is included in the header. Must be wondering what favicon is?
Favicon is a small icon on the top of every website basically found in the URL tab. It's associated with the website planned to be used when we bookmark our page.
How we replace default Joomla favicon. We need to upload ico, gif or png graphic file for it.
Here you can Enable or Disable the website preloader, decide site layout between boxed and wide.
Enabling Boxed Layout option, allows to customize the boxed layout appearance i.e. Background Image, Background Repeat, Background Size, Background Attachment, and Background Position.
Boxed Layout (if No) is perfect for you, if you like airy websites, with no visible borders or page edges. A Boxed Layout (if Yes) is a form of layout where the boundary of the main body is clearly defined and you can choose to have the background be a custom image.
Magazine allows adding any social network link with the icon. You have the one more icon that is the Custom if we wish to add a custom link. you can drag the cursor over to see the description or little steps describing how to add.
We can also add the contact information anywhere on the website depending on the module position we select from, which include a phone number and e-mail address.
Magazine introduces a Coming Soon page which allows you to display a stylish page indicating that your site is either being worked on or under construction.
Error Page implies that asked for a page that does not exist. This could be on the grounds that client has entered the wrong URL or that the address that client have asked for references assets that have been moved.Another probability is if a site has moved a page or asset yet did as such without diverting the old URL to the new one, particularly after relocation. At the point when that happens, you'll get a 404 mistake as opposed to being consequently steered to the new page. Presently you can help a tiny bit more yours "lost" clients.
Also, you can add module using "404" position.
All you have to do is add a new module(s) and publish it on "404" position. It can be very useful because you can add their search module, menu or custom code module.
At this moment utilizing Google Font is significantly much simpler we additionally want to present an "Update Font List" feature. It enables us to revive the list Google text styles. So if there are any new ones, this catch enables you to update fonts with just one click and all new ones will be automatically added in the template.
Typography settings enables you to pick font and its settings for extensive HTML tags: body, h1, h2, h3, h4, h5, h6 and navigation. All settings are from layout settings, so we have now a simple and productive approach to insert Google font to our site with a couple clicks of our mouse.
Custom font allows us to use custom Google font for selected CSS selector. We just need to turn on an option from font settings.
We can simply customize template built for Joomla with our own custom code, for example, CSS, JS, meta tags, links and verification code by using the custom fields in that section of settings.
Before < / h e a d >
The Final result on front-end HTML5 code generated by browser engine. That line you can see on the image below was put by Magazine engine before ending < / h e a d > section and before < b o d y > will start, it means it's fully W3C correctly solution.
Before < / b o d y >
Any code you place here will appear in the bottom of the body section of all pages of your site. This is useful if you need to input a tracking code for a state counter such as Google Analytics or Clicky.
This is useful if you need to input a tracking code for a statistics counter (such as Google Analytics(GA), Piwik, Woopra or Clicky. This tracking code will be available on every page of your Joomla 3.7 website.
You can use custom CSS to add your own styles or overwrite default CSS of a template or extension. This option is good small changes in the stylesheets. For more extensive changes (more than 10 lines of code) we suggest to using the custom.css file.
As you can see CSS code was added in Custom CSS section and what is more important is it works smoothly.
Note! Please do not edit the template.css, any other CSS file from the Magazine template. The reason being that all of your changes will be overwritten by template engine. Instead, we suggest using a custom.css file where you can override the default CSS code.
This segment of 'Magazine' settings enables us to lessen the size of loaded template files. By speeding up a template, we offer a superior better experience for our clients, enhance your page speed and make your CMS seem more steady and expert.
In addition, do not enable this option in a development period.
Compile SCSS to CSS
SCSS is fully reconcilable with the syntax of CSS. When we enable this option, It will compress all SCSS files during each load of your website if the SCSS file has been changed or edited.
Export/Import Template Settings
If you are using our Template quick start, you will get all the setting by default. But if you are using only template file, then you need to import setting file for example, Font selection, Layout settings, Color Preset chosen etc. You can download template setting file from your order list and import from admin panel.
It can not be used for transfer demo data like articles, nor module content.
How to import Template setting File?
- Download the template setting File from your order list.
- Now Unzip and copy all the text from text file.
- Go to you admin panel > Advanced and paste copied text inside Import field of your template.
JD Ad addon enables you to display banner ads on your website. You can insert the addon in the desired location and upload the banner and link it to the advertisers' website with entrance animation and Hover animation effect.
JD EB Article
JD EB Article addon allows you to display popular or latest posts either from all the categories or a specific category with article ordering between latest, popular, title etc and ordering direction i.e. ascending or descending with entrance animation and Hover animation effect.
JD EB Grid
JD EB Grid allows you to insert slider on your page. It comes with 4 layouts where you can select the 3, 4, 5 or 8 posts in the slider with entrance animation and Hover animation effect.
JD EB Categories
JD EB Categories is an ultimate page builder addon for an easy blog which allows you to display category list in a thumbnail view along with an image in attractive style with entrance animation and Hover animation effect.
1. JD EB Categories Horizontall View
2. JD EB Categories vertical View
JD News Ticker
JD News Ticker allows you to auto scroll news articles from right to left. You can ticker the news from a specific category or from popular posts and latest posts with entrance animation and Hover animation effect.
JD EB Classic Grid
JD EB Classic Grid is a page builder addon for EasyBlog. It allows you to add two parallel section where you can display one leading post in each section and number of regular posts with entrance animation and Hover animation effect.
JD EB Listing
JD EB Listing is a page builder addon for EasyBlog. It comes with two layouts. One is leading with a list and the second one is list layout where you can fetch articles from multiple categories with entrance animation and Hover animation effect.
1. JD EB Listing Style 1
2. JD EB Listing Style 2
JD EB Playlist
JD EB Playlist is a page builder addon for EasyBlog. It allows you to display video post on the page. All the post under the selected category will be displayed as a video playlist with entrance animation and Hover animation effect.
JD EB Post Slider
JD EB Post Slider is a page builder addon for EasyBlog. It is best suitable for the sidebar where you can add it as a slider for latest or popular posts with entrance animation and Hover animation effect.
Layout - Module Positions
The following screen-shot highlights the default layout module positions that we used in current template. By using Layout builder in Helix3 users will be able to move positions or change their size in the grid. Our in-build layout builder from template settings provide the opportunity to add new positions, columns, rows wherever you need as much as moving elements.
How to add Custom CSS & Custom JS File
Go to template directory and find css/js folder and create a new file i.e(custom.css) - i.e(custom.js).
Google Map API
If you want to personalize Google map for your website, please follow our recent article here>
Need More Help?
If you couldn't find an answer for your question in this documentation, feel free to contact us. For technical support, you can contact us via forum here
We’re in UTC +05:30 (Indian Standard Time) and we aim to answer all questions within 8 hours in weekdays. In some cases, the waiting time can be extended to 24 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.
Once again, thank you so much for purchasing this theme. As said at the beginning, we'd be glad to help you if you have any questions relating this theme.