Featured Products on Index Page of Magento

Want to know how to add “Featured” products on your home page of your Magento Ecommerce website, here’s what to do:

First, in the admin section of Magento add a category called “featured” or something that sets it apart. Mark it as “inactive” and select the products you want included in that section. Save the category and note the category number.

Next, go to your CMS section of admin and edit the “home” page for your website. Add in this bit of code wherever you want the “Featured” items to appear on the page:

{{block type=”catalog/product_list” category_id=”20″ template=”catalog/product/list.phtml”}}

The “20″ in the above example is your category ID number from the steps above. If you want it to display 4 columns of product instead of 3, use this code instead:

{{block type=”catalog/product_list” column_count=”4″ category_id=”20″ template=”catalog/product/list.phtml”}}

Pretty simple, but there are not a lot of directions around on this subject for help with Magento

Customizing Email Confirmations in Magento

In case you’re wondering how to customize your email notices that Magento sends out, it may take you a while to find the files that need editing. The stock Magento emails have goofy things in the emails like Demo Store and dummyemail@magento.com. There is also the stock Magento Demo Store logo on the emails. Not really what you want going out to customers!

First of all, upload your logo that you want on the emails to the following directory: /skin/frontend/default/yourtheme/images/

The image needs to be named logo_email.gif unless you want to change it in all the files mentioned in the next section of the article.

Next you need to open all of the files in the /app/locale/en_US/template/email/ directory, including the /sales/ directory as well. Find all occurrences of the “Demo Store“, dummyemail@magento.com, magento@varien.com, the (555) 555-0123 phone number and the alt tag for the logo from “Magento” and change all those values to your own.

Magento Help - Where Are Callouts?

Magento Commerce uses something called callouts, basically images or content in various places on the website. For instance, the left column in the shopping cart has a couple of them with the “free” version of Magento. I must add that this article addresses Magento using the Modern theme. Other themes will be similar.

If you put something in your cart and go to the checkout page, you’ll see two examples of callouts. The top one has to do with Laurent bedding or something like that and the lower one is a placeholder called fpo_no_crosssell.gif, as it say’s a placeholder in case the items in the shopping cart do not have cross-sell items associated with them. You will find these callout images in the skin/frontend/default/modern/images/media/ folder. One is called callout1.jpg and as noted above, the other is called fpo_no_crosssell.gif. You can simply open these images in Fireworks or whatever you use and modify them, then resave and upload them to the same directory. Now, that’s half of it.

As with most elements of a Magento Commerce site, there are two portions to the display of the website. The “skin” side which we just addressed and then there is the “app” side or application side. Let’s have a look.

Go to /app/design/frontend/default/modern/template/checkout/cart/crosssell.phtml. This is where the “call” to these two referenced “callouts” are. If you wanted to add callouts, simply add them above or below the call to the ones that are in this file. You’ll find them around the end of the file, around line 60. The one in the Modern theme reads

<p><img src=”<?php echo $this->getSkinUrl(’images/media/callout1.jpg’);?>” alt=”"/></p>

<p><img src=”<?php echo $this->getSkinUrl(’images/media/callout1.jpg’);?>” alt=”"/></p>

You could of course delete these lines or change the image filename you want to call.

This should be a little help for you figuring out the Magento Commerce Application.