Install nivo slider on Magento

Oct16
2011 4 Comments Written by Joost Hofman

Nivo slider is one of the easiest to install and good looking.

To get it working on Magento you need to know a couple of tricks.

In the post i will explain how to get nivo slider working on Magento.

1. Copy the following files into your Magento folder:

Jquery.nivo.slider.pack.js -> magento folder/js/nivo/
jquery-1.6.1.min.js -> magento folder/js/nivo/

all css and buttons to -> magento folder/skin/frontend/default/<your theme>/css/nivo/

2. Open the following file: magento folder/app/design/frontend/default/<your theme>/layout/page.xml.

Add the following code in the head block element:

<action method="addJs"><script>nivo/jquery-1.6.1.min.js</script></action>
<action method="addJs"><script>nivo/jquery.nivo.slider.pack.js</script></action>
<action method="addCss"><stylesheet>css/nivo/nivo-slider.css</stylesheet></action>
<action method="addCss"><stylesheet>css/nivo/default.css</stylesheet></action>

Make sure it is BEFORE:

<action method="addJs"><script>prototype/prototype.js</script></action>

3. Open your admin panel and navigate to: CMS -> Pages

4. Select the page that needs the nivo slider.

5. Go to the content tab and add the following code:

<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider"><img src="skin/frontend/default/<your theme>/images/mainbanner-1.jpg" alt="" />
<a href="http://www.website.com"><img src="skin/frontend/default/<your theme>/images/mainbanner-2.jpg" alt="" /></a>
<a href="http://www.website.com"><img src="skin/frontend/default/<your theme>/images/mainbanner-3.jpg" alt="" /></a>
<a href="http://www.website.com"><img src="skin/frontend/default/<your theme>/images/mainbanner-4.jpg" alt="" /></a>
</div>
</div>

<script type="text/javascript">// <![CDATA[
    jQuery(window).load(function() {
        jQuery('#slider').nivoSlider({effect:'slideInRight'});
    });
// ]]></script>

If you are working with the Nivo example code make sure you change the $ in the javascript to jQuery!

6. Save your page…..

7. And we are done!

Posted in Magento

Upgrading from 1.5 to 1.6 with Magento connect

Sep21
2011 Leave a Comment Written by Joost Hofman

1. Open Magento connect Manager.

2. add connect20.magentocommerce.com/community/Mage_All_Latest to the extension key input box.
Magento extension key upgrade

3. Press Install.

4. You now see a summary of which components will be upgraded or installed.

magento-1-5-upgrade2

5. Press proceed

6. And done!

If you are getting the following error: Mage_All_Latest already exists or something similar change the following code:

Open the Validator.php located at downloader/lib/Mage/Connect

remove the following code at the bottom of the file:

if (file_exists($dest)) {
                $this->addError("'{$file}' already exists");
                return false;
            }

Now try run the above steps again.
Remember if something is wrong again the following code has to be removed again!

Happy upgrading!

Posted in Magento - Tagged , ,

Removing GoogleBase module

Sep19
2011 Leave a Comment Written by Joost Hofman

The core GoogleBase module is invalid and replaced by the GoogleShopping module.

Now we have 2 menu items under Catalog! While Google Base is deprecated.

You can easily disable the GoogleBase module by doing the following:

Open app/etc/modules/Mage_All.xml

Find the following code:

<Mage_GoogleBase>
	<active>true</active>
	<codePool>core</codePool>
	<depends>
		<Mage_Catalog/>
	</depends>
</Mage_GoogleBase>

And replace it with the following code:

<Mage_GoogleBase>
	<active>false</active>
	<codePool>core</codePool>
	<depends>
		<Mage_Catalog/>
	</depends>
</Mage_GoogleBase>

Now the GoogleBase module is disabled and the admin menu is removed.

Posted in Magento - Tagged , , ,