1. Start
  2. Welcome
  3. Overview
  4. Installation & Setup
  5. CSS Structure
  6. JavaScript files
  7. Features Overview
  8. Framework overview
  9. Images
  10. General options overview
  11. Import store preview
  12. Export & Save options
  13. Twitter Widget
  14. Homepage Options & Slider
  15. Products Quick View
  16. background slideshow
  17. Add Blog/News
  18. Category page options
  19. Product page options
  20. Advance Banners
  21. SEO Module
  22. Maintenace Page
  23. Sources and Credits

Olympia - premium html5 opencart theme

Compatible with: OpenCart 1.5.4.x / 1.5.5.x


olympia

Welcome


Welcome to our documentation for Olympia - premium HTML5 ReResponsive opencart Theme. by speed730, Before we dive-in this documentation i want thank you for purchasing my theme

Overview


olympia is a premium opencart theme created with a powerful backend admin SPEEDLIZARD created by me with the assist of my panther & best friend lizard2013 where you can also keep track for new themes using speedlizard admin

Installation


  1. unzip the downloaded zip file

    olympia-folders
  2. You will find the following folders in the zip file. Open the folder with the name olympia

    olympia-folder
  3. open the folder relatred to your opencart installed vesion

    olympia-ocversion
  4. drag and drop the folders inside olympia folder to your server opencart folder

    upload

VQMod Installation

Olympia Theme use VQMod for additional settings and modules like adding product videos or show advance banners. you need to install VQMod before uploading vqmod folder.

VQMod is available here VQMod is available here vqmod V 2.3.2 is compatible with Opencart v1.5.4 & V1.5.5 also V1.5.5.1

after you extract and put the vqmod folder on your site root add the xml files for olympia theme and install vqmod

Full list of extenstion for VQMod:

vqmod
This theme is highly customized and recommended to use after clean installation OR on stores without previous system changes.

Timthumb plugin folder cache permissions

timthumb

Activation

now follow those steps to activate olympia theme :

follow these steps and you are successfully installed and activated olympia theme with all it's features, next up we we will dive in the admin panel to show you all the amazing features that comes with olympia, keep in mind we have a set of videos tutorials for the admin panel & the news feature, we will cover pretty much everything in the videos but if you need more help feel free to submit a post to our forum and we will try to replay faster as we can

CSS Structure

Here is the list of css files that Olympia theme uses:

Javascript Structure

This template is heavily loaded with both custom JS functions and free jQuery plugins. All JS files are placed in a separate folder called "js". The list of files is as follows:

Frontend javascript files
backend javascript files

List of olympia main features:


The list below contain olympia main features, olympia offer more than this list features as you go through the documentation you will discover all the features that truly makes olympia flexible and easy to customize your site with your desire styles and options

Framework overview


admin

olympia theme comes with a robust admin panel that makes this theme one of the most flexible themes created for any kind of store you want to setup, this admin hold all the theme options from color changing to layout, except the news/blog module is separated.

to guide you inside the admin panel we create for you a set of demos tutorials on how to set modify & change your theme

admin

from color changing to setting layout also building your own logo to adding video for category or unlimited videos for each product, all comes out from this admin panel, and much much more features that are explained here and also forced by videos tutorials those are available on my youtube chanel and linked also in the documentation

Images

Goto Settings > Edit Store > images

images-size

Theme Options

most of admin options are pretty straightforward, easy understand also each option it contain description text for what this option will apply or change, but there is some specific options i will cover here in deep

import store preview

olympia theme comes with 4 ready store preview you can use on your new empty store to have something top start with and to see olympia features working with images placeholders included

import

Export and save options

as olympia admin panel andit's huge set of options you may want to save options to map them over a news store or just save to save backup, and for this we add an export feature to save your own store options to use them import them later

export

Twitter API V 1.1 Settings

twitter

Homepage options

Homepage slideshow

you can choose to show slider or show banners slideshow or even a video presentation in the homepage

banners-slideshow

Products QuickView

go to Homepage Tab -> options Subtab and unable 'Quick View Slider', follow the image below

qview

Background Slideshow

with more then 370 png backgrounds images included and an options to add your own png images background, we added a full with background slideshow with options to add your own backgrounds and make them play on site bakground, with settings to add zoom slide, and set background change time interval

backgrounds

News Module

news-admin

olympia comes with new module that is seprate from the admin panel, but it must be manage from the admin panel to include or exclude categories or show latest news in homepage

news-front

Category Page Options

if you choose to show banners or videos for category page you need to add banner or video and assign to the category you want, categories width no video or banner will use the category media fallback option also if it's empty it will fallback to the category static image if it's avaliable
categoryPage

Product Page Options

product page featuers

product-page

Advance Banners

banner

SEO Module

with all opencart allready built in-seo, we found only one thing to add for seo module schema.org standard that was built to boost your site seo and add meaningful ecommerce tags those are undrestendable by search engine robots when they crawl your website

seo
you can unable or disable the seo module from the admin panel seo tab

Maintenace Template

opencart allready have maintenace mode and we it needs more styling and options to match the olympia, and we add an animated countdown manageable from the admin panel to set the end date and also if you want show an image creative you can upload and add to the maintenance page with extra custom fonts if you need add

to activate Maintenace Mode go to system > Settings (Edit your store) and click on Server Tab

in server tab check yes for Maintenance Mode, and your website will display the maintance mode template

you can see akk your website pages in Maintenace Mode active if you are logged in, this will help you to style and prepare your store before you lanuch the site
close-site
I've used the following images, icons or other files as listed.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. contact me as support forum http://speed730.net