Guide to Installing Wordpress Theme

Only available on StudyMode
  • Download(s) : 224
  • Published : October 15, 2012
Open Document
Text Preview
HELLO!
FEATURES
• • • • • • • • •

“Thank you for downloading Velvet Sky Theme. Please follow our simple step-by-step guide for installing and customizing the theme.”

VELVET SKY THEME [PRESTASHOP 1.4.2.5]

Velvet Sky is a free e-commerce theme created by DapurPixel. We released it for two platforms: Prestashop and Wordpress. Velvet Sky has a glamour design that stands out for online store. This theme is released under Creative Commons.

Prestashop 1.4.2.5 compatible Custom homepage 2 columns of fixed width Horizontal menu & submenu integration Custom slideshow module Combo slider on homepage One page & guest checkout supported Custom advertisement block Firefox, IE7+8, Safari, Opera, Chrome compatible

UPLOAD FILES

Please follow these installation instructions: 1. Unzip the velvetsky-theme.zip file. 2. Copy the content of /themes folder to the new /themes folder. 3. Copy the content of /modules folder to the new /modules folder.

APPEARANCE

You can configure the store appearance by login to your Prestashop admin panel, click on Preferences, and then click Appearance. On Appearance section, you can upload different type of logos for your store. Open velvetsky-theme/props/logo-files and upload these images to the correct upload forms. 1. You can adjust logo size and position on themes/velvetsky/global.css on line 211 and 216. 2. Upload other logo image to Mail logo and Invoice Logo. These images will appear on e-mail and invoice headers. 3. Upload your favicon.ico to Favicon. This image will appear in the address bar of your web browser. 4. Upload your transparent (GIF) logo to Store icon. This image will appear on the store locator (inside Google Maps). 5. Click Save.

On Themes section, choose the velvetsky theme. Don’t forget to click the Save button. On Themes section, choose the velvetsky theme. Don’t forget to click the Save button.

MODULE

The VelvetSky theme uses custom modules. You can see the modules in Back Office > Modules. Some of these modules need to be configured to make it works. Custom modules for Velvet Sky Theme: • Block Advertising Home – blockadvertisinghome • Block Banner - blockbanner • CMS Block - blockcms • Newsletter Block - blocknewsletter • User Info Block - blockuserinfo • Wishlist Block - blockwishlist • Combo Slider on the Homepage - comboslider • Julien Breux horizontal menu - jbx_menu • Products Category - productscategory • JQuery Nivo Slider - slideric

[IMPORTANT] Smarty Compile in Prestashop 1.4
Follow these simple steps to enable Force Compile and disable cache in admin panel when you are still in theme development process. • Go to Back Office > Preferences > Performance • On Smarty section, enable Force Compile and disable Cache Or, you can delete cache manually in /tools/smarty/compile directory.

MODULES ON HEADER

To configure module positions: • Go to Back Office > Modules. Open Search and Filter tab and then uninstall Quick Search block. We do not need this module since we will have it from Julien Breux Menu module. • Open Front Office Features tab and find Julien Breux Menu. Install this module.

Advance Top Menu

First, install Menu v2.7.1 module and then click Configure.

First, install Menu v2.7.1 module and then click Configure. Add New Menu To add a menu, in Add Menu box do as the following: 1. Type. Choose one of the desired menu item type. 2. Parent Item. This one will show the menu list which has been created or had exist before. Choose the parent item for the item to be listed as child menu. 3. CSS ID. This option will come in handy if you want to have distinctive menu in the menu list. 4. Title. Fill the desired title for created menu. It will show as the menu in the menu list. 5. Must be logged. Check if you want to restrict unregistered member to access the menu. 6. Icon. Upload the icon for the menu. It’s up to your preference for image size and type, but up to 48x48 pixels size and .png or .gif format recommended.

MORE...
tracking img