Thursday, February 3, 2011

PSD to Magento

PSD to magento or HTML to magento is really very demanding for every e-commerce(Magento) Developer i tried the same string “PSD to magento” in google and find all the bullshit tutorials so after little digging i am going to write my very own version of “PSD to magento” Tutorial

Step1:

The first and very basic thing is what you gonna create ? means which kind of magento store and the psd look and theme so first take a deep look on the PSD and compare it with the standard Magento Template (Default Magento Templates)

PSD to Magento

PSD to Magento

STEP2

The most important thing when you are doing any conversion either “PSD to Magento” or “Html to magento” isnavigation’s or menu means in the Magento PSD it is vertical menu or horizontal menu . Have a look below at Horizontal menu

PSD to Magento

PSD to Magento

,You’ll find mostly horizontal menu based template so if your magento PSD is horizontal menu PSD then Conversion from “PSD to Magento” is child play

STEP3
The real magento Magic is its template path Hints , These hints will show the HTML part of the magento with complete path . Have a look Below

PSD to Magento

PSD to Magento - Path Hints

, all the read lines are template path hints with complete path just go that path and edit your template as per your ease . This will be a .phtml file , as per the magento convention .Suppose that if you want to change something in header of that template follow this path as per the template path hintsfrontend\base\default\template\page/html/header.phtml

Joomla 1.5 to Joomla 1.6 migration

Upgrade Joomla 1.5 to Joomla 1.6 Template : Joomla 1.6 is really phenomenal as joomla 1.5 , means it inherits all the basics of joomla 1.5 and added the advance functionality .Joomla 1,6 open’s new door to developers to create extension’s and template which are compatible for joomla1.6 .We’ll describe how to convert Joomla1.5 template to Joomla1.6

In both Joomla! 1.5 and 1.6 template parameters are defined in templateDetails.xml.

Whereas in 1.5 parameters are defined as part of the section, and each parameter is defined as a , in 1.6 template parameters are contained in the section and treated as a nested within the

and tags, as illustrated below.

Further Read : http://webkul.com/joomla-tutorial/upgrade-joomla-1-5-to-joomla-1-6-template

Add Poll In Facebook Fan Pages

Facebook Poll Application :Today, Every Business man and Webmaster having a Facebook Fan Pages. Facebook Fan pages is the place where they interact with the fans. So if you need an survery? you can do polling system right from your facebook fan pages itself. Its easy and can be done too.

Poll on Facebook Tab : Facebook Poll - Tab Poll is a revolutionizing Poll Application in Facebook App Market and specially made for facebook fan page

Facebook Tab Poll

Facebook Tab Poll

Facebook Tab Poll is unique in itself .You can add any number of poll in you facebok fan page and the best thing with this app is you dont need to bother about the files,server charges and customization . All things in this App is automatic ,just add this app and play

How This App is useful in Social media marketing/promotion: You can use this app for your social media markting and social media marketing to attract more fans in you facebook fan page .

Facebook TabPoll

Facebook TabPoll

The Effect of this app in my fan page’s are BOOM.

Demo : http://apps.facebook.com/tabpoll/ . Enjoy :)

Tuesday, February 1, 2011

Magento :SEO Friendly logo

SEO(Search engine optimization) very popular topic of discussion in Web :) some are useful but most are useless .SEO is an engineering , so just follow the concept of SEO thats it no useless article submission and link building ;) . Logo on every site has its own importance but we can make our logo SEO Friendly looks weird right ? so just check it out , have a look on the following code :

http://vipinsahu.com/magento-seo-friendly-logo/

SO i put the the logo inside the mighty H2 tag and put the ALT+Title .The separate class for header is as below

1
2
3
4
5
#header h2 {
color:#FFFFFF;
font-size:30px;
font-weight:normal;
}

Simple Trick but very effective :)

Magento : Product Price Filter

Mganeto Price Filter extension is just awesome , never done before kinda extension . Its is very handy to use just put the product ID in back-end and this filter will automatically filter the product depending upon the price range .

Product Price filter

Product Price filter


Feature and guidelines are here :

Features :

1 – Slick effect, no Flash needed

2 – Adjust Width and Height as per your ease .

3- All the modern browser supported like IE6,7,8 ,Firefox,Chrome,Opera etc.enjoy ;)

4- You can use This extension on multiple places within a single page.

5 – This Plugin Has Endless Utility .

How to Use :

1)First download the widget.

2)Copy Or Install the files in their corresponding location in magento_root folder.

3)Now Go to System->Cache Management flush all of cache Memory.

4)Now go to the page where you want to insert the widget.

5)Click Insert Widget parameter and provide all the required parameters.

Download : Product Price Filter