MSS77 Posted May 10, 2013 Share Posted May 10, 2013 I have a external html code (gallery of images from a client who doesn't want to change it) and I need to display this html in the center column or displayHome in my shop when I click the specific button in the top menu tha I created. In my version, I can show the html code, but only in complete screen I'm getting stuck... and lost... Please any help??? my prestashop 1.5.3.1 thanks! Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 maybe use some external module for inserting html code? like this: free html block / or this: http://contentbox.org/ you can easily insert own code with this addons Link to comment Share on other sites More sharing options...
MSS77 Posted May 10, 2013 Author Share Posted May 10, 2013 vekia I'll try. Which one is more powerfull? because my html code is complex thanks Link to comment Share on other sites More sharing options...
MSS77 Posted May 10, 2013 Author Share Posted May 10, 2013 With htmlbox, ok but I need display it in the home only when I click a button in the top menu, but now appears in the home web. How I can do this ? Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 hmm i don't understand what you exactly expect. You've got homepage, where you want to display gallery. So, for this place is "home" hook. This is the only way to attach module to the homepage. maybe you want something else? Can you explain it? regards Link to comment Share on other sites More sharing options...
MSS77 Posted May 10, 2013 Author Share Posted May 10, 2013 Sorry, maybe I didn't explain myself well. In my top menu, I have a button called "Images", when I click this button I need his content (html with dinamic images) to be displayed in the center column, I don't know... is called DisplayContent...?? For example, when you click in a category in your left column, a list of your items are displayed in the center column. I would like the same for my button. But, I'm not allowed to modify anything of my html, so I would like to load into the center column directly. thanks!! Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 so for this you need separate page or a new module which will create new page. There is no other method to create what you expect Link to comment Share on other sites More sharing options...
MSS77 Posted May 10, 2013 Author Share Posted May 10, 2013 separate page? what does mean? I know about css, html5, java and only few notions of php and javascript But I don't know how to create a module, which files I need, and moreover, what code I need to load this html in the center column. I looked some tutorials, but they are very complex, I would need a simply module and then I can do it more complex if I need Any suggestion ?? I'll appreciate any help Link to comment Share on other sites More sharing options...
sshare Posted May 10, 2013 Share Posted May 10, 2013 I did this about 5 minutes ago (at least I think this is what you would like). 1. Add the CSS used by your HTML (if any) to the global.css file of your theme and upload it. 2. Create a new CMS page with the name you would like (in your case "images"). 3. When editing the page, switch over to HTML mode instead of the "text editor". 4. Paste your HTML code in and click update. 5. Save the page and test it out (it should work). For images, either use definite paths or use the prestashop root img folder, for example if your shop is in the root of your domain/hosting use "/img/+" where + is whatever you have used as sub folder or file name. Hope that makes sense. 1 Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 I did this about 5 minutes ago (at least I think this is what you would like). 1. Add the CSS used by your HTML (if any) to the global.css file of your theme and upload it. 2. Create a new CMS page with the name you would like (in your case "images"). 3. When editing the page, switch over to HTML mode instead of the "text editor". 4. Paste your HTML code in and click update. 5. Save the page and test it out (it should work). For images, either use definite paths or use the prestashop root img folder, for example if your shop is in the root of your domain/hosting use "/img/+" where + is whatever you have used as sub folder or file name. Hope that makes sense. you've got right this is the easiest way to do that in this case regards Link to comment Share on other sites More sharing options...
sshare Posted May 10, 2013 Share Posted May 10, 2013 Thanks Vekia, I had to think about it for a bit and then came to that conclusion, tried it and it works plus gives you total freedom over the html/css used. Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 Yes, i totaly agree. But sometimes (if you use own complicated html code) the tinymce editor crops unaccepted html tags Link to comment Share on other sites More sharing options...
Recommended Posts