Configure the PrestaShop Home Text Editor Module

by Curt Donohue on January 22, 2011


This tutorial will take you into the back office to learn about the Home Text Editor module and how can be modified.  We will look at the settings to modify the default image, title, subheading, and description.  You will also learn how to set up a link through your new image to send customers to the URL of your choice.  Finally, I will help you to position your text editor where you need it on your home page.

 

 

PrestaShop 1.4 Made Simple

Curt Donohue

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

Facebook Twitter LinkedIn 

If you enjoyed this article, get email updates (it's free).

{ 40 comments… read them below or add one }

Elizabeth April 8, 2013 at 10:37 pm

Finally an easy to understand Prestashop tutorial! Thanks so much!

Reply

didszzz December 8, 2012 at 10:40 am

Im having problem when I click on the image url buttton my screen is just white! im not getting anything showing up! It was fine yestreday but today Im getting nothing at all on the screen! Ive tried all browsers!

hope you can help me out :-)

Reply

Curt Donohue December 8, 2012 at 3:28 pm

Have you installed any modules or made any code changes that may be causing a conflict? Or, did is just stop working for no apparent reason?

I would suggest calling your web host. To see if they made any changes that may have affected your PrestaShop installation. If you have a good web host, they may be willing to try to help you a bit.

I’m guessing that something changed in order for it to work one day and then not the other. It’s just a matter of figuring out what that change was.

Reply

iphone cases December 4, 2012 at 6:26 pm

The text editor of prestashop is ok if they can improve the method of insert images into the content that could be better, because user only can insert images one by one which is a little bit out of date.

Reply

Alex April 19, 2012 at 1:41 am

Hi, I hope you can give me hand on this: I need to duplicate “Editorial mudule”.
I´m having 2 diferent types of content to show on home page and on the left column, once you are inside.
Thanks,
Alex

Reply

gus November 22, 2012 at 4:38 am

Hello Alex, Have you found a solution on duplicating the ‘home text editor’ ?

A need to two different content blocks on the home page.

Cheers,
Gus.

Reply

Alex March 26, 2013 at 1:08 pm

Hi Gus. It’s been a long time… Sorry.
I figured out how to duplicate the module. You can see it here: http://dev.vgcu.com.ar
The module is showing the 1-5 steps on the home page body and in the left column on the rest of the site.

Are you still interested?

Bye,
Alex

Reply

Fraser April 15, 2012 at 10:57 am

Hi
I have got round to adding images in the text editor (CMS rather than home feature) Whilst I was already doing what your video tutorial said for the issue was to get the image small enough I can load images of around 5Kb but the normal sizes permitted in PS would not load. (I am using PS 1.3.2)
I have not researched to find where the break point is..

Thanks for the video anyway it confirmed I was not doing anything stupid.

Reply

alvaro December 12, 2011 at 8:16 am

Hello people. I am really frustrated with the home text editor issue. Its seems it didn’t install it when updating to latest version last time.
I don’t know how to manage this and I am afraid to make an error. Thats why I need help. After reading all your comments, do you recommend to reinstall prestashop version?

i got a the red cross error in top home page and in product descriptions, What is this from? what can I do?
thanks you

Reply

Werner October 13, 2011 at 2:42 pm

I want to replace the Home Page Editor image with a FLASH Movie or an Animated GIF File. Can this be done?

I have placed a GIF in the module, but it does not rotate. Do I need to chnage coding somewhere?

Reply

Curt Donohue October 16, 2011 at 9:08 pm

HI Werner,

I not aware of a way to integrate a flash movie or animated GIF file into the default Home Page Editor.

I did a Google search for “add flash to the prestashop homepage editor” and found a reference to an Advanced Homepage Editor that supposedly supports flash. I tried to get to the link a few times and could not.

I”m not sure if PrestaShop is down or I’m having an issue on my end. I can’t seem to get to anything on PrestaShop tonight. You might try that search yourself and some variations of it to see what else comes up.

I’m aware of several very good sliders that you can find at the PrestaShop Addons store. I would give you the links, but I can’t get to that webpage either tonight.

