Main aims: + Magento v1.4 .2 does support the image viewing with its zooming effect using Prototype framework in which users have to drag and release a zoom button in order to zoom in/out the image . I found it not a friendly effect. + Instead of using this, I decided to use the Featured Image Zoomer v1.5 (reference: http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm) in which users just need to roll the mouse over the image, a zoomed image will automatically appear beside. + Also, users can use the mouse wheel to adjust the zoom size.

Main aims: To create New Arrivals page and Specials page that + work just like other category pages + can be filtered by normal Shopping Options including by Category + and have paging toolbar Logic explanation: Magento (current ver: 1.4.2) does not support New Arrivals page and Specials page even though it does have the options to setup a product as new/special product. In order to create these pages, I have searched and found some solutions that can display the new arrival products by simply creating a CMS page with a small block of code. How.

This scripts is to simply create an HTML Element moving horizontally. Please follow these steps: 1) For the HTML codes, put all the moving elements inside the “movingElement” Division. Then put this division inside the parent one which is “movingWrapper”. Make sure that you have all the important attributes and the windows events. <div id=”movingWrapper” style=”width: 100%; overflow: hidden” onmouseover=”stopMoving();” onmouseout=”continueMoving();”> <div id=”.

This is a really awsome effect. Based on this writting http://jonraasch.com/blog/a-simple-jquery-slideshow , I just want to rewrite everything in my own site. And also one thing that you should consider about is in Magento, because of the confliction between Prototype and jQuery, the script in this effect won’t work properly. So, let change the $ in Jquery script in the head to jQuery and see how it works. 1) Insert in html page : <div id="slideshow"> <img src="img/img1.jpg" alt="" class="active"/> <img src="img/img.

This is the script based on Tween using for any HTML elements basic animation.  Following these steps : - Insert this script file to your page : “moveTween.js”  moveTween - Create the DOM event with toggleDown and toggleUp functions , eg.  onmouseover(toggleDown([ID name], [direction], [startPos], [endPos])) , onmouseout(toggleDown([ID name], [direction], [startPos], [endPos])), … Here is an example, when the “logo” is onmouseover, it will drop down from the top : <div id="logo" onclick="location.href='http:/.

This post aims to make the Product Prices and the “Shop By” Box in the sidebar disappear in case of customers not loggin in: 1 – Disappear the Product Prices : Open [YOUR THEME]\template\catalog\product\list.phtml go to line 98 or find this code <?php echo $this->getPriceHtml($_product, true) ?> and replace it by : <?php if (Mage::isInstalled() && Mage::getSingleton(‘customer/session’)->isLoggedIn()): ?> <?php /*check loggin in or not*/?> <?php echo $this->getPriceHtml($_produc.

If you have a problem with a page title which currently shows the unexpected name (normally, these pages are the new created pages such as Contact Us, ect),  do this: 1 – Open the .xml file located in [Your Theme]/layout 2 – Add these codes to the <default> template <reference name=”head”> <action method=”setTitle”><title>THIS IS YOUR TITLE</title></action> </reference> Done. Enjoy !

1 – Go to http://maps.google.com.au/ , search your exact address 2 – Click on the Link on the top right of the map , and then click  Customise and preview embedded map 3 – In the new window, we can adjust the map size or the view… 4 – Copy and paste the code that Google gave you to embed in your website

In an Magento category, you can easily see the breadcrumb right under the top main navigation menu. However, with other pages such as Home, About us, Contact us, etc, it completely disapears. This post aims to fix this, so that you can see the breadcrumb in all pages but Home. Here is the tips: 1 – Open this file [Your Themes]/template/page/html/breadcrumbs.phtml , if its not there, just copy the breadcrumbs.phtml in base/template/page/html/ to your theme in order to keep your default theme 2 – Delete the last line : <?php endif;.

Main aims: * Add the category tree of current viewing in left navigation sidebar instead of the “Browse by” box on top * Remove the popup menu There are 3 files that you need to change, including one hardcode file (navigation.php). Therefore, you better make sure that you already backup these files before changing them. And also, keep changing the hardcode file that way whenever you update your Margento version because it may change this file automatically. (My current ver is 1.4.0.1) Get into your current theme in your Magento fold.