1. Start
  2. Installation
  3. How To and FAQ
  4. Additional Modules
  5. Revolution Slider
  6. Blog Manager Support
  7. CSS Structure
  8. JavaScript Structure
  9. Credits
  10. OXY Support

OXY - OpenCart Responsive Premium Theme

Compatible with: OpenCart 1.5.5.1/1.5.6


Installation


Before you install this theme:

1. read the complete instruction
2. make sure you have installed and running the correct version of OpenCart
3. it is a good practice to backup your system

We recommend to use this theme on a new, clean installation or existing shops without custom core modifications.

---------------------------------------------

How to install OXY Theme?

Step 1. Unzip your downloaded "OXY-premium-opencart-theme.zip". There are subfolders structure:

Open the folder that corresponds to your OpenCart version and upload (and overwrite) all the files from "FILES_TO_UPLOAD" to the root directory you have installed OpenCart in.


Step 2: Theme activation

Log in the OpenCart administration and activate the theme from System › Settings › Store tab › Template dropdown (select "oxy" from the list).


Step 3: Theme module installation

Go to Extension › Modules › OXY Theme Control Panel and click on the 'install' link:

Then enable the 'OXY Theme Control Panel' module. Click on the 'edit' link, change the status to 'Enabled' and click 'Save':


Step 4: Image size adjustment

Go to System › Settings › Image tab and input these image settings:



Step 5: Bestsellers, Featured, Latest, Specials images

If you use a Bestseller, Featured, Latest or Special products module in CONTENT COLUMN, you need to input these image settings:

It will look like this:

If you use a Bestseller, Featured, Latest or Special products module in LEFT OR RIGHT COLUMN, you need to input these image settings:

It will look like this:

The default products view is a grid. If you want to display your products in a slider, you need to input these image settings:

Then go to OXY Theme Control Panel > General Options > Sliders > Latest Products > Latest products style and select "slider" from the list.

It will look like this:


Step 6: Slideshow images (if you do not use the Slideshow module, skip this step)

Go to Extension › Modules › Slideshow and input these image settings:


Step 7: Manufacturers images (if you do not use the Manufacturers carousel, skip this step)

Go to Extension › Modules › Carousel and input these image settings:

How To and FAQ


Add another language

Step 1. Open file: catalog/language/english/english.php:

Step 2. Select and Copy lines 2-25:

and Paste to your language file (catalog/language/yourlanguage/yourlanguage.php).

Step 3. Translate text highlighted in green on your language:


How can I put contact details on the Main Menu?

Contact Block on the Main Menu collects data from Contact Block on the Footer.

Step 1. Go to Extension › Modules › OXY Theme Control Panel > General Options > Main Menu > Contacts > Show Contacts and select “Yes” from the list.

Step 2. Go to Extension › Modules › OXY Theme Control Panel > Footer > Contact Us and input your contacts.

Note: Contact Block on the Footer does not need to be turned on to contacts to be displayed on the Main Menu.

Additional Modules


OXY Banner

Step 1. Go to System > Design > Banners and add banners that you want to display. For example:

Step 2. Go to Extensions > Modules > OXY Banner and put banner in the store front. For example:

It will look like this:


OXY Custom Content Manager

This module allows you to place any contents to any store pages.

Go to Extensions > Modules > OXY Custom Content Manager and add your content and position. For example:

It will look like this:


OXY Product Slider

Go to Extension › Modules › OXY Product Slider and select products which you want to display:

Then input this values:

It will look like this:


Revolution Slider


To start the slider go to Extensions > Modules > OXY Custom Content Manager, click Source button in visual editor and add slider content. For example:

It will look like this:

To know how to add your own slides, please read Revolution Slider documentation (you can find it in "Revolution Slider Documentation" folder in download package).

------------------------------------------------------------------------------------------------------------

Important:
* We are not the authors of Revolution Slider and don't provide any support for this slider.

------------------------------------------------------------------------------------------------------------

Blog Manager Support


If you install the Blog Manager extension, follow these steps:

Step 1. Go to your OXY download pack. Open the Extensions/Blog Manager folder and upload all the files from "FILES_TO_UPLOAD" to the root directory you have installed OpenCart in.


Step 2. Now you need to put Blog link at Main Menu.

Go to Extension › Modules › OXY Theme Control Panel › General Options › Main Menu › Custom Links.
Input 'Blog' in 'Title' and 'index.php?route=blog/category/home' in 'url'.

------------------------------------------------------------------------------------------------------------

Important:
* The Blog Manager module is not included with OXY. You can buy this extension HERE.
* We don't provide technical support for Blog Manager module. Support for this extension, you can get HERE.

------------------------------------------------------------------------------------------------------------

CSS Structure


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

carousel.css
cloud-zoom.css
colorbox.css
dcaccordion.css
elastic_slideshow.css
foundation.css
ie8.css
livesearch.css
slideshow.css
stylesheet.css
stylesheet-small-screens.css
stylesheet-large-screens.css
stylesheet-very-large-screens.css
swipebox.css
tipTip.css
ui.totop.css

JavaScript Structure


The custom javascript files are located in catalog/view/theme/oxy/js:

app.js
camera.js
cloud-zoom.js
common.js
foundation.min
jquery.dcjqaccordion.js
jquery.eislideshow.js
jquery.flexslider-min.js
jquery.foundation.reveal.js
jquery.nivo.slider.pack.js
jquery.sticky.js
jquery.swipebox.js
jquery.tipTip.js
jquery.ui.totop.js
livesearch.js
simpleswap.js

Credits


Camera slideshow by Manuel Masia
Flexslider by Tyler Smith
Nivo Slider by Dev7studios
Elastislide by Manoela Ilic
DC jQuery Accordion by Design Chemical
Foundation by ZURB
Cloud Zoom by R Cecco
swipebox by Constantin Saguin
Sticky by Anthony Garand
SimpleSwap by Jehiah Czebotar
TipTip by Drew Wilson
UItoTop by Matt Varone
Patterns by Subtle Patterns

All icons by 321cart.com

OXY Support


In order to streamline support requests and better serve you, we utilize a support ticket system. Every support request is assigned a unique ticket number which you can use to track the progress and responses online. For your reference we provide complete archives and history of all your support requests.

OXY Support Ticket System »