Curt

Reply

Gago May 15, 2012 at 5:07 pm

@Werner, yes it can be done, you can use your own animated GIF or Flash in your Home Page Editor as your new image. just go to modules/editorial/ and backup first the editorial.php and then open editorial.php, now replace every text containing “homepage_logo.jpg” with “homepage_logo.gif”. now upload your homepage_logo.gif file to the same folder i.e. modules/editorial/homepage_logo.gif and dont forget to upload your altered editorial.php aswell back to the same folder i.e. modules/editorial/editorial.php. thats it, now reload your page and you have your animated gif in your start home page. tested with prestashop version 1.4.7.3. successfully. sorry for my bad english.

Reply

Curt Donohue May 16, 2012 at 11:05 pm

Thanks Gago!

Reply

REB December 3, 2012 at 4:14 am

@ Gago: Your English is pretty good and with your explanation I managed to replace all 10 instances of homepage_logo.jpg into homepage_logo.gif to get my GIF successfully displayed on the homepage of my Prestashop.

The funny thing is that my GIF now shows up, but without the animation (which makes the use of a GIF a bit pointless).

I’m hoping that someone has a tip to make the animation in my GIF visible.

Reply

china electronics wholesaler September 24, 2011 at 8:02 am

very helpful video thanks. Why don’t prestashop team offer a slideshow module for us? it is more useful for users

Reply

Curt Donohue September 24, 2011 at 8:23 am

It would certainly be nice. I’m not sure why they don’t offer that module as part of the core modules.

Curt

Reply

Minko June 22, 2011 at 3:00 pm

Hi,
Can you tell me please how to position the home editor above the 2 columns? so i can add full page width image above the columns?

Thanks

Reply

Curt Donohue June 22, 2011 at 5:34 pm

Minko,

I’m not sure that’s possible. Are you trying to get a banner of some type to span the width of your home page? Please tell me a bit more about what you are trying to accomplish.

Curt

Reply

fraser June 13, 2011 at 4:11 am

Hi Nice video tutorial-helped with someareas I didn’t know were there.
However the one issue I have is the tex editor in home page. the icons along the top of the text editor allow you to insert an image into the text.

I have yet to be able to get this to work all I get is the image frame but not the image. any thoughts?

Thanks

Reply

Curt Donohue June 13, 2011 at 10:02 am

Hi Fraser,

I tried to insert an image into the text of my text editor and succeeded. I suspect you issue may have something to do with the file type of your picture, but there could also be other issues I’m not aware of.

First, test a JPG formatted picture. That’s what I used and it worked fine. Sometimes PrestaShop won’t allow you to use .png or .bmp file types even though they say those are acceptable file types.

Second, let’s be sure you are choosing the correct icon to insert the image. The icon you should use says “Insert/Edit Image” when you mouse over it and get the tooltip and looks like a picture frame with a tree in it. Do not use the other icon that looks like a movie film strip and says “Insert/Edit Embedded Media” when you mouse over it and get the tooltip. That won’t work.

Lastly, after you have inserted your picture, click on the “HTML” icon and check to be sure your code looks similar to the following:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

<p><img title="PrestaTraining Logo" src="http://www.prestatraining.com/training/prestashop-1.4-tutorials/images/PrestaTraining-White-Background-399x136.jpg" alt="PrestaTraining Logo" width="399" height="136" /></p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>

Obviously, your code won’t use the same image path, but you need to be sure that when you add the image in the visual editor, that it is actually creating the HTML code for it.

Reply

Curt Donohue June 13, 2011 at 2:38 pm

Hi Fraser,

I had a little time today, so I decided to make a video that shows you what I did to get the image added to the Introductory Text section in the Home Text Editor. You can find the video here: Add an Image to the Home Text Editor.

Let me know what you think.

Curt

Reply

Vincent June 10, 2011 at 4:02 pm

