Monik Template for Joomla Responsive Multi-Purpose Joomla Template 1.0

  

latest Update: 25/10/2015 By: Payo-themes Email: [email protected]

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here or to my support forum at http://support.payo-themes.com. Thanks so much!

payo-themes.com

| support.payo-themes.com

MONIK

Monik from payo-themes.com is build with helix3 framework it’s fully responsive design and clean was tested on all major handheld devices. Unlimited possibilities & flexible that will easily be able to support every site development.

payo-themes.com

| support.payo-themes.com

MONIK

1. INSTALLING 2. TIPS 3. CHANGE LOGO - COLORS - LAYOUT BUILDER 4. BLOG - ARTICLE - PAGES 5. SLIDESHOW 6. PORTFOLIO 7. PAGE BUILDER 8. MODULES 9. GRID STRUCTURE 10. VIRTUEMART 11. SHORTCODES 12. SUFFIX 13. FEATURES 14. SOURCE & CREDITS

payo-themes.com

| support.payo-themes.com

MONIK

1. INSTALLING The quickstart package is basically a clone of my demo preview, a package of Joomla, Monik template, Components, Modules, plugins, libraries, etc all of these already installed. All you need to do is to unzip to your host, create a fresh database and just follow the quick install steps. That's it, only 5 min and you have a full working website. This solution is mostly for users who will start a fresh website. Also you will recieve an akeeba backup with our demo

INSTALLING AKEEBA BACKUP: 1) Create a fresh database. 2) Unzip the files into your host, eg: www.yourwebsite.com would be just into public_html/ ; www.yourwebsite.com/folder/ would be in public_html/folder/ 3) Access the url where you extracted the files eg: http://www.yourwebsite.com/ . A regular joomla installation should appear. Follow all the steps providing the needed details for installation. eg: https://youtu.be/z6Q0fbUPQKs 4) Access your administrator eg: www.yourwebsite.com/administrator/ , login and go to Site > System Information. Here look at the tab called "Directory Permission" and make sure all the folders listed are green "Writable". If not change their permissions to 755 for folders (or in some rare servers try 757) and files to 644 (the same in some rare servers try 646). Also, Joomla recommends the php option Display Errors to be disabled. Some servers have this option enabled. The advantage is you can change this settings from the Global Configuration, 3rd tab called Servers. There is an option there, Display Errors, and set it to None.

INSTALLING STANDALONE VERSION (Piece by piece): Install Joomla by downloading from here http://www.joomla.org/ or by installing it from your cPanel Fantastico. After install, please have a look inside the folder called Monik template (piece by piece) and install every zip you find through Extension Manager > Upload & Install. I also attached screenshots of each extensions/template/module/etc's settings page so you will know what settings to apply. If you prefer this method, we recomand you to install on subdomain quickdemo to see exactly how our theme is setup.

payo-themes.com

| support.payo-themes.com

MONIK

2. TIPS 1) We have created for you some suffix code, you can see theme in suffix page in our documentation. If you want to change some suffix colors, you can use Firebug console for Mozilla or Developer Tools Console for Chrome. 2) Make sure you are not double loading jQuery library. If you're planning to install other extensions, make sure they are not double loading Jquery, this will cause problems to the website, not to mention slowing it down. View the source of your website and make sure you don't have more than one file with the name jquery.min.js or jquery.js . 3) I have a blank screen, what to do? Most likely there's a PHP Fatal error behind it. To fix the problem we must find out what the problem is, so try going to Global Configuration > Server tab and here look for the option called Error Reporting. Set it to Maximum or Simple. Most likely the error should be displayed. Now try to search on Google, perhaps someone else had the same error too.

payo-themes.com

| support.payo-themes.com

MONIK

3. CHANGE LOGO - COLORS - LAYOUT BUILDER & STUFF Logo If you want to change Logo, please go to Joomla administration panel > Extensions > Monik theme > Basics . Here you have 3 options: logo for website, logo retina, logo for mobile. Color Extensions > Monik theme > Presets. Here you can choose some style allready made by us. Also, you can customise your theme from Styling Options and add your colors. Layout builder Extensions > Monik theme >Layout Here you can add row/columns/ module positions. It's verry simple and you can create your layout design. Typography Extensions > Monik theme > Typography Here you can modify your body, heading, navigation typography. Custom code Extensions > Monik theme > Custom code Here you can add your css/js code . If you add here, when you will make update, you don't lose your custom css/js. Also for css you can add in css/custom.css Compress css-js Extensions > Monik theme > Advanced Here you can compress css-js files for fast loading and high note in google.

