Add an Image to the Home Text Editor

by Curt Donohue on June 13, 2011

This tutorial will teach you how to add an image or other media to the Introductory Text section of the Home Text Editor in your PrestaShop store.

This is different than adding, modifying, or deleting the “Home Page Logo.”  In the Front Office, the Home Page Logo is located above the Introductory Text and not what we are talking about.

Learning how to add pictures or media to your Home Text Editor's text area will benefit you by creating more opportunities for design flexibility without having to code anything.  I'm a big believer in not using code to make changes if you don't have to.

Another video that may interest you, and should be required watching before watching this video, is Configure the PrestaShop Home Text Editor Module.

Enjoy the video…

Curt Donohue

Curt Donohue is a PrestaShop enthusiast and the creator of as well as PrestaShop 1.4 Tutorials.

Facebook Twitter LinkedIn 

Chris June 10, 2012 at 6:28 am

Hi Curt,

Just came across your site this morning and was blown away the quality of your videos. Very well done. Thank you for sharing your knowledge in such an easy way. I spent 3 hours playing with Prestashop yesterday and got frustrated that I couldn’t figure some things out. After spending 5 minutes watching a couple of videos, I now can do what I tried so hard to do yesterday. Thanks again, you have a new Raving Fan.

Curt Donohue June 10, 2012 at 6:59 am

Wow. Thanks for those kind words Chris. You made my day:)

Paul June 6, 2012 at 6:14 am

Hi Curt
Just found your site and love your videos, nice and clear.
I was looking for a way of moving the main (prestashop) logo to the centre of the header section? Is this posible? I will change this for my own logo of course.
I have version 1.5 (the latest) I’m a noob so be gentle with me : )
Best Regards Paul

Curt Donohue June 10, 2012 at 7:02 am


I haven’t actually done this on my own sites yet, but it should be pretty easy. I believe it’s just a matter of adjusting the CSS and possibly manipulating the positions of your “Top of Page modules.” I’ll try to get together a video in the next week or so that covers this.

Curt Donohue July 2, 2012 at 7:22 am

Hi Paul,

I’ve completed a video tutorial on how to center a logo on the home page of your PrestaShop store. Click here to learn how to center a logo on the home page of your PrestaShop store.

Robin Smit April 25, 2012 at 12:11 pm

Hi Curt,

After upgrading to 1.4.7 i found out that the home text editor module is missing. I cant find it in the modules tab. Can you help me because i need to edit my home text and picture 🙁

Curt Donohue April 26, 2012 at 9:49 pm

Are you sure its actually missing? Have you tried using the search box on the modules page to search for the module? If it’s not there, you may have to copy that module from your download to the correct location on the server.

Tony September 21, 2011 at 12:41 pm

Hey Curt the link above the video is broken.
and thank you for all the info here in your site 🙂

Curt Donohue September 23, 2011 at 9:05 pm


Thanks for pointing that out. I fixed the link and it does work now. I appreciate you taking the time to tell me that.


Steve Masters July 6, 2011 at 12:31 pm

Thanks for the clear video. I have a problem though because the image edit window in my version of Prestashop doesn’t have a button to click to initiate an upload. It only offers a URL field. Can you explain how to combat this?

Curt Donohue July 6, 2011 at 1:11 pm


First, what version of PrestaShop are you using. I would like to take a look at a test store using your version.

Second, if you go to the HTML editor you can create code that will allow to to insert an image without any fancy Visual Editor help.

To insert an image using the HTML editor, you will first need to load the image(s) you are going to insert somewhere on your web host and make note of the URL for those images.

Next, use the following code template:

<p><img title="Your Title Here" src="http://www.yourwebsite/yourpicture.jpg" alt="your alternate text" width="width of your image" height="height of your image" /><p>

Be sure you replace all the sample descriptions inside of the quotes to make the code work.

Also, please review the video again from 4:45 through 5::03. You will see some helpful HTML that will look similar to the example I’ve just given.

Previous post:

Next post: