Magento remove back to school

November 26, 2010 at 1:37 PM 16 comments

Many new Magento developers ask “how do I removeBack to school “. Some times its very frustrating for beginners.But its pretty easy to remove the back to school image from the Magento home page. Ok lets see it straight away How to remove back to school image from Magento home page. Most of the instructions are very similar to my another post.

1. In your magento store admin panel, Go to System-> Configuration and then select Design  on the left side bar.

2. Check if your package is ‘default‘ or ‘somecustomethemename‘ . If its ‘default’ then go the following folder location

Youstoreroot/app/design/frontend/default/default/

In case of custom theme go to the following location

Youstoreroot/app/design/frontend/yourcustomtheme/default/

3. Create layout folder if its not there

4. Create a new layout file called “local.xml” inside layout folder

and place the code below into it and save it.

<?xml version="1.0"?>
<layout version="0.1.0">
<default>
<reference name="right">
<block type="core/template" name="right.permanent.callout" template="callouts/right_col.phtml">
<!-- <action method="setImgSrc"><src>images/media/col_right_callout.jpg</src></action>
<action method="setImgAlt" translate="alt" module="catalog"><alt>Keep your eyes open for our special Back to School items and save A LOT!</alt></action> -->
</block>
</reference>
</default>
</layout>
 

All i have done is Commented out the <action> nodes responsible to display this image “back to school”. Please use only HTML block comments <!– –>.

5. Go To System->cache management and refresh the cache types “Layouts
and “Block HTML output“. We ‘re done with this.

6. After refreshing just reload your page and find your “BACK TO SCHOOL”
images has been removed from the right sidebar in all your magento pages.

If you want to remove it only from the specific pages then let me know, i can update my post.

By the way, Please ignore the following approach , which is no more recommended.

(For your information, you can just click on the images in this post or any of the posts in this blog to get opened in a new tab or window and you can maximize it / zoom it. All the images used  in this post or any of the posts in this blog are high resolution images so that you can get a clear picture, If there are any discrepancies let me know through your comments )

Magento Remove Back to school 1

1. Go to yourStorename\app\design\frontend\base\default\layout

In this case its demostore\app\design\frontend\base\default\layout

and find the file “catalog.xml“.

2. We have to override this file by our default template. Create same directory structure what we had for catalog.xml inside base template.

Create Two folders named “template” and “layout” inside app/design/frontend/default/default

3. Copy the File “Catalog.xml” inside the layout folder what we have created inside the default folder.

4. Now open the catalog.xml file which we have copied just now inside default folder and comment out the code attached below which are inside the <reference name=”right”>.

FYI :  Kindly use HTML comments <!– –>.

<!–

<action method=“setImgSrc”><src>images/media/col_right_callout.jpg</src></action>
<action method=“setImgAlt” translate=“alt” module=“catalog”><alt>Keep your eyes open for our special Back to School items and save A LOT!</alt></action>
–>

5. Go to Varien / Cache directory and delete the files or flush your cache from the Magento admin panel. Now refesh the browser and see the back to school image has been removed successfully from the home page.

magento remove back to school

Cheers :-)

If you have appreciations, suggestions, difficulties or discrepancies with this kindly let me know through your comments.

Catch you with another useful Magento article

You may also need this

Magento Remove Customer Service 24 * 7

Magento remove Paypal logo

Entry filed under: magento. Tags: .

Magento Remove Customer service Magento remove Paypal logo

