Ninja Developer: Magento

Magento Theme Implementation

First you have download the theme which you want . Eg I download the theme acumen want to set it on my mazanto site then first I download the new fresh mazanto version and install it on my host

After when installation process complete .open the ftp or cpanel which you want to use to make changes in the theme file .

Now on my theam I have folder acumen1.2.4 in this you get the folder httpdocs and in the http docs I have app and skin folder .

I first S go to the app folder and in this get code and design folder then in the design folder I get the Frontend folder .upload this folder to the same location on the mazanto ftp in app /design/put the front end folder here .

Then come back to your theam folder on the desktop now go to the httpdocs/app/code you get the folder local here upload this folder to the same location on the ftp mazanto /app/code/and put the local folder on this location .

Upload Files

Look inside the theme package for the "httpdocs" directory, which aligns to your Magento root

directory. Ready your FTP application.

Local Code Files

Upload the "local" directory to "code" — including all its files and subfolders.

/app/code/local/

Template + Layout Files

Upload the "gravdept" directory to "frontend" — including all its files and subfolders.

/app/design/frontend/gravdept/acumen/

Skin Files

Upload the "gravdept" directory to "frontend" — including all its files and subfolders.

/skin/frontend/gravdept/acumen/

Now you login to your mazanto by entering username password

Go to the last menu option admin and fron the drop down select the configuration option in the configuration option you select the design option there you select the design from the drop down of your theme and click on the option save .

Now you open your site url in the new tab and check that your selected theme applied to your web page .

Categories

Most categories should be created as subcategories under the "Default Category" (the root category)

with these options:

General Info > Name {your category name}

General Info > Is Active Yes

Display Settings > Is Anchor Yes (if you want to use layered navigation)

Uploading a category image will replace the textual title and description on the store frontend. The

image should be 930px wide. If no image is uploaded, the textual title is displayed.

Notes on Navigation Menus

The main navigation menus have the capacity to show three layers of category depth on hover. This

allows very complicated catalog shapes to be organized in a small area. If more than 7 subcategories are

under one parent category, they will be arranged vertically to prevent running off the page.

Add the "Featured" Category

The "Featured" category should be a "Root Category". Write down its Category ID for later. It has

special options to exclude it from the frontend navigation (note gray text):

General Info > Is Active No

Display Settings > Is Anchor No

URL Rewrites

Click "Add URL Rewrite"

Type Custom ID Path contact Request Path contact Target Path contacts

Redirect No Description Redirects "contacts" to more commonly used "contact". Shows new URL only.

CMS Static Blocks

By useing the magento static page option you can addteh addtional feature if avaialble on your theam like jquery javascript or ajax galery etc .

Look inside the theme package for the CMS Static Blocks directory:

/config/cms-static-blocks/

There are multiple text files inside. Each file is a separate Static Block that you must create. Ensure the

WYSIWYG editors are completely disabled first (see section: Configure Magento).

Click "Add New Block"

Block Title GravDept - jQuery Load

Identifier gravdept_jquery_load

Status Enabled

Content Copy/paste from file: gravdept_jquery_load.txt

Block Title GravDept - jQuery Run

Identifier gravdept_jquery_run

Status Enabled

Block Title GravDept - jQuery (FancyBox)

Identifier gravdept_jquery_fancybox

Status Enabled

Content Copy/paste from file: gravdept_jquery_fancybox.txt

Block Title GravDept - jQuery (LoopedSlider)

Identifier gravdept_jquery_loopedslider

Status Enabled

Content Copy/paste from file: gravdept_jquery_loopedslider.txt

CMS Pages

Look inside the theme package for the CMS Pages directory:

/config/cms-pages/

There are multiple text files inside. Each file is a separate CMS Page that you must create. Some of

these pages might exist already. Just delete them and use this info. Not every field must be completed

for every page—only the required changes are listed.

Page Info > Page Title Home Page Info > URL Key home , Page Info > Status Enabled

Content > (big textarea) Copy/paste from file: home.txt , Design > Layout 1 column

Design > Layout Update XML Copy/paste from file: home.xml

Page Info > Page Title About

Page Info > URL Key about

Page Info > Status Enabled

Content > (big textarea) Copy/paste from file: about.txt

Design > Layout 1 column

Page Info > Page Title Enable Cookies

Page Info > URL Key enable-cookies

Page Info > Status Enabled

Content > (big textarea) Copy/paste from file: enable-cookies.txt

Design > Layout 1 column

Page Info > Page Title Page Not Found

Page Info > URL Key page-not-found

Page Info > Status Enabled

Content > (big textarea) Copy/paste from file: page-not-found.txt

Design > Layout 1 column

Special Features

Large Homepage Slider Edit the "home" page in "CMS > Pages". Click the "Content" tab.

Changing slider URLs

○ Internal href="{{store direct_url="men/shirts/flannel/"}}"

○ External href=http://example.com

Changing slider images

○ Files are located in /skin/frontend/gravdept/acumen/img/page/home/spotlight/

○ Do not change image dimensions unless you know CSS well and are prepared to support

upgrades yourself.

Featured Products Slider

Find the Category ID for "Featured" that you wrote down earlier. Edit the "home" page in "CMS >

Pages". Click the "Content" tab and find this line:

{{block type="catalog/product_list" category_id="9" column_count="2"

template="catalog/product/gravdept_featured.phtml"}}

Change the "category_id" number to the correct number for your store.

New Products Slider

Edit your product in "Catalog > Manage Products". On the "General" tab, configure these values:

● Set Product As New From Date

● Set Product As New To Date

Customizations

Footer Content

The footer content and links are hard-coded for simplicity, edit this file:

/app/design/frontend/gravdept/acumen/template/page/html/footer.phtml

Contact Page

The contact page has placeholder email and telephone numbers, edit this file:

/app/design/frontend/gravdept/acumen/template/contacts/form.phtml

Custom CSS

Custom CSS declarations should be written in this stylesheet only:

/skin/frontend/gravdept/acumen/css/override.css

Do NOT edit base.css

To display the product on home page

Format

<div class="grid_6">{{block type="catalog/product_new" column_count="2" name="home.catalog.product.new" alias="home_new_slider" template="catalog/product/new.phtml"}}</div><div class="grid_6">{{block type="catalog/product_list" category_id="3" column_count="2" template="catalog/product/gravdept_featured.phtml"}}</div>

</div>

You can change the following code by thease if some not work

////code to display product on home page ////

To display new product :

{{block type="catalog/product_new" name="home.catalog.product.new" alias="product_new" template="catalog/product/new.phtml"}}

To display most viewed product :

{{block type="mostviewed/list" name="home.mostviewed.list" alias="product_homepage" template="catalog/product/list.phtml"}}

To display product from a category :

{{block type="catalog/product_list" category_id="Category-ID” template="catalog/product/list.phtml"}}

To display random products :

{{block type="catalog/product_list_random" template="catalog/product/list.phtml"}}

Thanks Waiting For your Responce