Magento Themes and Magento Extensions

Hiding (or Showing) Filters In Certain Categories

Share
Posted on April 25th, 2013 | Posted by admin

Layered Navigation Plus and Layered Navigation Positioning extensions, you can easily hide or show individual filters in certain categories. Here is how:

  1. Open category in which you’d like to hide certain filter.
  2. Go to “Custom Design” tab.
  3. In “Custom Layout Update” field, add: 
    <reference name=”mana.catalog.above_products.nav“>
    <action method=”setHideCategory“><value>1</value></action>
    </reference>

ADD INCREASE AND DECREASE QUANTITY BUTTONS TO ITEMS IN MAGENTO CART

Share
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

Share
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

Share
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

Share
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()): ?>

<ul>
<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

Page 3 of 21«12345»1020...Last »