16 Comments Add your own

  • 1. bet365  |  November 30, 2010 at 4:31 AM

    hi I was luck to approach your subject in yahoo
    your Topics is terrific
    I obtain a lot in your website really thank your very much
    btw the theme of you website is really excellent
    where can find it

    Reply
  • 2. Shuchi  |  April 14, 2011 at 9:04 AM

    Hi, this is nice. Although these are simple things but once stuck, it takes a lot of time to figure out them. Thanks for the help!!! Carry on the good work!

    Reply
  • 3. smrkavc  |  April 22, 2011 at 2:13 AM

    Hi,
    You saved me a lot of time with this post! Not that it only helped me remove the “back to school” but it also helped me to understand how to do other things – by overriding default templates.

    Love and kisses man :) No really, great work and thanks!!!

    Reply
  • 4. Pepe  |  September 18, 2011 at 7:01 PM

    Hi,
    I followed your well explained tutorial, but unfortenately this doesn’t work with Magento 1.5.1.0 and Internet Explorer (there is a missing image symbol). No problems with firefox. Any hints?

    Reply
    • 5. haijerome  |  September 19, 2011 at 9:57 AM

      @pepe

      It will work but kindly make sure that you have made these changes in your theme’s catalog.xml and its not overrided by any local.xml of your theme / template.

      In order to find out the active (current) catalog.xml just enable your template block hints from the admin panel so that you can find from which block this is from.

      And last but not least refresh and flush your magento cache as well as your browser cache completely.

      Reply
  • 6. William  |  October 10, 2012 at 1:03 PM

    Hi, I commented out the code and I don’t see the image anymore. Also clearead the cache. I have a facebook share button on my product page. When I share a link in facebook I still see the back to school image as 2nd thumbnail. Or does facebook that a previous cached page where it finds 2 images ?

    William

    Reply
    • 7. haijerome  |  November 1, 2012 at 2:33 PM

      In this case , remove the “back to school” image itself from the Skin folder itself. By the way, i have updated my post please go through it, which is highly recommended.

      Reply
  • 8. Lloyd  |  October 20, 2012 at 8:07 PM

    worked perfectly, thanks

    Reply
    • 9. haijerome  |  November 1, 2012 at 2:33 PM

      you are most welcome. By the way, i have updated my post please go through it, which is highly recommended.

      Reply
  • 10. james potter  |  November 1, 2012 at 1:43 AM

    ok so my store name is ridetogetherslc so i would type ridetogetherslc\app\design\frontend\base\default\layout/
    into my web browser? i get nothing? am i missing something? i get magento threw hostgator

    Reply
    • 11. haijerome  |  November 1, 2012 at 2:28 PM

      Hi James it seems there is a complete mis-understanding. I have just updated my post. Please go through it again and feel free to let me know if you have any queries.

      And regarding your question,

      1. *** Please do not type any folder locations in your web browser and try ***

      2. Just go to this location

      Yourmagentoroot\app\design\frontend

      (Yourmagentoroot denotes the path where you installed Magento in your server or local machine)

      And check whether do you have any other folders other than base and default. If so get inside that folder and go to “layout” folder. else go to default folder and follow the instructions which i have newly added into my post in the very beginning.

      Feel free to let me know if you have any queries or else you can also reach me through my personal id haijerome@gmail.com

      Reply
  • 12. James Potter  |  November 2, 2012 at 4:54 AM

    So do I get to the folders in Cpanel or on the admin of my magneto store

    Reply
  • 13. jonanddad  |  January 17, 2013 at 3:59 PM

    Thank you so much!!!

    Reply
  • 14. Leon Straathof  |  May 4, 2013 at 3:41 AM

    This does not seem to work ok anymore for the latest version. I i use this approach the picture is show twice in the right column. when commented out with the 2 pictures change to the picture not found default browser picture (eg a white X in a black box).

    Reply
  • 15. Leon Straathof  |  May 4, 2013 at 4:15 AM

    After RTFM i found that the above solution is wrong. For removing both left and right callout you should use the following XML code:

    <?xml version=”1.0″?>
    <layout version=”0.1.0″>
    <default>
    <reference name=”left”>
    <remove name=”left.permanent.callout”/>
    </reference>
    <reference name=”right”>
    <remove name=”right.permanent.callout”/>
    </reference>
    </default>
    </layout>

    Reason that my solution is ok and the original solution supplied here not is that the manual clearly states that our local.xml should undo what the template has already set. So the objects are already placed by the template so if you want them removed you should state remove.

    Reply
  • 16. ron  |  June 28, 2013 at 10:49 PM

    hi,
    I tried your method. The Back to School is gone, but two square images have now replaced it.
    What can i do?

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Most Searched Keywords

magento PHP

Categories

Recent Posts

Blog Stats

  • 78,080 hits

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: