MegaTron Premium Magento theme by eTheme
themelock.com User Guide
Copyright © 2012-2014 eTheme All rights reserved
Table of Contents Support.............................................................................................................................5 Magento Software Support.............................................................................................5 Theme Support..............................................................................................................6 Theme customization.....................................................................................................7 Third-party extensions................................................................................................... 8 Third-party extensions support................................................................................... 8 How to install third-party extensions........................................................................... 9 Installation......................................................................................................................10 Install Magento............................................................................................................10 Prepare your Magento..................................................................................................10 Install MegaTron theme................................................................................................13 Import sample content (CMS blocks and CMS pages)..................................................... 15 Magento configuration..................................................................................................... 17 Caching system........................................................................................................... 17 Flush cache............................................................................................................. 18 Disable cache.......................................................................................................... 18 Enable cache........................................................................................................... 19 Refresh cache..........................................................................................................20 Index management......................................................................................................21 Logo........................................................................................................................... 22 Categories...................................................................................................................23 Products......................................................................................................................24 Content Management System (CMS).............................................................................25 WYSIWYG editor......................................................................................................25 Static blocks............................................................................................................ 26 Translation / Localization.............................................................................................. 28 Front-end translation................................................................................................28 Language flag..........................................................................................................29 Customization..................................................................................................................30 How to modify the theme.............................................................................................31 Override default CSS styles.......................................................................................31 Create custom sub-theme.........................................................................................31 Magento theme customization.................................................................................. 32 Theme structure...................................................................................................... 32 Fallback mechanism................................................................................................. 34 Custom sub-theme example..................................................................................... 36 Theme elements..............................................................................................................39 CMS pages.................................................................................................................. 40 Megatron Home page (megatron_home)...................................................................40 Bestsellers carousel short code block.....................................................................41 Sale carousel....................................................................................................... 42 New carousel.......................................................................................................42 Megatron alternative home page layouts................................................................... 42 Megatron Home Left+Right Sidebar (megatron_home_3_columns).........................42 Megatron 404 (megatron_404) ................................................................................ 43
themelock.com
Megatron About (megatron_about).......................................................................... 44 Megatron Delivery (megatron_delivery)....................................................................44 Megatron FAQ (megatron_faq)................................................................................ 44 Megatron Gallery pages............................................................................................44 Megatron Infographic (megatron_infographic)..........................................................44 Megatron Our Office (megatron_our_office)............................................................. 45 Megatron Our Services (megatron_our_services)...................................................... 45 Megatron Our Store (megatron_our_store)...............................................................45 Pages (megatron_pages).........................................................................................45 Megatron Pricing Tables (megatron_pricing_tables)...................................................45 Megatron Team Members (megatron_team_members)..............................................45 Megatron Video Section (megatron_video_section)...................................................45 CMS blocks..................................................................................................................46 Megatron Custom TopMenu Megamenu- Left ........................................................... 46 Megatron Custom TopMenu Mobile - Top .................................................................46 Megatron Custom TopMenu Simple - Left ................................................................ 47 Megatron Custom TopMenu Megamenu – Right......................................................... 47 Megatron TopMenu Mobile - Bottom ........................................................................47 Megatron Custom TopMenu Simple - Right .............................................................. 47 Megatron Banners for Simple Slider ........................................................................ 48 Megatron Services Links (content) .......................................................................... 48 Megatron Brands (content) .....................................................................................49 Megatron Find Us Links (footer) ..............................................................................49 Megatron Footer Information Links (footer) .............................................................50 Megatron Footer Payment Icons (footer) ................................................................. 50 Megatron Blog (left sidebar) ...................................................................................51 Megatron Left Sidebar Block (bestsellers/top rated/on sale etc).................................. 52 Megatron Accordion static block (product page).........................................................53 Megatron Services Links Right static block (product page)..........................................54 Megatron Services Links Bottom static block (product page).......................................54 Megatron Contact Information (contact us page) .....................................................55 Megatron Category Empty (category page) ..............................................................55 Category Woman Slider ..........................................................................................56 Category Man Slider ...............................................................................................56 Theme Options – Install...................................................................................................57 Install Theme.............................................................................................................. 57 Install/Reset blocks/pages............................................................................................58 Theme options – Theme Settings......................................................................................60 Theme settings............................................................................................................60 Options................................................................................................................... 60 Topmenu.................................................................................................................63 Product labels..........................................................................................................64 Facebook / Twitter / Youtube video / Google map...................................................... 65 Theme colors...............................................................................................................66 General................................................................................................................... 67 Captions..................................................................................................................68
themelock.com
Buttons................................................................................................................... 69 Footer..................................................................................................................... 69 Products..................................................................................................................69 Theme layout.............................................................................................................. 70 Options................................................................................................................... 70 Enable/Disable General Magento Blocks.................................................................... 72 Slideshow – Flex slider (home)......................................................................................... 74 Settings.......................................................................................................................74 Manage Slides............................................................................................................. 74 Slideshow – Parallax slider (home)....................................................................................75 Manage Slides............................................................................................................. 75 Category theme options................................................................................................... 76 Megamenu.................................................................................................................. 76 DoubleProduct.............................................................................................................79 Troubleshooting...............................................................................................................81 Some features don't work or give errors........................................................................81 Blank page or 404 not found – when trying to open theme admin pages.........................82 There is no theme admin tab in the admin panel, or I get a blank page, or Access Denied error........................................................................................................................... 82 File permissions........................................................................................................... 82 Theme features don't work after installation or upgrade.................................................83 "Package with this name does not exist" message is displayed when trying to enable the theme.........................................................................................................................83 Thank you.......................................................................................................................84
themelock.com
Support Magento Software Support MegaTron theme build on top of Magento ecommerce software. Before you start working with theme you should be familiar with Magento. It's good idea to search answer for your question through following Magento's resources: Magento FAQ - http://www.magentocommerce.com/product/faq System Requirements - http://www.magentocommerce.com/systemrequirements/
themelock.com
Server Compatibility Check - http://www.magentocommerce.com/knowledgebase/entry/how-do-i-know-if-my-server-is-compatible-with-magento Installation Guide - http://www.magentocommerce.com/knowledgebase/entry/ce18-and-ee113-installing Online Magento guide - Table of contents Most popular topics: Categories and products, Customers, Payment, shipping and taxes Magento Wiki - http://www.magentocommerce.com/wiki/ Magento Forum - http://www.magentocommerce.com/boards/
Theme Support This user guide was created to help you quickly configure the theme – please read it carefully, it will help you eliminate most of potential problems with incorrect configuration. Important: please note that as authors of this theme we are able to provide support only for the features which we created and for the issues related strictly to this theme. We do not provide support for Magento configuration, installation, maintenance etc.
themelock.com
If you have found any bugs or have some other problems with this theme, please refer to chapter Troubleshooting. If the problem is not covered there, you can ask at our support forum http://support.ethemeuk.com/. We will respond as soon as possible (within 24 - 48 business hours, usually much faster). Please try to not repeat questions which are already answered in the user guide. This will be much appreciated.
Theme customization Our team provide theme customization / professional installation service. To get a quote drop email to
[email protected] with detailed description of needed features. For more information about how you can customize this theme, refer to chapter Customization.
themelock.com
Third-party extensions This theme may not be compatible with some third-party extensions. It’s impossible for theme authors to make the theme compatible by default with all existing extensions because there are thousands of available Magento extensions. Only the “default” Magento theme is compatible with all third-party extensions, because all extensions are designed to work with it. But authors of the extension should provide detailed instruction about how to integrate the extension with custom themes, since nobody really uses “default” theme, everybody uses custom themes. Generally all extensions can work with all themes but they sometimes have to
themelock.com
be integrated manually. That’s because sometimes the extension and the theme override the same Magento template file so there can be a conflict. In such cases you need to customize the theme and merge two conflicting template files into one template file. This isn't something specific to our themes, this is general rule for all Magento themes and extensions. Third-party extensions support Unfortunately third-party extensions are beyond the scope of our support, please contact the author of the extension if needed. Author of the extension should provide detailed instructions about how to integrate the extension with any custom theme.
How to install third-party extensions To work with this theme, an extension should be installed in theme's directories, not in the “default” Magento theme directories. To be more specific: extension should be installed in the main directories of the default theme in the MegaTron design package. Here are the main directories of MegaTron: Template files: app/design/frontend/megatron/default Skin files: skin/frontend/megatron/default
themelock.com
where megatron is the name of the design package, and default is the name of the default theme in the package. In many cases you only need to upload the extension to the theme's directories. Sometimes you need to edit layout files to "tell" the theme where it should display extension's output. If you are not familiar with Magento, you should ask the author of the extension for more information. If you feel that you might have troubles with installing extensions, we advise that you order professional installation services refer to Theme customization.
Installation To install the theme you only need to upload all the theme files to your server and then enable the theme in the admin panel. But to avoid unexpected problems after installation, you should first prepare your Magento. Please strictly follow the steps described in this guide.
Install Magento Skip this step if you already have a live store. Go to next step Prepare your Magento, don't skip prepare step, it's very important part of theme installation. To make clean Magento install refer to official Magento's documentation, check
themelock.com
Magento Software Support section for links.
Prepare your Magento
1. It is recommended to install the theme on a test server before you install it on a live store. Before you install, make sure your store is disabled (no page can be refreshed during the installation process). To do this you can create a simple empty file named maintenance.flag in your Magento's root directory. Magento will be offline after that. You can remove the file after you finish. 2. Backup Magento files and the store database. Important: creating backup before installation of any themes or extensions in Magento is
extremely important, especially if you are working on a live store. 3. Disable compilation mode in System > Tools > Compilation. 4. Disable every cache you have in your Magento: ● Magento's cache (refer to Disable cache) ● full page cache and caching modules for Magento (such as Speedster) ● any additional cache on your server, PHP cache engines, APC, etc. Important:
themelock.com
when developing your Magento store, in order to be able to see changes immediately, you should completely disable the cache. You can enable it after you finish configuring your store. 5. Disable Merge JavaScript Files and Merge CSS Files in System > Configuration > Developer. You can enable this feature after installation. 6. Remove all possible custom modifications of the Magento's “base” theme. MegaTron (the same as any other Magento theme) relies on “base” theme, so any modifications of the “base” theme can change the default behavior of MegaTron and break some functionality. You should never edit “base” theme's files. 7. Log out from Magento admin panel. Do not just close the browser window:
you need to click Log Out link to refresh the access control system.
themelock.com
Install MegaTron theme Before you can install the theme you need to prepare your Magento, so please do not omit the previous step: Prepare your Magento. 8. Extract the theme package on your computer and navigate inside Theme Files directory. 9. Using your FTP client upload Theme.zip file to your Magento's root directory (Magento's root directory is where you can find Magento's basic files, such as: index.php and get.php).
themelock.com
10. Unzip Theme.zip file – it contains four directories: app, js, media, skin. Magento already contains the same directories - do not remove those directories.
Directories extracted from Theme.zip have to be merged with existing directories of Magento. Approve, if your system asks you whether you want to merge directories. Note: this will not overwrite any core files of Magento, this will only add the theme to your Magento. So if you see a message that those four directories already exist on the server, you can confirm that you want to merge directories. In case you can't unzip files on your server:
Alternatively, you can unzip Theme.zip file on your computer, and upload its content (four directories which can be found inside: app, js, media, skin) to your Magento's root directory. Note that files can be broken if you send them in large numbers via FTP without zipping. So it is highly recommended to upload zipped files. 11. Set correct file permissions for all the theme files which you uploaded to your server. Note: theme files should have the same permissions as other Magento files. Otherwise Magento will not have access to the theme files, images etc. File permissions
themelock.com
may differ depending on server. In case of any doubts about the permissions, please contact your hosting provider. Refer to this article for more details: Magento Filesystem Permissions 15. Enable the theme. To do this, go to System > Configuration > Design section. In the Current Package Name field enter the name of the design package: megatron. Click Save Config button.
themelock.com
16. Flush Magento cache (refer to Flush cache) and any other cache that you have in your Magento installation.
17. Go to the next chapter to import sample content.
Import sample content (CMS blocks and CMS pages) After the theme was installed and enabled, you can import sample static blocks and pages provided with the theme. 18. Go to Admin Panel > MegaTron v X.X > Install/Reset blocks/pages to import static blocks and pages. Refer to Install/Reset blocks/pages for more details about the import.
In case of any problems after installation, please refer to the chapter Troubleshooting.
themelock.com
Magento configuration The following chapter describes some of the basic Magento settings and features. Please note that as authors of this theme we provide support only for the issues related strictly to the theme. Support for Magento configuration/installation/maintenance etc. is beyond the scope of our support. This chapter should be only treated as a starting point, more information about Magento can be found in Magento documentation: Magento Software Support Note
themelock.com
We provide paid service for your Magento routines. To get a quote drop email to
[email protected] with detailed description of your needs.
Caching system When developing your Magento store, you want to see the changes you have implemented. In order to be able to see changes immediately, you should completely disable the cache. You can enable it after you finish configuring your store. If the cache is enabled, always refresh the cache after making any changes in Magento/theme/extension configuration. To access the cache management screen, go to System > Cache Management.
Flush cache Go to System > Cache Management. Click the following buttons to completely clear the store cache: 1. Flush Magento Cache 2. Flush Cache Storage 3. Flush Catalog Images Cache 4. Flush JavaScript/CSS Cache
themelock.com
Disable cache Go to System > Cache Management. Click Select All link, select Disable in Actions field and click Submit button. You should got next screen.
Enable cache
themelock.com
When the store is configured, you can enable caching system again. Go to System > Cache Management. Click Select All link, select Enable in Actions field and click Submit button. You should got next screen.
Refresh cache If the cache is enabled, after each configuration change, extension installation, upgrade or uninstallation always refresh the cache. To do this, go to System > Cache Management. Click Select All link, select Refresh in Actions field and click Submit button:
themelock.com
Index management Magento indexes most of its data in order to access it faster. If you make changes to your store such as editing products, adding categories, changing urls, etc. you will need to reindex the data so that the changes can show up on your frontend. To access the index management screen, go to System > Index Management. To rebuild your indexes, click Select All link, select Reindex Data and click Submit button. Important:
themelock.com
you need to reindex after making any changes in Magento catalog: categories, products, attributes etc.
Logo Upload your logo to skin/frontend/megatron/default/images/ directory. By default Magento displays logo from the file named logo.gif. If you uploaded file with different name or different file format (e.g. .jpg or .png), go to Megatron > Theme settings > Options section and in the Logo (header) field specify a path to your logo image. The path is relative to skin/frontend/megatron/default/ directory.
themelock.com
Categories To create and edit categories in Magento, navigate to Catalog > Manage Categories section of the admin panel. More info about categories in Magento can be found in: http://www.magentocommerce.com/wiki/welcome_to_the_magento_user_s_gui de/chapter_3#creating_categories
themelock.com
Products To create and edit categories in Magento, navigate to Catalog > Manage Products section of the admin panel. Magento has six product types: Simple, Grouped, Configurable, Virtual, Bundle and Downlodable products. More info about products in Magento can be found in: Creating Simple Product http://www.magentocommerce.com/wiki/welcome_to_the_magento_user_s_gui de/chapter_3#creating_a_simple_product
themelock.com
Creating a Configurable Product -
http://www.magentocommerce.com/wiki/welcome_to_the_magento_user_s_gui de/chapter_3#creating_a_configurable_product Creating a Grouped Product http://www.magentocommerce.com/wiki/welcome_to_the_magento_user_s_gui de/chapter_3#creating_a_grouped_product
Content Management System (CMS) WYSIWYG editor WYSIWYG (What You See Is What You Get) editor is a convenient way to add content to pages and static blocks in Magento. Important: WYSIWYG should only be used to edit text, never use it to edit HTML. Always turn off WYSIWYG editor when you want to edit HTML or Magento's CMS tags in the page/block content. Otherwise WYSIWYG editor can break your content.
themelock.com
But the best way to use WYSIWYG is to turn it on only when it is needed. Go to System > Configuration > Content Management and set it as Disabled by Default.
After that, if needed, WYSIWYG can always be turned on with Show/Hide Editor button above the page/block content field:
Static blocks Static blocks in Magento are simple portions of content that can be displayed
themelock.com
throughout the site. To manage static blocks, go to CMS > Static Blocks section in the admin panel.
To create a static block, go to CMS > Static Blocks, click Add New Block button and follow these steps: 1. In Identifier field enter an identifier of one of the static blocks. Make sure the identifier is lower-case and separated by underscores to follow Magento’s standards. 2. Enter the title in Block Title. 3. Select the Store View to which this block will apply. 4. Select Enabled in the Status field. Disabled means that the block is not
displayed in the frontend. 5. Insert your Content (it can be text or HTML) and click Save Block. As example you can review one of existing blocks. You can review default Magento block or Megatron theme block. For more details on creating static blocks please refer to Magento user guide: static blocks http://www.magentocommerce.com/wiki/welcome_to_the_magento_user_s_gui de/chapter_5/#static_blocks
themelock.com
Translation / Localization Front-end translation This theme introduces a few additional interface character strings. Strings are located in app/design/frontend/megatron/default/locale/en_US/translate .csv. This file can be used to translate the interface into other languages. Example: To translate the interface into Spanish follow these instructions:
themelock.com
1. Create a new folder for your translation. For Spanish language it will be app/design/frontend/megatron/default/locale/es_ES. 2. Copy translate.csv from app/design/frontend/megatron/default/locale/en_US and paste it into created folder app/design/frontend/megatron/default/locale/es_ES. 3. Open app/design/frontend/megatron/default/locale/es_ES/translate .csv in Open-office Calc (or other text editor like Notepad++, PSPad).
The first column contains the original character strings. It should be left intact. In the second column you can place your translation of each string. Some strings contains %d or %s entries. These entries should be left intact in the translated strings. Language flag If you have more than one store view in your store, the store view switcher will be displayed at the top of the page. You can enable different language for each store view. For each available language a flag is displayed in the store view switcher. Flag images (16x12 pixels, PNG format) should be uploaded to
themelock.com
skin/frontend/megatron/default/images/languages folder. Image names should be the same as the store view codes. E.g. if you have a store view with the code de, you will need to upload a flag image de.png to skin/frontend/megatron/default/images/languages folder. To check what is the store view code, go to System > Manage Stores and click on the store view name. You can find the code in the Code field. Remember that if you change the store view code, you will also need to change the name of the corresponding flag image.
Customization Important: please note that Magento theme customization is far beyond the scope of this user guide. This chapter is only for informational purposes, you should treat it as a starting point. Before you start to customize the theme you need to be sure that you know what you're doing. Magento is based on a theming concept referred to as parent/child theming – changes in the theme can be implemented without modifying the original. Magento's “base” theme serves as a parent theme for any custom theme.
themelock.com
The correct way to customize the theme in Magento is to create your own sub-theme of the default theme in the design package. You should never edit original files of the design package. Files that need to be modified can be copied from the default theme of the design package to your custom sub-theme inside that package. This way you can override any file of the design package. And you can be sure that when something goes wrong you can simply delete your custom sub-theme without breaking the original files. In this chapter you can find the information that will help you to modify the theme.
How to modify the theme Override default CSS styles When you want to make some non-standard design changes (for which you can't find any settings in the theme admin panel) you can do it by adding custom CSS styles. In this theme you can enable additional CSS file custom_changes.css, in which you can override and extend the default styles of the theme. All the CSS styles placed in this file will not be lost after upgrading the theme in the future. Refer to General to check how to enable that file. How to find out which part of the theme's or Magento's CSS you need to
themelock.com
override or extend? The best way is to use Firebug (an add-on for Firefox: www.getfirebug.com), Chrome Developer Tools (available in Google Chrome) or other similar tools. Create custom sub-theme The correct way to customize the theme in Magento is to create your own subtheme. You should never edit the original files. Files that need to be modified can be copied to your custom sub-theme. Refer to Magento theme customization for more details. Note: to check which template file you need to edit to customize specific section of
Magento you can enable Magento's Template Path Hints. To enable Magento's Template Path Hints go to System > Configuration > Developer . Select your current website under Current Configuration Scope in the top left corner of the admin panel, otherwise Template Path Hints settings will not be visible. See this short video tutorial for more details: http://www.youtube.com/watch? v=FMcH8bOxoOw
Magento theme customization Themes in Magento are grouped together into design packages. By default Magento Community Edition has two packages named "base" and "default".
themelock.com
Design package can also contain variations of the "default" theme. This variations are often called sub-themes because they inherit all the files from the "default" theme (from the same package) and from the "base" package. Inside the sub-theme you can override any file of the "default" theme. Sub-theme can even consists of a single file – other files will be inherited from the "default" theme from the package. This is called a fallback mechanism because Magento always falls back to the next theme in the hierarchy to find the requested file. Fallback is described later in this chapter. Theme structure Magento themes consists of many files like HTML templates, CSS style sheets, images etc. All files are split between two directories:
app/design/frontend/package_name/theme_name/ Templates directory – contains the layout files, HTML templates and translations skin/frontend/package_name/theme_name/ Skin directory – contains CSS style sheets, images and theme-specific JavaScript files where package_name indicates the package name and theme_name indicates the theme name. Template files are organized as follows: layout – directory contains XML files which define page structure
themelock.com
template – directory contains template files (.phtml), a mix of HTML and PHP locale – directory contains CSV files with translation strings Skin files are organized as follows: css – directory contains CSS files images – directory contains images js – directory contains theme-specific JavaScript files
Fallback mechanism Understanding fallback mechanism is very important when you want to customize the theme, so let's see a simple example. Let's say we have a design package named "mypackage" with custom subtheme named "mytheme". Package files are organized as follows: Default theme in the package: app/design/frontend/mypackage/default/ skin/frontend/mypackage/default/
themelock.com
Your custom sub-theme in the package:
app/design/frontend/mypackage/mytheme/ skin/frontend/mypackage/mytheme/ Let's also assume that your custom sub-theme contains a CSS file called "menu.css" located in skin/frontend/mypackage/mytheme/css/menu.css If your custom theme requests "menu.css" but Magento can't find it in your custom subtheme in skin/frontend/mypackage/mytheme/css/menu.css, Magento will try to
find that file in the next theme in the hierarchy. Next theme in the hierarchy is the "default" theme in "mypackage" package so Magento will search in skin/frontend/mypackage/default/css/menu.css. If the file is not there, Magento will continue until it locates the file. Next theme in the hierarchy is the "default" theme in "base" package: skin/frontend/base/default/css/menu.css. The "default" theme in the "base" package is the final fallback point in the hierarchy. Let's take a look again at the entire fallback hierarchy: 1. Look for the requested file in custom sub-theme:
themelock.com
skin/frontend/mypackage/mytheme/
2. If not found, look for the file in the "default" theme in the design package: skin/frontend/mypackage/default/ 3. If not found, look for the file in the "default" theme in "base" design package: skin/frontend/base/default/ The first theme in hierarchy is the theme that you assign through the admin panel (in System > Configuration > Design). The last theme in hierarchy is the "default" theme in "base" design package. Thanks to the fallback mechanism there is no need to copy all the default theme
files to your custom sub-theme when you want to make some changes in your theme. You only copy over the files that you want to edit. Other files will be inherited from the "default" theme in the package and from the "base" package. The most important advantages of the fallback mechanism: • selected functionality can be shared between many themes • less code to maintain • custom themes are update-proof: you don't edit original files, so your changes are not overwritten after theme updated
themelock.com
Custom sub-theme example
You have just installed a custom design package named "Megatron" with the default theme (named "default") inside. Let's say that you want to change the font color of the product name on product page. Package files are organized as follows: app/design/frontend/megatron/default/ skin/frontend/megatron/default/ The correct way to customize the "default" theme is to create your own subtheme in which you will override selected elements of the "default" theme.
1. Let's call the new theme "my_theme". Create the following folder inside the "Megatron" package: skin/frontend/megatron/my_theme/. The name of that folder is the name by which Magento will recognize your theme. 2. Create a copy of the CSS file skin/frontend/megatron/default/css/template.css and paste it into your sub-theme directory: skin/frontend/megatron/my_theme/css/template.css Note that the directory structure inside the sub-theme must replicate the
themelock.com
directory structure of the default theme:
▪ skin/frontend/megatron/default/css/template.css
▪ skin/frontend/megatron/my_theme/css/template.css 3. Open skin/frontend/megatron/my_theme/css/template.css style sheet and add these lines at the end of the file to override the default color of the product name: .catalog-product-view .product-view h4.font2 { color:#00ff00; } 4. Enable the new sub-theme in the admin panel. Go to System > Configuration > Design > Themes and enter my_theme (the sub-theme name) in the default
field. Refresh Magento cache. From now on your customization will override the default styling of the "megatron" package. Check following resource for details http://www.magentocommerce.com/knowledge-base/entry/magentos-themehierarchy
themelock.com
Theme elements After theme installation you may import theme sample pages and blocks. Refer to Install/Reset blocks/pages for more details. You may need to change content of sample pages and blocks. Refer to Content Management System (CMS) for more details how to edit CMS content in Magento.
themelock.com
CMS pages To manage pages go to CMS > Pages Important: WYSIWYG should only be used to edit text, never use it to edit HTML. Always turn off WYSIWYG editor when you want to edit HTML or Magento's CMS tags in the page/block content. Otherwise WYSIWYG editor can break your content. Megatron Home page (megatron_home) Demo URL - http://demo.ethemeuk.com/megatron/magento/demo/index.php/?
themelock.com
___store=default
By default Magento shows it's own Home page with URL key – home. You can change it to megatron theme sample page named Megatron Home Page with URL key – megatron_home. Go to System > Configuration > General > Web > Default pages to configure default pages. To edit content of the home page, go to CMS > Pages, click on needed page, go to Content tab and edit it in main field.
You can put text, HTML code or Magento short codes to Content field. Read more about short codes here -
themelock.com
http://www.magentocommerce.com/wiki/3_-
_store_setup_and_management/cms/markup_tags
Megatron home page content consist of short codes. Each short code inserts product carousel on Home page.
Bestsellers carousel short code block {{block type="catalog/product_list" category_id="20" block_name="Bestsellers" template="mtron/products_carousel.phtml"}} It includes 4 options: type – block type, keep it unchanged
category_id – set product category id. Carousel shows products added to this category. You can create new category especially for carousel, hide it from navigation (set Include in Navigation Menu to No or set Is Active to No). block_name – set carousel title. template – block template, keep it unchanged Note: using short code you can create any number of carousel sliders, name it as you wish and configure any product sets for it.
Sale carousel
themelock.com
Sale carousel use the same short code as Bestsellers, but with different option values category_id="62" block_name="Sale"
New carousel New carousel use the same short code as Bestsellers, but with different option values category_id="64" block_name="New" Megatron alternative home page layouts
Megatron Home Left+Right Sidebar (megatron_home_3_columns) Demo URL - http://demo.ethemeuk.com/megatron/magento/demo/index.php/? ___store=isotope
Megatron Home Corporate (megatron_home_corporate) Demo URL - http://demo.ethemeuk.com/megatron/magento/demo/index.php/? ___store=corporative Megatron Home Creative (megatron_home_creative) Demo URL - http://demo.ethemeuk.com/megatron/magento/demo/index.php/? ___store=creative Megatron Home Izotope (megatron_home_isotope) Demo URL - http://demo.ethemeuk.com/megatron/magento/demo/index.php/?
themelock.com
___store=fixedbg
Megatron Home + Sidebar (megatron_home_left_sidebar) Demo URL - http://demo.ethemeuk.com/megatron/magento/demo/index.php/? ___store=withleftcolumn Megatron Home Right Sidebar (megatron_home_right_sidebar) Demo URL - http://demo.ethemeuk.com/megatron/magento/demo/index.php/? ___store=fluidchat Megatron 404
(megatron_404)
By default Magento shows it's own 404 page with URL key – no-route. You can
change it to Megatron theme sample page named Megatron 404 with URL key – megatron_404. Go to System > Configuration > General > Web > Default pages to configure default pages. Megatron About (megatron_about) About us page Megatron Delivery
(megatron_delivery)
Delivery page Megatron FAQ FAQ page
(megatron_faq)
themelock.com
Megatron Gallery pages
Megatron Gallery 2 columns (megatron_gallery_2_columns) Megatron Gallery 3d
(megatron_gallery_3d)
Megatron Gallery 3 columns (megatron_gallery_3_columns) Megatron Gallery 4 columns (megatron_gallery_4_columns) Megatron Infographic Info-graphic page
(megatron_infographic)
Megatron Our Office (megatron_our_office) Our office page Megatron Our Services
(megatron_our_services)
Our services page Megatron Our Store
(megatron_our_store)
Our store page Pages
(megatron_pages)
Typography page
themelock.com
Megatron Pricing Tables
(megatron_pricing_tables)
Pricing table page
Megatron Team Members
(megatron_team_members)
Team page Megatron Video Section Video page
(megatron_video_section)
CMS blocks To manage pages go to CMS > Static blocks Important: WYSIWYG should only be used to edit text, never use it to edit HTML. Always turn off WYSIWYG editor when you want to edit HTML or Magento's CMS tags in the page/block content. Otherwise WYSIWYG editor can break your content. Megatron Custom TopMenu Megamenu- Left mtron_topmenu_megamenu_left
themelock.com
Megatron Custom TopMenu Mobile - Top mtron_topmenu_mobile_top
Megatron Custom TopMenu Simple - Left mtron_topmenu_simple_left Megatron Custom TopMenu Megamenu – Right mtron_topmenu_megamenu_right Megatron TopMenu Mobile - Bottom mtron_topmenu_mobile_btm Megatron Custom TopMenu Simple - Right mtron_topmenu_simple_right
themelock.com
Megatron Banners for Simple Slider mtron_simple_slider_banners
themelock.com Megatron Services Links (content) mtron_content_services
Megatron Brands (content) mtron_content_brands
themelock.com
Megatron Find Us Links (footer) mtron_find_us
Megatron Footer Information Links (footer) mtron_footer_links
Megatron Footer Payment Icons (footer)
themelock.com
mtron_footer_payments
Megatron Blog (left sidebar) mtron_blog_left_sidebar
themelock.com
Megatron Left Sidebar Block (bestsellers/top rated/on sale etc) mtron_custom_block_left_sidebar
themelock.com
Megatron Accordion static block (product page) mtron_product_custom_html_accordion
themelock.com
Megatron Services Links Right static block (product page) mtron_product_services_links_right
themelock.com
Megatron Services Links Bottom static block (product page) mtron_product_services_links_bottom
Megatron Contact Information (contact us page) mtron_contact_information
Megatron Category Empty (category page)
themelock.com
mtron_category_empty
Category Woman Slider category_woman_slder
Category Man Slider
themelock.com
category_man_slider
Theme Options – Install Install Theme Auto Install disable System/Tools/Compilation before install if this mode enabled. Click on “Auto install” button. If you click button 'Auto install' automatically will be installed theme and imported needed megatron cms blocks and pages.
themelock.com
Auto install will rewrite megatron cms blocks and pages if they were installed early.
Don't forget disable System/Tools/Compilation before install if this mode enabled
Install/Reset blocks/pages MegaTron theme include 21 CMS blocks and 23 CMS pages. To use it you have to import it. Store View – choose store view where you want to import theme preset CMS block and CMS pages. Press Submit Action button to import blocks Important: you need to configure default home page and 404 page to get theme look like
themelock.com
on demo. Go to System > Configuration > Web > Default pages. Set CMS Home Page to Megatron Home page and CMS No Route Page to Megatron
404 no page. By default this feature will import blocks without overwrite feature. For example: 1) you import blocks/pages 2) edit some block, but what to restore it's default value 3) delete it and run import procedure again. It will import only deleted blocks/pages. Restore ALL Cms Pages & Blocks – check it if you want to reset to defaults all theme blocks/pages. It will overwrite blocks/pages.
Important: You will loose all custom changes applied to blocks/pages. Use it only when you want to rest ALL blocks/pages to default.
themelock.com
Theme options – Theme Settings Theme settings Options Logo (header) - Upload logo image (JPG, PNG or GIF image) Max site width – Set store maximum width Site boxed Image rollover mode - Choose rollover effect.
themelock.com
|__Sort of second image - Set the same number in Sort Order field for image you want to see on rollover.
Quick view |__Quick view Style - 'Inline' style not works in izotop listing, right and left columns |__Quick view with QR code Enable free cloudzoom - Only one cloudzoom can be enabled (paid or free), otherwise cloudzoom will not works Enable paid cloudzoom - You can use trial integrated version to test your site,
themelock.com
after we advice get license http://www.starplugins.com/cloudzoom Responsive html - Enable/disable responsive mode for all gadget (iphone, ipad etc) Catalog mode - Switch your shopping cart into simple catalog RTL mode - Right-To-Left Text in Markup Languages Ajax add to cart - Add to cart without render of the page Ajax for add to wishlist/compare button - Enable Ajax feature for wish list and compare buttons Show add to cart button on product rollover
Show add to wishlist button on product rollover Show add to compare button on product rollover Show rating on product rollover Show Back To Top Button Sale price countdown - Enable/disable js timer
themelock.com
Topmenu Megamenu Hide Left Part of Topmenu? - CMS static blocks mtron_topmenu_megamenu_left, mtron_topmenu_mobile_top, mtron_topmenu_simple_left Hide Right Part of Topmenu? - CMS static blocks mtron_topmenu_megamenu_right, mtron_topmenu_mobile_btm, mtron_topmenu_simple_right Hide Categories in topmenu - Write categories ids you want to hide,
themelock.com
separated by comma
Hide Categories in left categories navigation - Write categories ids you want to hide, separated by comma
Product labels Show "Sale" label – configure Sale label on product listing Show discount label – configure Discout label on product listing Show "New" label – configure New label on product listing
themelock.com
Facebook / Twitter / Youtube video / Google map Facebook profile name (text) – Account ID for Facebook fan box. If you want use your own facebook code - do changes in file /app/design/frontend/megatron/default/template/megatron/social_contacts.pht ml. Example value - “themeforest” Twitter feeds - Account name (text) – set account name for Twitter block. Example value - “themeforest” Twitter feeds - Count of tweets (number) – set number of tweets Youtube video - Embed code
themelock.com
Google map code - Embed code for popup
Google map code - Embed code for contact page
Theme colors In this section you can customize theme fonts and colors. Option name is self explanatory. Important: refresh CSS file after changing colors option. Press Refresh CSS files button on top of this section. And refresh Magento cache.
themelock.com Important: make sure that folder /skin/frontend/megatron/default/css/colors has 777 permission.
General Set options to configure color for general store elements. Skin suffix - !IMPORTANT! DO NOT CHANGE THAT FIELD. This is reserved field for future preset color skins. Use custom css file – Use this option to enable custom CSS file. To use custom css file you must rename file skin/frontend/megatron/default/css/DELETEPREFIXcustom_changes.css to custom_changes.css (remove just prefix 'DELETE-PREFIX') Theme Color
themelock.com
Text Color - Set default text color for all blocks Link Color - Set default link color for all blocks Link Hover Color - Set default link hover color for all blocks Background Color Background Image (All pages) - Upload background image/pattern for all blocks (JPG, PNG or GIF image) Background Image display mode - Set background image display mode
Captions Configure font and color for theme captions
themelock.com
Buttons Configure color for theme buttons Footer Configure colors for theme footer Products Configure colors for product page
themelock.com
Theme layout Options Header Header variant Header fixed Slider Hide Home Page Slider Content
themelock.com
Hide 'Services Links (top static block only on HOME PAGE)' Product Listing Products size Product Page Show Product Sku Show Product Stars in content Small Previews Position
Show Accordion static block - CMS/Static block mtron_product_custom_html_accordion - common for all products Show 'Services Links' static block in right - CMS/Static block mtron_product_services_links_right - common for all products Show 'Services Links' static block in bottom - CMS/Static block mtron_product_services_links_bottom - common for all products Show Related Products Show Upsell Products
themelock.com
Show Popular Tags Show Categories Tabs Style Show Video
Show Addthis buttons (sharing) - Get code from www.addthis.com and paste code below Show Prev/Next buttons - That option not works with flat catalog mode enabled
Blog Enable Grid Style Gallery Gallery Grid Enable 3d mode - This mode shows only 3 photos in row with spaces ATTENTION! You must upload images same height and width with proportions 570x477 px
themelock.com Enable/Disable General Magento Blocks You can enable/disable 19 theme blocks here. Option name is self explanatory and easy to understand. Options group in three groups Header, Sidebar, Footer. Block you can enable/disable in header: Shopping cart, Topmenu, Currency, Language, Toplinks (My account), Compare, Search. Block you can enable/disable in left sidebar: Shop by, Popular tags, custom block 'bestsellers/top rated/sales/featured', From Blog, Poll, Navigation, Recently Viewed, Wishlist.
Block you can enable/disable in footer: Newsletter, Find us, Footer links, Select Store.
themelock.com
Slideshow – Flex slider (home) Settings Animation (fade / slide) - Select your animation type, "fade" or "slide" SlideshowSpeed (milliseconds) - Set the speed of the slideshow cycling, in milliseconds AnimationSpeed (milliseconds) - Set the speed of animations, in milliseconds
Manage Slides
themelock.com
Here you can manage slides. Each slide has following options: Store View – select store view Link (text) – set slide link Caption (HTML) – set slide caption Slide Image (image) – upload slide image Status (Active / Inactive) – set slide status
Slideshow – Parallax slider (home) Manage Slides Here you can manage slides. Each slide has following options: Store View – select store view Link (text) – set slide link Slide (HTML layered content) – each slide in parallax contain as much layers as you wish. Refer to Parallax slider documentation in parallax-slider-docs folder for more details. Important:
themelock.com
You can find example slides from our demo in \app\code\local\Etheme\Megatronparallax\Model\data_slides.x ml file. Status (Active / Inactive) – set slide status
Category theme options Megamenu Category label, for ex. "Hot!" (text) - Category label in MegaMenu dropdown. Back-end
themelock.com
Front-end
themelock.com
Category Icon Image Name" (file name) – Category icon Back-end
Front-end
themelock.com
DoubleProduct DoubleProduct (product id) – show mentioned product in double size. Back-end
themelock.com
Front-end
themelock.com
Troubleshooting Some features don't work or give errors What can cause the problem: a) Magento cache (or external cache) was not flushed after installation of the theme. b) Compilation mode was not disabled before installation. c) Some of the theme files were not uploaded or are broken. Re-upload original theme files to your server (overwrite existing files) and flush the cache.
themelock.com
d) File permissions issue – refer to File permissions for more details. e) Theme wasn't enabled properly. Theme should only be enabled in System > Configuration > Design (the same as it was described in the installation steps). f) You have some third-party extensions which change/break theme's default behavior or cause some conflicts. Disable all extensions and flush the cache, then enable extensions one by one to check which one is causing problems. Refer to Third-party extensions for more details about third-party extensions. g) You edited theme files and accidentally removed or changed something in the files. Re-upload original theme files to your server (overwrite existing files) and flush the cache.
h) You have customized the theme by creating custom sub-theme and your modifications override or break the default behavior of the theme. i) You have some elements that left from your previous theme (e.g. in Magento's "base" theme in app/design/frontend/base/) and that breaks the new theme. Also check your log files in var/log/ (log settings should be enabled in System > Config > Developer) for more information about possible errors.
Blank page or 404 not found – when trying to open theme admin pages Log out from Magento admin panel, delete all files in var/cache/ directory (to
themelock.com
clear Magento cache), and log in again.
There is no theme admin tab in the admin panel, or I get a blank page, or Access Denied error Log out from Magento admin panel, delete all files in var/cache/ directory, clear web browser cache/cookies for your store domain and log in again.
File permissions Incorrect file permissions on your server may cause many issues. After uploading any files to your server in order to install themes or extensions you need to set correct file permissions for all the uploaded files – the same permissions as for the default Magento files. File permissions may differ depending on server – usually 755 for folders and
644 for files. In case of any doubts about permissions, please contact your hosting provider. Refer to this article for more details: http://www.magentocommerce.com/wiki/1__installation_and_configuration/magento_filesystem_permissions
Theme features don't work after installation or upgrade If some theme features don't work after installation or some resources (e.g. images) are not displayed in the frontend, it often indicates problems with file permissions – your Magento doesn’t have access to the theme files because of incorrect file permissions on your server. For more details refer to File permissions
"Package with this name does not exist" message is displayed when trying to enable the theme
themelock.com
This message means that: a) theme files were not uploaded, b) or they are not in the correct place, c) or there is a problem with file permissions on your server – refer to chapter File permissions for more details.
Thank you 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. No guarantees, but I'll do my best to assist. 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. If you like my theme, do not forget to rate it. Thank you! eTheme
themelock.com