payo-themes.com

| support.payo-themes.com

MONIK

4. BLOG - ARTICLE - PAGES 1. Add article to blog: Create new category named BLOG, create new article and add to category blog, save. 2. Special info in article: Every article have options like: standard (default), video (you can add video in article cover), gallery (you can add images in article cover), audio (you can add audio in article cover), link (you can add link in article cover), quote (you can add quote in article cover), status (you can add video in article cover): https://www.youtube.com/watch?v=sHKXUlIriQk

BLOG DESIGN:

payo-themes.com

| support.payo-themes.com

MONIK

Pages: In every page you can add custom page title and subtitle https://www.youtube.com/watch?v=QFYhIOYxcH4

5. SLIDESHOW You can use SP Builder to add addon slideshow in your page. SP Page Builder >Pages> Clik on your page >Add row > Click on Addon > choose Carousel Pro and add your images Or you can use modul Layer Slider Responsive Slider: Create module and add into your page builder as module. LayerSlider is a premium multi-purpose slider for creating image gallery sliders, content sliders, and mind-blowing slideshow with must-see effects. This slideshow uses cutting edge technologies to provide the smoothest experience that’s possible, and it comes with more than 200 preset 2D and 3D slider transitions. Layer Slider has a beautiful and easy-to-use admin interface with supporting modern features like drag and drop WYSIWYG slider builder, real-time slider previews, timeline view, Google Fonts and transition builder for custom animations for the slider. Layer Slider is device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance.

payo-themes.com

| support.payo-themes.com

MONIK

You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. Layer Slider is also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. Layer Slider comes with 13 built-in skins, and Layer Slider has tons of options to entirely customize the appearance and behavior of your slideshow at the smallest detail. You can see here video tutorial: http://www.youtube.com/watch?v=X8HIalFLyq0 http://www.youtube.com/watch?v=p3PmxNoBzHY http://www.youtube.com/watch?v=iG6qklemxyg

6. PORTFOLIO You can use 3 columns or 4 columns images in portfolio. You can use design: square, masonry, rectangle. You can do this with 2 options: 1. From main menu >featured articles >save . Go to components> Simple Portfolio> Create new category > Add new tags > Add new items with image, title, video from youtube on hover. Go to modules, add new portfolio module, choose your style, choose to be shown on page just created , choose position :position8 and save https://www.youtube.com/watch?v=uTQbXbH6TUc

2. Create module like on option1 but here don't ad on position and no add to any page. Go to Page Builder> New> give an name like Portfolio and save. Add in this row Joomla module and save. https://youtu.be/RxLSJGN1rfE

payo-themes.com

| support.payo-themes.com

MONIK

7. PAGE BUILDER You can create unlimited pages, fast, unique design. It's verry simple with 41 addons, suffix just created for you for better look. What you need is to create your page: Page builder > Add new page > aff your content or import one > save. Add new page from your menu Main menu>Add new page> Choose Page builder > Choose your page> save. Here you can see more about it; we made an video for you: https://www.youtube.com/watch?v=3YB7YPRWuTg&feature=youtu.be

8. MODULES Monik comes with manny great modules. Free or with licence .

payo-themes.com

| support.payo-themes.com

MONIK

9. GRID STRUCTURE Monik is full responsive, is build with bootstrap 3 and you can see more about bootstrap 3 here: https://getbootstrap.com/examples/grid/ and http://getbootstrap.com/css/ You can use grid like this in editor click on toggle or html : this is your left text in first column this is your right text in second column Grid has 12 columns, so , if you add col-md-6 will be 3 columns.

will be 2 columns, if you will add col-md-4

