Nicole Shop

Responsive & Modern OpenCart theme

• Created: 17/10/2012
• By: nicole_89

Installation

Unzip the contents of the archive and upload the folder called nicole-shop to the /catalog/view/theme folder of your opencart installation.

After upload make sure that the files settings.inc and editor_settings.css located in nicole-shop/nico_theme_editor are writable by php, if unsure you can set 766 permission flag

To use the theme go to admin > settings > edit > store > template and choose nicole shop

Set your image settings

Go to system / settings/ image and make sure that you use the values given below:

Home page modules

Also, set this image size settings to any modules you want to display on the homepage (such as Featured, Lates, Bestsellers etc)

Banners

You can also use built-in banners module.

How to use built-in banners module

Go to system > design > banners and click 'Insert'

Slider setup

Fist step is to upload the slider images, for this you need to go to admin > system > design > banners and add/edit a banner

(I know, is counterintuitive to mix banners and slider but this is how opencart works)

You need just one banner for all the slide images, just click add banner for each slide image you want to add and then click browse image to upload the image

After you uploaded all slide images, go to admin > modules > slideshow and under the Banner column select the banner that you just used to upload the slide images

Also you need to set the correct slider image size, enter 960px x 450px like in the image below

For further information about using OpenCart features, please visit their website: http://opencart.com

Customization

Nicole Shop theme provides a panel at the bottom of the page that is visible only to users that have permission to modify layout/design. This panel allows you to change:

1. Styles
2. Colors
3. Fonts
4. Sliders and Gallery
5. Background patterns
6. Theme option
7. Theme settings
8. Home slider text

CSS Files and Structure

The list of css files that Nicole Shop theme uses:

1. stylesheet.css
2. flexslider.css
3. carousel.css
4. responsive.css
5. slideshow.css
6. ei-slider.css
7. dropkick.css
8. facebook.css

You can find all stylesheets inside catalog > view > theme > nicole-shop > stylesheet.

JavaScript

This theme imports javascript files are located in catalog/view/theme/nicole-shop/js and catalog/view/theme/nicole-shop/js. These files are:

1. jquery.flexslider.js
2. jquery.flexslider-min.js
3. jquery.nivo.slider.pack.js
4. nicole-shop.js

• This theme uses jquery library.

Sources and Credits

I've used the following images, icons or other files as listed.

• http://findicons.com/pack/2435/alex_peattie?q=twitter
• Icons: http://findicons.com/icon/177261/shopping_basket?width=16
• http://photodune.net/user/Subbotina
• http://photodune.net/item/luxurious-armchair/1762840?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=Subbotina
• http://photodune.net/item/sofa-furniture-isolated-on-white-background/1598087?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=bluehand
• http://photodune.net/user/bluehand
• http://photodune.net/item/sofa-furniture-isolated-on-white-background/1598761?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=bluehand
• http://photodune.net/user/RuslanOmega
• http://photodune.net/item/black-leather-easy-chair/741380?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=RuslanOmega
• http://photodune.net/item/office-chair/2781420?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=mathisa
• http://photodune.net/user/mathisa
• http://photodune.net/item/office-black-armchair/2209522?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=igorkovalchuk
• http://photodune.net/user/igorkovalchuk
• http://photodune.net/item/makeup-foundation/2768554?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=kubator
• http://photodune.net/user/kubator
• http://photodune.net/user/gorielov
• http://photodune.net/item/book/2761276?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=gorielov
• http://photodune.net/user/Pakhnyushchyy
• http://photodune.net/item/rings/2871252?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=Pakhnyushchyy
• http://photodune.net/user/krasyuk
• http://photodune.net/item/front-and-back-tshirt/1608148?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=krasyuk
• http://photodune.net/user/gsermek
• http://photodune.net/user/3DDock
• http://photodune.net/user/arquiplay77
• http://photodune.net/user/lightzone
• http://photodune.net/item/face-cream/1461435?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=lightzone
• http://photodune.net/user/olinchuk
• http://photodune.net/user/Baloncici
• http://photodune.net/item/bed/2524089?WT.ac=item_similar_thumb&WT.seg_1=item_similar_thumb&WT.z_author=Baloncici

Thank you for purchasing my theme. I'd be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.