Magento Themes and Magento Extensions


Posted on April 22nd, 2013 | Posted by admin

When a customer views their cart, each product that they have added will be listed. By default, Magento provides info for each product, e.g. name, image, quantity, price. Customers can change the quantity in the text box and submit the “Update Shopping Cart” button. That is a lot of effort for the user, we want to make this process as smooth as possible.

We can make it easier by adding +1 and -1 links to change the quantity of each item. We will do this with some very simple JavaScript which takes the current value and adjusts it. Once this has been done, we submit the form through JavaScript to reduce customer effort.

In my implementation I have used images for the links, but obviously you could use text, e.g (↑ ↓). The following two code snippets should surround the input quantity box on the shopping cart/basket page:

Magento front-end development best practices

Posted on April 18th, 2013 | Posted by admin

So here are 10 best practices for Magento front-end development.

1. First understand Magento frontend structure and follow conventions because magento is little strict about conventions, so you should know; how Magento is comprised of modules, know how layout XML creates page layouts and know how html blocks get loaded as defined by the page layouts. It is good to learn Magento structure first and then start learning how the .phtml files work. Dip diving into the html/php code immediately is possible but harder and more painful and prone to errors. If you have lesser time to finish any task then you may end up with frustration. Magento back bone is very strong (is a well-architected program), following the conventions used by the ecommerce framework is necessary for the best-maintainable deployment.

Magento Product Pages with Different Sized Images

Posted on April 17th, 2013 | Posted by admin

Magento Product Pages with Different Sized Images

Occasionally you run into something that makes you scratch your head. Client has different product image sizes, think art prints. They can be divided into six groups. Some of them are 700×700, some are 700×400, you get the idea.

Client of course wants them to be full sized on the product page. That’s what they are selling.  So how do I get them all to display the proper size?  Custom Design, of course.

Magento allows you to select a different template, in Catalog>Manage Products. When you have the product page open, under Design Tab, there is an option called Custom Design, where you can select the template to use on this page.

Add increment decrement Qty in Cart Magento

Posted on April 11th, 2013 | Posted by admin

Add increment decrement Qty in Cart Magento

app\design\frontend\default\your theme\template\catalog\product\view\addtocart.phtm
<?php $_product = $this->getProduct(); ?>
<?php $buttonTitle = $this->__(‘Add to Cart’); ?>
<?php if($_product->isSaleable()): ?>

<?php if(!$_product->isGrouped()): ?>

<li> <a href=”javascript:void(0)” onclick=”decrementQty(‘qty’);”><img src=”<?php echo $this->getSkinUrl(‘images’)?>/plus-icon-1.jpg” alt=”" border=”0″ /></a></li>
<li><input type=”text” name=”qty” id=”qty” maxlength=”12″ value=”<?php echo $this->getProductDefaultQty() * 1 ?>” title=”<?php echo

Show category block on a magento page via cms

Posted on March 28th, 2013 | Posted by admin

Show category block on a magento page via cms

Add this snipp to any page’s body in the cms to show a category’s items on that page. “category_id” being the id of the category, duyee.

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

Page 4 of 16« First...«23456»10...Last »