10. VIRTUEMART Please install virtuemart component from http://virtuemart.net/downloads and that-s it. Monik theme not have special configuration for virtuemart. Our files are in templates/monik/html/com_virtuemart and css and js are in templates/monik/css and js. If you have errors about vmfiles, is verry simple, just create an folder with that name in path that is named in your error. Follow these steps to fix a error: - Create a new folder in log folder. - Open Joomla Global Configuration -> System. - Copy the whole path in path to log folder textbox. - Open VirtueMart control panel and go into Configuration -> Templates. - In Safe Path textbox, paste the path you’ve copied before, enter a slash and name of the folder that you added before. - Save configuration using a Save & Close or just a Save button.

payo-themes.com

| support.payo-themes.com

MONIK

11. SHORTCODES In each joomla article you can find on bottom of editor, an button named Shortcodes. Click on Shortcodes and an popup menu will shown, Choose your shortcode an complete, then save your article and see it in your browser.

12. SUFFIX We made for you some suffix, you can find them in css file. Just add in your module suffix or css class like this: red_hv so, you will have background color red light and hover you will have red dark. LIST: overdot (here you can have dotted over image or video background) red_hv green_hv white_hv blue_hv black_hv none_hv lila_hv orange_hv

payo-themes.com

| support.payo-themes.com

MONIK

green2_hv yellow_hv grey_hv whitetext dot_hv reduce borderontop over22 ns2-title you can use css for grid, ex : col-md-6

13. FEATURES

- Powered by Helix3 Template Framework - Great for small business, portfolio website, marketing purposes, personal trainers, ecommerce shop etc. - Virtuemart with grid/list layout, image change on hover - Template Options Panel - Fully Responsive Layout - HTML5 & CSS3 Animations Effects for modules - Powerful SP Page Builder - 4 Predefined color styles with unlimited color style possible - Boxed and Wide Layout - Boxed Layout with different Background Images - Off-Canvas Menu - Megamenu - Nice menu shrink and fixed on scroll - SP Simple Portfolio - Joomla 3.4+ Ready - Supports Latest FontAwesome Icons - LESS to CSS compilation feature - All required Extensions (Modules, Plugins and Components) Included - Bootstrap 3 grid layout system (12 columns support – Fluid Layout) - Unlimited layout builder - Google Analytics integration - CSS and JS compression options - Google Map Integration - Over 642+ Google Fonts

payo-themes.com

| support.payo-themes.com

MONIK

- Font Awesome Icons - Standard Joomla Blog Layout - Video Joomla Blog Layout - Audio Joomla Blog Layout - Gallery Joomla Blog Layout - Link Joomla Blog Layout - Quote Joomla Blog Layout - Status Joomla Blog Layout - Image Joomla Blog Layout - Social Icons Integration - Logo uploader - Supported by all latest browsers - Clean and Fresh looking - Loading CSS animation (fadeIn, rollIn, bounceIn and lots more) option for different blocks - Extensive documentation - 404 error page - Offline Page - Coming Soon Page - Christmas animated header - Sport page - Home page 3 styles - Over 38 pages created - Shortcodes in joomla editor - and more… OTHER FEATURES: Modal popup: here you can add in your page builder an image or button and on click , you can open in popup: image, text , text with image, video. Virtuemart carousel: you can add in to your page, products carousel. You can use like addon in page builder or just like normal joomla module.

payo-themes.com

| support.payo-themes.com

MONIK

14. SOURCE & CREDITS IMAGES: Icons - http://www.iconfinder.com/ , http://www.flaticon.com/ Images http://www.hd-wallpapersdownload.com/ , http://beautyartpics.com/ https://market.photoshoplady.com/product/category/freebies/ (not included in the template)

,

SCRIPTS: Helix 3 Framework http://www.joomshaper.com SP Page Builder Pro with addons and extensions http://www.joomshaper.com Bootstrap Framework http://twitter.github.com/bootstrap/ Revolution Slider http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848 Raphael Diagram http://tympanus.net/codrops/2011/04/22/animated-skills-diagram/

JOOMLA EXTENSIONS: Timeline - http://joomlaux.com Smart Countdown - http://smartcalc.es News Show SP2 - http://joomshaper.com Custom HTML advanced http://pluginaria.com Virtuemart - Shopping cart component http://virtuemart.net Shortcodes - zootemplate.com