hello,
I have the same problem as Mustafa:
(Configure Prestashop Home Text Editor

refer to the above, i found out that my backoffice menu, under modules, there is no home text editor menu and also other menus.

i am not sure what to do. i would appreciate if you advise me.

thank you.)

maybe something is wrong with the installation of the version 1.4.1.0

thank you

Reply

Huw May 27, 2011 at 5:50 am

!– Module Editorial –
div id=”editorial_block_center” class=”editorial_block”
img src=”http://www.areu-areu.com/prestashop/modules/editorial/homepage_logo.jpg” alt=”” width=”30″ height=”30″ /
/div>
!– /Module Editorial –

Reply

Curt Donohue May 27, 2011 at 2:45 pm

Huw,

I have to say I am baffled.

If the text shows up for the French language, is sure should show up for the English language. This of course assumes that you’ve re-read all the download instruction (or watched my videos on the subject) and that you have all your permissions set correctly.

However, the .fr and .en files are all in the same folder. That’s why you should be able to see them all if you can see one of them. That is, unless you changed the file permission of the actual file? You didn’t do that by accident, did you?

I suspect the issue is one of two things. First, your installation may be partially corrupted. Thus, you might just try to reinstall PrestaShop and see if that fixes your issue. Sometime things don’t download or install correctly.

Second, hosting can be an issue. Sometimes certain hosts just don’t work well with PrestaShop. Do you have any other hosting options to experiment with. Or, do you have the ability to set up a WAMP server on your computer?

Let me know if any of this helps.

Reply

Huw May 30, 2011 at 11:42 pm

Hi Curt,

I am baffled too. There is an update on Installatron today, I will do a fresh install, it could be the ISP’s set up. I will try another ISP too – putting it on XAMPP only proves it can run on a relatively un secure environment. Thanks for your responsiveness and I will update you.

Reply

Huw May 27, 2011 at 5:49 am

Little bit more digging the fr.php is evaluate has permissions 666 and the back Office has changed it although in the home page editor it shows nothing. I have tried editing the en.php through the Back Office but no change same file permissions 666

Page source looks like this

Reply

Huw May 27, 2011 at 5:29 am

More info the fr.php file does show the content saved to it

Reply

Huw May 26, 2011 at 9:37 am

Watched the video – well paced and clear. I have only just started looking into Prestashop and impressed by how complete it is. Trying to use the Home page editor it shows images but will not show any text. Editorial is 777 something else I am missing or is it an undocumented engineering feature?

Reply

Curt Donohue May 26, 2011 at 1:16 pm

Hello Huw,

Can you tell me what version of Prestashop you are using?

Who is your web host?

It’s strange that you can see the picture, but no text. Are you sure there is text to see? I doubt it is a permission issue because if it was, you wouldn’t be able to see the picture either.

Reply

Huw May 27, 2011 at 5:26 am

My thoughts exactly probably not a permission thing as the image works and no the text is not hidden.

Prestashop 1.4.1, I am using Installatron on a small ISP in the UK, it is on a shared IP and I am using a faux domain name editing my hosts file.

The images saves in the Home text editor and on the home page but the text never shows on the page and does not save in the Home text editor – ……. permissions – bit stuck

Reply

Curt Donohue May 25, 2011 at 8:31 pm

Hi Gilberto,

I think I need a bit more information. A sketch or example website would be helpful.

If you want a big picture in the center, just replace the image as shown in the tutorial.

I’m thinking that you could add the four buttons you want to add in the right column by removing all the modules you don’t want there and then installing an AddStuff module from E-cart Services. Install the code for the buttons inside the AddStuff module just like I installed the YouTube video and Aweber autoresponder in the following videos:

1. http://www.prestatraining.com/addstuff-module-add-an-eautoresponder-to-your-prestashop-store/
2. http://www.prestatraining.com/add-youtube-video-to-your-prestashop-store-using-the-addstuff-module/

Regarding a menu at the bottom, I haven’t done any research on this yet, but I wonder if there isn’t a module somewhere for that?

Good luck and let me know how it all goes.

Reply

gilberto May 25, 2011 at 7:53 pm

