How to Edit Theme
How to Edit Headline and Slogan
How to Edit Logo
How to Add Horizontal Menu
How to Add Vertical Menu
How to Add Top Menu
How to Edit FooterLinks and SiteMap Menus
How to Edit Footer Text
How to work with Magento Theme Layout

How to Edit Theme

After your theme is successfully installed and activated, a new tab Billion Themes appears in Magento Admin Panel. To edit the theme, navigate this tab and select "Edit". Themler is loaded and now you can use Themler's functionality to edit the theme:

magento-admin.png

How to Edit Headline and Slogan

The default Headline text can be changed by going to Magento Admin Panel >> System >> Configuration >> General >> Design, select HTML Head >> Default title:

magento-use4res.png



To change the Slogan text, navigate Design >> Header >> Welcome Text:
magento-use5res.png

Please note, the Headline and Slogan controls should be added in Themler in order to be displayed in your Magento theme.

How to Edit Logo

You can upload your own custom image for the Logo control not only in Themler but also from the Magento administration. To do this, please do the following:

  1. Go to the Billion Themes tab, click "Edit" and add the Logo control in Themler.

  2. In the Billion Themes tab select Logo and enter the Logo Image Source in one of the following ways:

    • an absolute path beginning with http://

    • or a relative path under the /skin folder of the theme - the image should be put in the skin/frontend/default/themename/images folder, and the relative path should look like images/mysitelogo.png.

  3. Enter an external URL that point to where the Logo file is located (it should begin with http://).

magento-use-3.png

How to Edit Horizontal Menu

The Horizontal Menu is normally a main website navigation section which enables visitors to go to the different website pages. In a Magento theme, Horizontal Menu displays Product categories.

To create the Horizontal Menu in your Magento template, please follow these steps:

  1. Add the Horizontal Menu Control to a location you would like to place the menu - a dynamic content block for this control will be created in Magento.

  2. Publish changes and log in to your Magento Admin Panel.

  3. Add categories to the Horizontal menu by going to Magento Admin Panel >> Catalog >> Manage Categories.
    NOTE: To be displayed in the theme, a category should be added as a subcategory to the "Root Catalog" category.

  4. Set the category to be displayed in the menu by selecting "Include in Navigation Menu" >> Yes.

  5. Set the category to be active on the website ("Is Active" >> "Yes") and save.
    NOTE: A category should contain at least one product, otherwise it cannot be displayed in the menu.

magento-use9-2res.png

How to Edit Vertical Menu

In a Magento theme, the Vertical Menu, like the Horizontal menu, displays Product categories.
But unlike the Horizontal menu, the Vertical Menu block can't be removed from the theme.

How to Edit Top Menu

The Top Menu is a navigation section which is usually placed at the top of the screen - in Magento themes, it provides access to such pages as Log In/Log Out, My Account, etc. The source of the menu is hard-coded and you cannot edit it through the Magento Admin Panel. The source can be edited manually in the theme .xml file.

How to Edit Footer Links and SiteMap Menus

The Footer Links Menu is linked to the Static Block where you can create your own list of static links.

The source of the SiteMap Menu is hard-coded.
This menu displays Magento System Links like SiteMap, Search Terms, etc. You can show/hide listed links in the usual way under the Magento System >> Configuration.

How to Edit Footer Text

To change the default text in the Page Footer, please go to the Magento Admin Panel >> System >> Configuration >> General >> Design, choose Footer >> Copyright and change the page footer text, then click "Save Config".

How to work with Magento Theme Layout

The Magento theme layout depends on the controls added in Themler - the corresponding dynamic blocks are created automatically. The Magento theme layout and separate blocks can be modified by using corresponding .xml layout files. Theme layout configuration .xml files are located in the /design/frontend/default/themeName/layout directory. The basic .xml files are placed in the frontend/base/default folder.

[How to Edit Theme](#edit) [How to Edit Headline and Slogan](#headline_slogan) [How to Edit Logo](#logo) [How to Add Horizontal Menu](#hmenu) [How to Add Vertical Menu](#vmenu) [How to Add Top Menu](#tmenu) [How to Edit FooterLinks and SiteMap Menus](#menus) [How to Edit Footer Text](#footer) [How to work with Magento Theme Layout](#layout) <a id="edit"></a> ###How to Edit Theme After your theme is successfully installed and activated, a new tab **Billion Themes** appears in Magento **Admin Panel**. To edit the theme, navigate this tab and select **"Edit"**. Themler is loaded and now you can use Themler's functionality to edit the theme: !magento-admin.png! <a id="headline_slogan"></a> ###How to Edit Headline and Slogan The default *Headline* text can be changed by going to **Magento Admin Panel** >> **System** >> **Configuration** >> **General** >> **Design**, select **HTML Head** >> **Default title**: !magento-use4res.png! <br> To change the *Slogan* text, navigate **Design** >> **Header** >> **Welcome Text**: !magento-use5res.png! Please note, the Headline and Slogan controls should be added in Themler in order to be displayed in your Magento theme. <a id="logo"></a> ###How to Edit Logo You can upload your own custom image for the Logo control not only in Themler but also from the Magento administration. To do this, please do the following: 1. Go to the **Billion Themes** tab, click **"Edit"** and add the Logo control in Themler. 2. In the **Billion Themes** tab select **Logo** and enter the **Logo Image Source** in one of the following ways: - an absolute path beginning with *http://* - or a relative path under the */skin* folder of the theme - the image should be put in the *skin/frontend/default/themename/images* folder, and the relative path should look like *images/mysitelogo.png*. 3. Enter an external URL that point to where the Logo file is located (it should begin with *http://*). !magento-use-3.png! <a id="hmenu"></a> ###How to Edit Horizontal Menu The Horizontal Menu is normally a main website navigation section which enables visitors to go to the different website pages. In a Magento theme, Horizontal Menu displays Product categories. To create the Horizontal Menu in your Magento template, please follow these steps: 1. Add the Horizontal Menu Control to a location you would like to place the menu - a dynamic content block for this control will be created in Magento. 2. Publish changes and log in to your **Magento Admin Panel.** 3. Add categories to the Horizontal menu by going to **Magento Admin Panel** >> **Catalog** >> **Manage Categories**. **NOTE:** To be displayed in the theme, a category should be added as a subcategory to the **"Root Catalog"** category. 5. Set the category to be displayed in the menu by selecting **"Include in Navigation Menu"** >> **Yes**. 6. Set the category to be active on the website (**"Is Active"** >> **"Yes")** and save. **NOTE:** A category should contain at least one product, otherwise it cannot be displayed in the menu. !magento-use9-2res.png! <a id="vmenu"></a> ###How to Edit Vertical Menu In a Magento theme, the Vertical Menu, like the Horizontal menu, displays Product categories. But unlike the Horizontal menu, the Vertical Menu block can't be removed from the theme. <a id="tmenu"></a> ###How to Edit Top Menu The Top Menu is a navigation section which is usually placed at the top of the screen - in Magento themes, it provides access to such pages as Log In/Log Out, My Account, etc. The source of the menu is hard-coded and you cannot edit it through the Magento Admin Panel. The source can be edited manually in the theme .xml file. <a id="menus"></a> ###How to Edit Footer Links and SiteMap Menus The **Footer Links** Menu is linked to the Static Block where you can create your own list of static links. The source of the **SiteMap** Menu is hard-coded. This menu displays Magento System Links like SiteMap, Search Terms, etc. You can show/hide listed links in the usual way under the Magento System >> Configuration. <a id="footer"></a> ###How to Edit Footer Text To change the default text in the Page Footer, please go to the **Magento Admin Panel** >> **System** >> **Configuration** >> **General** >> **Design**, choose **Footer** >> **Copyright** and change the page footer text, then click **"Save Config"**. <a id="layout"></a> ###How to work with Magento Theme Layout The Magento theme layout depends on the controls added in Themler - the corresponding dynamic blocks are created automatically. The Magento theme layout and separate blocks can be modified by using corresponding .xml layout files. Theme layout configuration .xml files are located in the /design/frontend/default/themeName/layout directory. The basic .xml files are placed in the frontend/base/default folder.