Joom!

Multipurpose Joomla Template

• created: 02/03/2015
• latest update: 02/03/2015
• by: Web-Komp
• email: biuro@web-komp.eu

 

 

Hello everyone!

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. Thanks so much! For questions on basic Joomla installation/usage, HTML, JavaScript or CSS editing - please try the Uikit, Joomla Documentation, Our Forum, Warp Documentation or Google as theme errors/issues get top priority.

After installation you'll see complete site like a Demo Site. So, if you're running for new website, I do urge to install using the quickstart file. But, If you've already had a joomla website with your own content, you could install only the Template to keep your own data

Quick Start Package.zip allow you install in few clicks Joomla template, Joomla extensions and Demo data, in final you get full Joomla website exactly the same like on demo with contents, modules, articles, menus etc. Install just like a typical Joomla installation:
1 .Unzip "Quick Start Package.zip"
2.Upload files to your server /localhost(XAMPP)
3.Go to www.yoursite.com
4.Follow the Jooml! Installation instructions

Important! Here is important section for biggnner user .If you want to have our demo site ,Choose "Install Joom! English (gb) sample data"

Jooml_1.0.0.zip template package that are available for installation into your existing Joomla! sites. Please installed from Joomla! Extension Manager (Install tab). Then you can assign your new template as default. Do not include any modules/plugins nor demo content.

• Download the zipped theme pack to your local computer from http://web-komp.eu/my-account/downloads and extract the ZIP file contents to a folder on your local computer.
• Log into your joomla control panel and click on the  “Extensions >> Extension Manager” in top menu..
• Click on the "Upload" button, "Browse" for file called Jooml_1.0.0.zip
• Next go to: Extensions Manager - Template Manager choose 'jomi' and click "Make Default". Refresh your site

1.Go to Extensions > Module Manager > New > Custom HTML. Then upload/insert your image and put the module in the logo position

Position:logo

<img width="130" height="45" alt="Demo" src="images/logo.png">

Position:logo-small (the logo will be visible on mobile phones.)

<img src="images/logo_small.png" width="138" height="40" alt="Demo" class="uk-responsive-height">

Module in Jomi theme are based on the powerful Warp 7 Framework and can be arranged and aligned with the following values: Paralell doubled or stacked.

We have powerfull options for module customization.You can choose set specfic class ,style,animation,awesome icon,badge and more .

Go to Extensions/TemplateManager/Joom/ Styles/Customizer 

You can set your template's without any CSS and LESS knowledge link and text colors, paddings, margins, width and other settings easily. It's child's play to customize your template as you want. The left hand vertical bar indicates the settings for the theme and on the right you can see your selected theme. All modifications within the customizer will instantly be displayed in the preview on the right side.

Go to Components/Widgetkit/Slideshow/Slider/ and edit caption:

<div class="uk-container uk-container-center uk-text-center" >
<p class="bold1 border-line  font52" >Welcome to  Joom!</p><br /> 
<p class="bold2 font23 no-margin  bounceInDown animated" >MULTI-PURPOSE joomla TEMPLATE </p><br /> 
<p class=" swing animated"delay=0.5s animated" ><a class="custom-buttom"  href="http://web-komp.eu/template/joom" >Purchase Now <i class="uk-icon-shopping-cart " style="font-size:14px;"></i>
</a> </a></p>
</div>

Content: (image)

 <img src="images/slider/slide4.jpg" alt="demo slide" style="width: 100%;vertical-align: middle;" />

Important! If you would like to use source code view use “CodeMirror” Editor

You can use different animations e.g

bounceInDown animated

More animated effect you can find here:

http://daneden.github.io/animate.css/

To deal with the new API, you now need to register your Twitter widget as an application in Twitter. Follow these steps to get an Twitter API Key and user access token:

• Go to https://dev.twitter.com/apps/ and log in with your regular Twitter account.

• Use the button "Create a new application" and follow the instructions.

• After submitting the form, you'll see your consumer key and consumer secret:

  

• Click on "Create my access token" to generate the access token that represents your own account's relationship with the application. You might have to wait shortly, the reload the page:

  

• Copy the indicated values into your Twitter widget/module settings:

  

• Save the changes.

Go to Components/ Sp Simple Portfolio

You have to start from adding a new tags in component.

If you add one or more tags you can start to add new items.

You have to fill all fields marked with * : title, image, description and tags.

We suggest to add at least 3 or 4 items before you will create a menu link to component view.

Once you have tags and some tagged items you can display portfolio in the front end in several ways.

1. Using Menu Manager you can create a menu link that displays portfolio items.
2. You can use SP Simple Portfolio module.

The Cards theme is all about your images. This theme makes it easy to display rich, bold content in a single module without sacrificing that modern, stylish look.

Go to Extensions/ModuleManager/Our services

Go to Extensions/ModuleManager/ "Powerful Features"

The Showcase theme is a modern, easy to read and follow approach that gives you the ability to have a great looking module, with or without an accompanying image.

Go to Extensions/ModuleManager/ "What Our Customers Said"

The Quotes layout mode makes it easy to display sleek, elegant quotes on your site. It is perfect for testimonials, product reviews, and inspirational messages.

Go to Extensions/ModuleManager/ "Photo Gallery"

If you define a custom overlay, you can choose between different animations - fade, bottom, top, right and left.

How To Use

<a data-spotlight="effect:bottom;" href="/mypage.html">
	<img src="/image.jpg" width="180" height="120" alt="" />
	<div class="overlay">Custom Overlay</div>
</a>

Important! If you would like to use source code view use “CodeMirror” Editor

Go to Extensions/ModuleManager/Headlines

RokSprocket: Headlines Layout Mode Learn MORE

• Quickstart Installation – Joomla 3.x latest version
• Responsive Layout
• Warp 7 Framework and Full UIkit support
• Flat, Clean Design
• Cool effects and animations
• Skill and statistic bars
• Built in Ggiz Compress and Data URI function for faster site loading
• Advanced template manager with Real-time theme customizer and One-click LESS compiler
• 7 Preset with Unlimited Color variation possibilities (choose your color from live customizer).
• Flexible module positions
• Enable or Disable Bootstrap
• Module Badges
• K2 Styling with Custom Templating.
• Module Icons / All Font Awesome Icons
• Styled Color Buttons with different sizes
• Widgetkit Lite
• Roksprocket
• Kunena Forum Styling
• Gallery
• Google analytic integration.
• Custom Date view for artcles and blog layout
• Responsive article and module grid layout
• And such more…

Credits:

• Akeeba Backup
• Warp Framework
• Widgetkit Lite
• Roksproket
• Font Awesome
• Pixabay
• WOW
• UI Kit
• SP Simple Portfolio