Hi Curt
Great tutorial! I was getting frustrated i was not able to find much help around. Glad i found you!
I have a question regarding the home page design. I need to do something similar u did here, which is include a big image in the center of the page, and 4 other(thumbs, as individual buttons) on the right hand side, where shopping cart is.
A part from the images, i only need a menu in the bottom of the page.
Can i just create a new page with all my pictures/menu and keep this default home page hidden somewhere, so i would have MY home page instead of prestashop one ? Would that be easier than using disable for all modules in the home page ?
Thanks lot
Gilberto

Reply

Mustafa May 20, 2011 at 11:47 am

Configure Prestashop Home Text Editor

refer to the above, i found out that my backoffice menu, under modules, there is no home text editor menu and also other menus.

i am not sure what to do. i would appreciate if you advise me.

thank you.

Reply

Curt Donohue May 23, 2011 at 2:09 pm

Hi Mustafa,

I not sure I understand your question. Are you saying you don’t see any modules at all in the Module Tab? Or, are you saying you just can’t find the Home Text Editor Module?

I can see that module in my installation of version 1.4.1.0, so I’m assuming you just aren’t having any luck finding it in the Modules tab. Click here to see a screen capture of where to find the Home Text Editor Module in PrestaShop 1.4.1.0.

Let me know if that doesn’t solve your issue.

Reply

Curt Donohue April 30, 2011 at 9:28 am

Jim,

Unless you are having issues with your install of 1.4.1, I’m assuming you are just not familiar with the different look of the modules tab in 1.4.1 versus 1.3.6. The video above was created using version 1.3.6.

The Home Text Editor works pretty much the same between versions 1.3.6 and 1.4.1, but finding things in the Module tab of 1.4.1 can be more difficult because PrestaShop has so many more module in there now.

I would suggest you use the search bar on the right side of the page just above the module section. That search bar is directly to the right of the two options: “Add a module from my computer” and “Add a module from PrestaShop Addons.” Most likely, your modules are collapsed and you can un-collapse them if you like. I find using the search bar much faster if you don’t know your way around.

Search for term “Home text editor” and that will bring up the module you are looking for. Then, just like the video shows, configure the module to make it do what you want it to. Does that answer your question?

Reply

Jim April 28, 2011 at 10:15 pm

I have downloaded and installed the software twice and still do not see the Home Text Editor, nor any other module as shown above. If I click on the tab “positions” I see all, but there is no configuration possible, just an edit icon that simply removes the module.

I’m frustrated. Can you please help. I’ve downloaded version 1.4.1.0.

Reply

rcsa April 17, 2011 at 10:34 pm

Thank you for the tutorial but what I wanted to know is what if I don’t want a picture in the text editor? How do I do that? Is there any option to enable/disable the picture?

Reply

Curt Donohue April 17, 2011 at 11:21 pm

rcsa,

If you want to delete the picture in the Home Text Editor, it will depend on your version of PrestaShop.

If you are using a version like the tutorial was made on, which was 1.3.6 (pre-version 1.4), you will have to go to into your PrestaShop directory and find the following location: /modules/editorial/. When you get there, you will find a copy of a file called “homepage_logo.jpg.” Delete that file. Now, you need to clear your cookes and cache in your browser and then refresh your browser.

If you don’t clear your cookies and cache, you will most likely still see the picture. You may also need to delete the “Homepage Logo Subheading,” which is located at the bottom of your configuration page for the Home Text Editor.

It is much easier to remove the picture using version 1.4. Just go to the Home Text Editor Module and there is a “Delete” button at the bottom of the homepage image. After you delete the image, check to see if you need to delete the subheading as described in the previous paragraph. Finally, be sure you clear your cookies and cache and then refresh your browser..

Reply

Chris April 4, 2011 at 6:06 pm

Thanks appreciate the clear and simple explanation

Reply

Curt Donohue April 4, 2011 at 6:16 pm

You’re very welcome Chris.

Reply

Leave a Comment

Notify me of followup comments via e-mail. You can also subscribe without commenting.

Previous post:

Next post: