Popular Post jhnstcks 341 Posted May 24, 2011 Posted May 24, 2011 (edited) I have updated this module so that you dont need to alter any core modules and have also added CCC compatibility for prestashop v1.4.There is now a css file that contains all the formatting for the module.Images are currently set to display at 100px x 100px, but that is easily changeable by altering the css at lines 3,4 + 6.Also if any wants to provide translations, send them to me or post them here and i will update the module.Module updated v1.2 - Uploadable through the modules import on back-office. Category titles added. Css included in the module folder and NOT in themes/css/module/homecategories folder. Positioning improved (thanks to @itsallgood )Module updated v.1.3 - Compatible with Prestashop v1.5.*Note: You will need to uninstall the old module first and then upload the new module and reinstall it to update the module on your server.homecategories for v1.4.ziphomecategories for v1.5.zip Added by mdekker - DO NOT REMOVE There is one issue with this module: - Not compatible with PrestaShop 1.6 Correction: I made a version for PS1.6 myself, haha! It can be found in this post: https://www.prestashop.com/forums/topic/121735-free-module-homepage-categories-module/?p=2240501 This warning can be removed if the OP is updated Edited March 15, 2016 by mdekker I was wrong :/ (see edit history) 115 Share this post Link to post Share on other sites
dambie 10 Posted May 27, 2011 Posted May 27, 2011 You can add a display of subcategories?And if\else the default image if the category has no image Share this post Link to post Share on other sites
jhnstcks 341 Posted May 27, 2011 Posted May 27, 2011 If the category has no image, then add one? I'm not sure why you would want this module if your categories don't have images set.I'm not too sure about adding sub-categories as that would need some javascript or ajax coding. 1 Share this post Link to post Share on other sites
dambie 10 Posted May 27, 2011 Posted May 27, 2011 But what ajax? maybe a simple list: category subcategory Share this post Link to post Share on other sites
ckrina 0 Posted June 5, 2011 Posted June 5, 2011 Hello, first of all, thanks for the module and all the work you've done.I installed this last version correctly and I would like to display category description too.I founded a version of this module that uses "{$category.description}" to call this info, but it doesn't work here.Do you know if I should call anything else in the .php file? <!-- MODULE Home categories --> {if isset($categoryHome) AND $categoryHome} {assign var='count' value=0} {foreach from=$categoryHome item=category name=homeCategories} {assign var='count' value=$count+1} {assign var='categoryLink' value=$link->getcategoryLink($category.id_category, $category.link_rewrite)|escape:'htmlall':'UTF-8'} getCatImageLink($category.link_rewrite, $category.id_image,'category-on-home')}" alt="{$category.name|escape:'htmlall':'UTF-8'}" /> {$category.name} {$category.description} {/foreach} {else} {l s='No categories' mod='homecategories'} {/if} <!-- END MODULE Home categories --> Thank you so much! Share this post Link to post Share on other sites
genotip 1 Posted June 11, 2011 Posted June 11, 2011 Thank's for good module!Should it show only pictures?I took your may's version, everything is OK, but there are no names of categories, only pictures. 1 Share this post Link to post Share on other sites
jhnstcks 341 Posted July 2, 2011 Posted July 2, 2011 To add the category name to your homepage add {$category.name|truncate:35} into the tpl file. Change truncate:35 to whatever length yu need. 1 Share this post Link to post Share on other sites
cronotempo 5 Posted August 19, 2011 Posted August 19, 2011 Lo he instalado sin ningún problema en prestashop v1.4. En /viajes/modules/homecategories. Pero al intentar modificar el .css, no veo ningún cambio, no sé que estoy haciendo mal. En las imágenes que adjunto os enseño como me aparece en el home, y en la siguiente imagen lo que intento integrar modificando el estilo. Alguien me puede ayudar? ------------------------------------------------------- I've installed without any problem prestashop v1.4. In / travel / modules / homecategories. But in trying to modify. Css, I see no change, I know I'm doing wrong. The pictures attached you how I get on the home and in the next picture I'm trying to integrate changing the style. Someone can help me? Share this post Link to post Share on other sites
ScubaLessonsInc 28 Posted August 19, 2011 Posted August 19, 2011 There is not a module that will do those buttons currently, however I cheated by just using HTML, Photoshop and the WContentMaker module I found on here to do this: see: www.dieselsurplusstore.com main page. See attached image and the module I used. Just transplant the module to the homepage content and move in the positions tab under modules. The html is just the images side by side created equally in photoshop and saved as .png's Each image just links to the catgory URL.. just click on the categories bar and copy the URL from that categories page to get each URL. Simple and gives you that control your looking for. I would keep the images very small or use a .png image compressor to keep the page loading time fast. Good luck. wcontentmaker.zip 3 Share this post Link to post Share on other sites
jhnstcks 341 Posted August 26, 2011 Posted August 26, 2011 There is not a module that will do those buttons currently, however I cheated by just using HTML, Photoshop and the WContentMaker module I found on here to do this: see: www.dieselsurplusstore.com main page. See attached image and the module I used. Just transplant the module to the homepage content and move in the positions tab under modules. The html is just the images side by side created equally in photoshop and saved as .png's Each image just links to the catgory URL.. just click on the categories bar and copy the URL from that categories page to get each URL. Simple and gives you that control your looking for. I would keep the images very small or use a .png image compressor to keep the page loading time fast. Good luck. Actually with some css coding it would probably be possible to do that layout. 3 Share this post Link to post Share on other sites
itsallgood 2 Posted September 7, 2011 Posted September 7, 2011 Got to say i love this module I did find one little problem though -- because the height is set in the CSS, and the pictures make it taller than that set height, any modules below the "home categories" box end up behind the box To fix this, i made the following changes: In the CSS file (homecategories.css), i change this: div.home_categories{height:220px} to this (added 1 new line): div.home_categories{margin-bottom: 5px} div.home_categories .cr{clear: both;border: 0px none} And in the template file (homecategories.tpl) Changed this... {/if} </div> <br /><br /><br /> <!-- /MODULE Home categories --> To this... {/if} <div class="cr"></div> </div> <!-- /MODULE Home categories --> This means no matter how big the pictures are, the box will just resize, and any modules below will just be pushed down. 2 Share this post Link to post Share on other sites
thaiguy03 0 Posted September 13, 2011 Posted September 13, 2011 Just wanted to say thanks to jhnstcks for a great module. This should be included in all default installs as I'm sure others would find this module helpful. Or maybe include it in the modules list for download. Took some time and searching to find this thread, but now I have it, well worth the time. Keep up the great work guys. Share this post Link to post Share on other sites
mastabrail 0 Posted September 14, 2011 Posted September 14, 2011 Hello, first of all, thanks for the module and all the work you've done. I installed this last version correctly and I would like to display category description too. I founded a version of this module that uses "{$category.description}" to call this info, but it doesn't work here. Do you know if I should call anything else in the .php file? <!-- MODULE Home categories --> {if isset($categoryHome) AND $categoryHome} {assign var='count' value=0} {foreach from=$categoryHome item=category name=homeCategories} {assign var='count' value=$count+1} {assign var='categoryLink' value=$link->getcategoryLink($category.id_category, $category.link_rewrite)|escape:'htmlall':'UTF-8'} [url="{$categoryLink}"] <img />getCatImageLink($category.link_rewrite, $category.id_image,'category-on-home')}" alt="{$category.name|escape:'htmlall':'UTF-8'}" /> [/url] [b] [url="{$categoryLink}"]{$category.name}[/url][/b] {$category.description} {/foreach} {else} {l s='No categories' mod='homecategories'} {/if} <!-- END MODULE Home categories --> Thank you so much! Hi, I'm not a programmer but I have modified the file "homecategories.php" to make it display the description of the categories. You must add in the file "homecategories.tpl" this: {$category.description} I hope that it works for you and invite developers to correct any problems in the code. Sorry for my english Greetings, Mastabrail homecategories.php Share this post Link to post Share on other sites
mandrin 15 Posted September 19, 2011 Posted September 19, 2011 HI there, I know it's a long shot , but will this module work with PS 1.2.5? Share this post Link to post Share on other sites
jhnstcks 341 Posted September 19, 2011 Posted September 19, 2011 Probably not but this one does http://www.prestashop.com/forums/topic/2079-frontpage-categories-module-for-v13-and-below/page__fromsearch__1 Share this post Link to post Share on other sites
xSpikeRx 1 Posted September 25, 2011 Posted September 25, 2011 good module for presta 1.4.4.1 i installed it without problem screenshot: http://prntscr.com/36xov I read one article that search engines love to index more sites at which the main page often changes. Tell me how i can do thatevery time categories were displays randomly? Share this post Link to post Share on other sites
bkat52 0 Posted September 30, 2011 Posted September 30, 2011 To add the category name to your homepage add [b] [url="{$categoryLink}"]{$category.name|truncate:35}[/url][/b] into the tpl file. Change truncate:35 to whatever length yu need. John - where at in the code do you put this? I tried it at the very end but i still cant see the category names. Is there somewhere specific in the tpl file this needs to go? Share this post Link to post Share on other sites
jhnstcks 341 Posted October 4, 2011 Posted October 4, 2011 John - where at in the code do you put this? I tried it at the very end but i still cant see the category names. Is there somewhere specific in the tpl file this needs to go? This is a copy of my .tpl file <!-- MODULE Home categories --> <div class="home_categories"> <h2>{l s='Shop by Brand' mod='homecategories'}</h2> {if isset($categories) AND $categories} <ul> {foreach from=$categories item=category name=homeCategories} {assign var='categoryLink' value=$link->getcategoryLink($category.id_category, $category.link_rewrite)} <li class="ajax_block_category {if $smarty.foreach.homeCategories.first}first_item{elseif $smarty.foreach.homeCategories.last}last_item{else}item{/if}"> <div><a href="{$categoryLink}" title="{$category.legend}" class="category_image"><img src="{$img_cat_dir}{$category.id_category}-catsmall.jpg" alt="{$category.name}" title="{$category.name}" id="categoryImage"></a></div> {$category.name} </li> {/foreach} </ul> {else} <p>{l s='No categories' mod='homecategories'}</p> {/if} <div class="cr"></div> </div> <!-- /MODULE Home categories --> Share this post Link to post Share on other sites
zamarley 0 Posted October 24, 2011 Posted October 24, 2011 Hello, I am new to the forum, thank you for this module, it saves me a lot of time, i installed it and works like a charm in 1.4 version, but i have one question, is it possible to get the lower price inside one category? ex : in category ipod i would have the lowest price from it and display in frontpage category as : start at 25$ for example. Thank you Share this post Link to post Share on other sites
zamarley 0 Posted October 24, 2011 Posted October 24, 2011 I think it requires to get the lowest price of product inside ipod category but i don't know how to extract it from the database, any one have an idea? Share this post Link to post Share on other sites
zamarley 0 Posted October 24, 2011 Posted October 24, 2011 nobody? Share this post Link to post Share on other sites
pepillo 0 Posted October 24, 2011 Posted October 24, 2011 Hi, i'm trying the module and i can´t display more than one column on the home page. I´m not programmer and i am new user of prestashop, so, sorry for so simple questions. Thanks. Share this post Link to post Share on other sites
zamarley 0 Posted October 24, 2011 Posted October 24, 2011 Hi, i'm trying the module and i can´t display more than one column on the home page. I´m not programmer and i am new user of prestashop, so, sorry for so simple questions. Thanks. You use what version of prestashop? Share this post Link to post Share on other sites
jhnstcks 341 Posted October 24, 2011 Posted October 24, 2011 nobody? Your first post was at 4.07pm and then you post again at 5.19pm again, some people do have lives on this forum. 4 Share this post Link to post Share on other sites
jhnstcks 341 Posted October 24, 2011 Posted October 24, 2011 I think it would take a complex script to search the database of products for that category and extract the lowest price and display it in this module Share this post Link to post Share on other sites
zamarley 0 Posted October 24, 2011 Posted October 24, 2011 I think it would take a complex script to search the database of products for that category and extract the lowest price and display it in this module this script include already a query to get category, isn't there any query to get all product price from this category and filter the lowest price? Share this post Link to post Share on other sites
pepillo 0 Posted October 25, 2011 Posted October 25, 2011 You use what version of prestashop? 1.4.5.1 Thanks. Share this post Link to post Share on other sites
zamarley 0 Posted October 25, 2011 Posted October 25, 2011 It works like a charm, the only thing missing with it is the lower price, during install it creates automaticaly homecategories css forder inside themes/css/modules folder, just follow the readme files inside the module installation. Share this post Link to post Share on other sites
pepillo 0 Posted October 25, 2011 Posted October 25, 2011 I'm running it on 1.4.5 and haven't got any problems. http://www.snowboarding-goggles.co.uk/ Can you provide a link to your site? Have you installed the files in the correct places. If the css file isn't in themes/css/modules/homecategories/ folder then it won't have any stylesheet to read from and will revert to default layout, which would be to list the categories down the page. I don't know where was the problem. I installed again and it works perfect. Thanks anyway. Share this post Link to post Share on other sites
zamarley 0 Posted October 25, 2011 Posted October 25, 2011 I'm running it on 1.4.5 and haven't got any problems. http://www.snowboarding-goggles.co.uk/ Can you provide a link to your site? Have you installed the files in the correct places. If the css file isn't in themes/css/modules/homecategories/ folder then it won't have any stylesheet to read from and will revert to default layout, which would be to list the categories down the page. How did you include the subcategories? i think i will use subcategories rather than "lower price" function that i don't find any solution. Thank you Share this post Link to post Share on other sites
jhnstcks 341 Posted October 25, 2011 Posted October 25, 2011 I don't use any sub-categories, only the parent categories, so i am unsure what you are refering to. Share this post Link to post Share on other sites
zamarley 0 Posted October 25, 2011 Posted October 25, 2011 Ah, you're in right, otherwise you know how to include subcategories title in a category?, i want to list subcategories inside <li>subcat title</li> Thank you Share this post Link to post Share on other sites
zamarley 0 Posted October 25, 2011 Posted October 25, 2011 Hi, I'm not a programmer but I have modified the file "homecategories.php" to make it display the description of the categories. You must add in the file "homecategories.tpl" this: {$category.description} I hope that it works for you and invite developers to correct any problems in the code. Sorry for my english Greetings, Mastabrail Thank you, it works for me, but you know how to get subcat list? Share this post Link to post Share on other sites
zamarley 0 Posted October 25, 2011 Posted October 25, 2011 I tried {$subcategory.name|escape:'htmlall':'UTF-8'} but it doesn't work Share this post Link to post Share on other sites
thirdangle 0 Posted December 23, 2011 Posted December 23, 2011 Hi, I installed this mod on latest presta shop version but CSS is not loading at all. Categories are displaying on front page but can't style it. Can someone please help me out with this. Thank you. Share this post Link to post Share on other sites
jarrii 1 Posted January 9, 2012 Posted January 9, 2012 Ah, you're in right, otherwise you know how to include subcategories title in a category?, i want to list subcategories inside <li>subcat title</li> Thank you Hello, did you solve this problem? Thx Share this post Link to post Share on other sites
cockpitinferno 25 Posted February 27, 2012 Posted February 27, 2012 i just installed it and i doesnt work. images are not the good one and catégories are displayed with non sense. i'm on 1.4.7. also is it possible to choose wich catégories you want to be displayed. i would like to show only sales, and opportunities. thank you. Share this post Link to post Share on other sites
Paul1568 0 Posted March 10, 2012 Posted March 10, 2012 I installed the module but on the homepage the module appears in the left hand column rather than across the entire page. In the back office positions it is under Homepage Content. What do i need to do to fix it so that the category images display across the entire page width? Many thanks Share this post Link to post Share on other sites
Paul1568 0 Posted March 11, 2012 Posted March 11, 2012 I tried deleting the Featured Products on Homepage module position from the Homepage Content and that fixed the problem. Transplanted the Featured Products on Homepage module back on to the Homepage Content and that fixed the problem. Is that the best or only way to have fixed the problem? Share this post Link to post Share on other sites
Paul1568 0 Posted March 11, 2012 Posted March 11, 2012 I've managed to change the image size and add the category title for each image, as per your instructions. How/where can I change the text (font, size colour etc). Thank you for a great module Share this post Link to post Share on other sites
Kerm 298 Posted March 20, 2012 Posted March 20, 2012 Dont work on 1.4.7.0 for me Share this post Link to post Share on other sites
Paul1568 0 Posted March 20, 2012 Posted March 20, 2012 I've come across 2 problems when updating certain modules (in particular this one. One is due to the preference/performance section in prestashop: Force compile needs to be Yes, Cache needs to be No. The other problem is with the individual browser: where you have to delete its cache in order to see the updates. With the second problem you could also test it by opening it in a different browser to where you normally open it. So If you open it for the first time in Opera then it wont have a cache for your website. Hope that helps Share this post Link to post Share on other sites
Paul1568 0 Posted March 21, 2012 Posted March 21, 2012 Can someone please tell me how do I get the category boxes to start and finish inline with the other modules and margins? At the moment the left box is slightly indented from the left hand margin and the right hand box stops just short of the right hand margin. Any help would be much appreciated Thank you Share this post Link to post Share on other sites
rocabola 0 Posted April 12, 2012 Posted April 12, 2012 I see i'm not the only one who can't make it works in 1.4.7... any idea? Share this post Link to post Share on other sites
jhnstcks 341 Posted April 16, 2012 Posted April 16, 2012 (edited) I see i'm not the only one who can't make it works in 1.4.7... any idea? What exactly is happening? I just uploaded onto my test site which is running 1.4.7.3 and don't see any problems Edited April 16, 2012 by jhnstcks (see edit history) Share this post Link to post Share on other sites
Demonthorn 0 Posted April 21, 2012 Posted April 21, 2012 can't download? Permission problem Share this post Link to post Share on other sites
gnappoman 1 Posted May 3, 2012 Posted May 3, 2012 which is the latest version of this module (with the corrections proposed in past posts)? Share this post Link to post Share on other sites
jhnstcks 341 Posted May 8, 2012 Posted May 8, 2012 Module updated v1.2 - Uploadable through the modules import on back-office. Category titles added. Css included in the module folder and NOT in themes/css/module/homecategories folder. Positioning improved. Note: You will need to uninstall the old module first and then upload the new module and reinstall it to update the module on your server. 2 Share this post Link to post Share on other sites
JackTheRipper 3 Posted May 18, 2012 Posted May 18, 2012 v 1.4.7.3 works perfect ! Thanks! Share this post Link to post Share on other sites
jujutte24 20 Posted June 3, 2012 Posted June 3, 2012 Hi, very very very good free module ! I'd like to thank you so much ! However, I have two little problems. First : The pictures are one of the categories below the other ...(see attachment photo) I think of a conflict of CSS. Do you have an idea ? Second: Also i would like to have an Other picture than the "medium" or "small" category's picture...A spécial one, on a folder on the site root. Do you have an idea of the good code to apply ? (i think it's line 17 on tpl page) Thank you for this help Share this post Link to post Share on other sites
jhnstcks 341 Posted June 3, 2012 Posted June 3, 2012 Did you clear your browser cache and turn on force compile and turn off cache in back-office>preferences>performance? You can change the size of the images to other preset Prestashop sizes, just changes line 9 of homecategories.tpl <img src="{$img_cat_dir}{$category.id_category}-medium.jpg" change medium to whatever size you want. Share this post Link to post Share on other sites
jujutte24 20 Posted June 3, 2012 Posted June 3, 2012 Yes, i've try to clear cache ... it don't work. Also, i've a theme on my prestashop, may be there is a conflict ? For the size, do you think than i could change "medium.jpg" by "http://www.mysite.com/img/mypicture.jpg" ? Share this post Link to post Share on other sites
jhnstcks 341 Posted June 3, 2012 Posted June 3, 2012 Can you post a link to your site please, so I can see the issue live. That won't work for the category images. Doing it like that would display the same image for every category. Share this post Link to post Share on other sites
jujutte24 20 Posted June 4, 2012 Posted June 4, 2012 Little UP. Thank you Share this post Link to post Share on other sites
jhnstcks 341 Posted June 4, 2012 Posted June 4, 2012 Little UP. Thank you Doesn't matter how big the "up" is till you answer the question I can't do anything Share this post Link to post Share on other sites
jujutte24 20 Posted June 4, 2012 Posted June 4, 2012 Sorry the link : http://dynaparts.fr/accueil-dynaparts Thank you Share this post Link to post Share on other sites
jhnstcks 341 Posted June 4, 2012 Posted June 4, 2012 Did you upload the module manually or use the module importer, as there is no css defined. Extract the css file from the zip file and upload it into the module folder on your server. Share this post Link to post Share on other sites
jujutte24 20 Posted June 5, 2012 Posted June 5, 2012 Yes, i've try the two way I've empty the cache, refresh the page...forces compilation...etc... Share this post Link to post Share on other sites
jujutte24 20 Posted June 5, 2012 Posted June 5, 2012 (edited) Ok, i've just try something. I've copy and included the homegategories css code on the thème global css page. And it works !!! But now there is a problem with tne number of categories....when i choose 4, for example, all the categories are always on the home page.... Pfffff.... Edited June 5, 2012 by jujutte24 (see edit history) Share this post Link to post Share on other sites
benji41 0 Posted June 10, 2012 Posted June 10, 2012 (edited) Hello This module works with Prestashop 1.5.0.13 RC ? Thanks a lot Edited June 10, 2012 by benji41 (see edit history) Share this post Link to post Share on other sites
jhnstcks 341 Posted June 10, 2012 Posted June 10, 2012 Hello This module works with Prestashop 1.5.0.13 RC ? Thanks a lot I'm not sure i haven't tested it yet on v1.5 Share this post Link to post Share on other sites
medzi01 1 Posted June 19, 2012 Posted June 19, 2012 this is a great module..brilliant.. could you please let me know how to amend the code that we could change the number of categories displayed on the home page? currently it is set for 8 as default but I'm aunble to change it to 4 your help is much appreciated thanks Share this post Link to post Share on other sites
medzi01 1 Posted June 20, 2012 Posted June 20, 2012 Ok, i've just try something. I've copy and included the homegategories css code on the thème global css page. And it works !!! But now there is a problem with tne number of categories....when i choose 4, for example, all the categories are always on the home page.... Pfffff.... hi, did you manage to display only 4 categories? this does not work me either thx 1 Share this post Link to post Share on other sites
9ashes 2 Posted July 14, 2012 Posted July 14, 2012 Hey there, this is a great module, exactly what I was looking for but I've run into problems similar to jujutte24 - the images seem to have some sort of padding top and bottom that's squished the image. I need them to be 145 x 100px and I've created an image called "catagories" in the preference in the back end. Then i changed the tpl file (like quoted above) changing 'medium' to 'catagories' (see below) <a href="{$categoryLink}" title="{$category.legend}" class="category_image"><img src="{$img_cat_dir}{$category.id_category}-categories.jpg" alt="{$category.name}" title="{$category.name}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}"></a> The images are just not working at all now! Please help, i've been working on just this for too long now haha! Please see shop here: http://www.cherryparade.com/shop/ Thanks in advance!!!! Share this post Link to post Share on other sites
clayton29657 63 Posted July 14, 2012 Posted July 14, 2012 (edited) Hello jhnstcks, I love this module but I am wondering can this module be modified to place on a category page and display the top sub-categories for this. I own a pet store so lets say it's a dog category then on this page I only want to show the top sub-categories ( dog food) and sub-categories under it with category logo then (dog beds) and top sub-categories and so on with the links Please let me know if this can be modified to work on a category page and not just the home page? If you need a screen shot of what I am trying to accomplish I can provide one for you as well. Thanks Clayton Edited July 14, 2012 by clayton29657 (see edit history) Share this post Link to post Share on other sites
jhnstcks 341 Posted July 14, 2012 Posted July 14, 2012 Answered this on fb, hope it worked out ok. Hello jhnstcks, I love this module but I am wondering can this module be modified to place on a category page and display the top sub-categories for this. I own a pet store so lets say it's a dog category then on this page I only want to show the top sub-categories ( dog food) and sub-categories under it with category logo then (dog beds) and top sub-categories and so on with the links Please let me know if this can be modified to work on a category page and not just the home page? If you need a screen shot of what I am trying to accomplish I can provide one for you as well. Thanks Clayton 1 Share this post Link to post Share on other sites
jhnstcks 341 Posted July 14, 2012 Posted July 14, 2012 Hey there, this is a great module, exactly what I was looking for but I've run into problems similar to jujutte24 - the images seem to have some sort of padding top and bottom that's squished the image. I need them to be 145 x 100px and I've created an image called "catagories" in the preference in the back end. Then i changed the tpl file (like quoted above) changing 'medium' to 'catagories' (see below) <a href="{$categoryLink}" title="{$category.legend}" class="category_image"><img src="{$img_cat_dir}{$category.id_category}-categories.jpg" alt="{$category.name}" title="{$category.name}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}"></a> The images are just not working at all now! Please help, i've been working on just this for too long now haha! Please see shop here: http://www.cherryparade.com/shop/ Thanks in advance!!!! Did you remember to regenerate the images? 1 Share this post Link to post Share on other sites
9ashes 2 Posted July 15, 2012 Posted July 15, 2012 Awesome! I knew there'd be something simple to get it to work! Works a treat, thanks a lot! Share this post Link to post Share on other sites
clayton29657 63 Posted July 15, 2012 Posted July 15, 2012 Yes, it works excellent thank you very much jhnstcks. When the site is complete I will post it to show all the new designs that is being down with Prestashop.. It's going to look great. Lol it better after spending 9 months working on this new site. Yes, thousands of hours has been put into this shop it's crazy Share this post Link to post Share on other sites
chaaman 0 Posted July 27, 2012 Posted July 27, 2012 Hi all .. anyone know how to remove black edge to the homepage categories? and I also would like to remove the blur and leave the original color, or .. do the opposite, which is in its original color at 100% and when you put the mouse down over 50%. Thanks in advance, and .. forgive for my English, a little bad. Share this post Link to post Share on other sites
ksingh2012 2 Posted July 27, 2012 Posted July 27, 2012 (edited) Hi all .. anyone know how to remove black edge to the homepage categories? and I also would like to remove the blur and leave the original color, or .. do the opposite, which is in its original color at 100% and when you put the mouse down over 50%. Thanks in advance, and .. forgive for my English, a little bad. If you look in the CSS file and go to line 6 and change the opacity: filter:alpha(opacity=100);opacity:1;-moz-opacity:1; and then go to line 7 and change opacity: filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5; to remove the black edge: goto line 6 and 8 and remove: border:1px outset black I can't figure out the blurring issue, as I have the same problem on my end. Edited July 27, 2012 by ksingh2012 (see edit history) 1 Share this post Link to post Share on other sites
ksingh2012 2 Posted July 27, 2012 Posted July 27, 2012 (edited) Ok i've figured out the blurry image problem. You need to go to your back end admin area, and goto preferences, from here, goto images in the sub menu. Next you need to edit the category image size. So click on the edit icon and then make the image bigger here. By default the category images are 80px by 80x therefore by increasing the size in the css file you will blow up the 80 x 80 image and make it all blurry. Be sure to regenerate all the thumbnails before refreshing the homepage of your website. Edited July 27, 2012 by ksingh2012 (see edit history) 1 Share this post Link to post Share on other sites
chaaman 0 Posted July 27, 2012 Posted July 27, 2012 Thanks for your answers, but I still have some more problems. Modify the CSS file, and put 80px instead of 100px, but are still seeing blurry. I also remain free holes and do not know why .. This is my archive homecategories.css div.home_categories{margin-bottom: 5px} div.home_categories ul{text-align:center;list-style:none} div.home_categories img{width:100px;height:100px} div.home_categories li{float:left;margin:5px;width:100px} div.home_categories h5 a:hover{text-decoration:underline;color:#444} and the original image: Thank you very much for answering so fast Share this post Link to post Share on other sites
jhnstcks 341 Posted July 27, 2012 Posted July 27, 2012 Thanks for your answers, but I still have some more problems. Modify the CSS file, and put 80px instead of 100px, but are still seeing blurry. I also remain free holes and do not know why .. This is my archive homecategories.css div.home_categories{margin-bottom: 5px} div.home_categories ul{text-align:center;list-style:none} div.home_categories img{width:100px;height:100px} div.home_categories li{float:left;margin:5px;width:100px} div.home_categories h5 a:hover{text-decoration:underline;color:#444} and the original image: Thank you very much for answering so fast Please leave a link to your site so I can have a look at the problem Share this post Link to post Share on other sites
chaaman 0 Posted July 27, 2012 Posted July 27, 2012 www.imprenta-economica.com thanks. Share this post Link to post Share on other sites
jhnstcks 341 Posted July 27, 2012 Posted July 27, 2012 On line 4 of the css file add height:130px; Share this post Link to post Share on other sites
chaaman 0 Posted July 27, 2012 Posted July 27, 2012 I've since, but does nothing .. although that does not bother me, because I take and I put a banner on that hole. What I would like to solve is the issue of blurred images that are, are not sharp. Share this post Link to post Share on other sites
jhnstcks 341 Posted July 28, 2012 Posted July 28, 2012 Did you remember to force compile and turn off cache in the performance tab? I have just looked at your site again, and the code hasn't been added to the css file. Share this post Link to post Share on other sites
yusufzulkarnain 1 Posted July 28, 2012 Posted July 28, 2012 (edited) I have updated this module so that you dont need to alter any core modules and have also added CCC compatibility for prestashop v1.4. There is now a css file that contains all the formatting for the module. Images are currently set to display at 100px x 100px, but that is easily changeable by altering the css at lines 3,4 + 6. Also if any wants to provide translations, send them to me or post them here and i will update the module. Module updated v1.2 - Uploadable through the modules import on back-office. Category titles added. Css included in the module folder and NOT in themes/css/module/homecategories folder. Positioning improved (thanks to @itsallgood ) Note: You will need to uninstall the old module first and then upload the new module and reinstall it to update the module on your server. Thanks so much, jhnstcks! I have installed it and I apreciate for you. However, I added a little change for the title in webpage. The original title is "Category" I want this title in Indonesian. I added a file namely id.php. Everyone can download it in http://www.4shared.com/file/r-vw-Wy3/id_online.html This file contains like this: <!--?php global $_MODULE; $_MODULE = array(); $_MODULE['<{homecategories}prestashop-->homecategories_af1b98adf7f686b84cd0b443e022b7a0'] = 'kategori gambar produk'; ?> The title of "CATEGORY" will change to Indonesian words "KATEGORI GAMBAR PRODUK" It means "PRODUCT IMAGE CATEGORIES" Thanks for you again, jhnstcks! Edited July 28, 2012 by yusufzulkarnain (see edit history) Share this post Link to post Share on other sites
jeef_doang 0 Posted August 5, 2012 Posted August 5, 2012 (edited) Hii. please help me. I've used prestashop 1.4.5.1 and import modul from back office. In the first line, there's no problem, but in the second line, category No. 10 jump to No. 16. why this is happen. thanks before. Edited August 6, 2012 by jeef_doang (see edit history) Share this post Link to post Share on other sites
CE Custom Designs 4 Posted August 5, 2012 Posted August 5, 2012 First let me say great plugin. Thanks for keeping it free. I have read the boards top to bottom and while I have seen several posts with the same problem, I have seen almost no responses. I to am having a problem with the categories lining up. It is like it is trying to put 6 on a line and the first 5 fit and then the 6th goes on the next line. The display number of categories does not seem to do anything. I have tried what "fixes" I have seen but none are working for me. I have found that different browsers make it appear differently. If I view in Google Chrome the layout appears like this... (where X is a category) X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X If I view in IE 9 the layout appears like this... (where X is a category) X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X There should be able to fit 5 across, and I do want to display all categories. I have tried removing the 'Featured Items" module, and then I get all the categories in a 1 column down. I am running Prestashop 1.4.7.3 (no problems on the installation Website is: www.cecustomdesign.com Thanks for any help you can give me. Share this post Link to post Share on other sites
jhnstcks 341 Posted August 5, 2012 Posted August 5, 2012 Hii. please help me. I've used prestashop 1.5.4.1 and import modul from back office. In the first line, there's no problem, but in the second line, category No. 10 jump to No. 16. why this is happen. thanks before. I have not looked into making the module completely v1.5 compatible because v1.5 has not been released yet. When it is released I shall endeavour to make sure it work correctly. First let me say great plugin. Thanks for keeping it free. I have read the boards top to bottom and while I have seen several posts with the same problem, I have seen almost no responses. I to am having a problem with the categories lining up. It is like it is trying to put 6 on a line and the first 5 fit and then the 6th goes on the next line. The display number of categories does not seem to do anything. I have tried what "fixes" I have seen but none are working for me. I have found that different browsers make it appear differently. If I view in Google Chrome the layout appears like this... (where X is a category) X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X If I view in IE 9 the layout appears like this... (where X is a category) X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X There should be able to fit 5 across, and I do want to display all categories. I have tried removing the 'Featured Items" module, and then I get all the categories in a 1 column down. I am running Prestashop 1.4.7.3 (no problems on the installation Website is: www.cecustomdesign.com Thanks for any help you can give me. This has been answered previously in this topic -> http://www.prestashop.com/forums/index.php?/topic/121735-free-module-homepage-categories-module-for-v14/page__view__findpost__p__889803 1 Share this post Link to post Share on other sites
CE Custom Designs 4 Posted August 5, 2012 Posted August 5, 2012 Thanks jhnstcks for the for the quick response. It worked perfectly. I thought I had read all the responses, but I sure missed that one. For those of you that just read the latest responses to try and solve this problem I included the fix below. On line 4 of the homecategories.css change it to the following..... div.home_categories li{float:left;margin:5px;width:100px;height:130px;} Thanks again jhnstcks Share this post Link to post Share on other sites
jeef_doang 0 Posted August 6, 2012 Posted August 6, 2012 (edited) Upsss sorry John, I mean prestahop 1.4.5.1. If I used, standar theme, there's no problem, but when I used other themes.... problem appear like that. thanks Edited August 6, 2012 by jeef_doang (see edit history) Share this post Link to post Share on other sites
jhnstcks 341 Posted August 12, 2012 Posted August 12, 2012 This is the same issue as I have just posted to above. Share this post Link to post Share on other sites
XEARA 0 Posted August 21, 2012 Posted August 21, 2012 Just a note to say thank you for this module. It works perfectly on my installation - just had to make an adjustment to the Medium image size and adjust the css a bit. Share this post Link to post Share on other sites
luke_vine 0 Posted August 30, 2012 Posted August 30, 2012 odd question but how do you even select what categories will display on the home page ? the settings only allow to select the amount of categories ? Share this post Link to post Share on other sites
fernandokerber 16 Posted August 30, 2012 Posted August 30, 2012 Nice module! But I have a question: How could we show an random product inserted on each category instead of showing the category image? Share this post Link to post Share on other sites
Steven-Hague 0 Posted September 6, 2012 Posted September 6, 2012 (edited) To make your module validate: Go to homecategories.tpl and edit: height="{$categorySize.height}"></a></div> to be height="{$categorySize.height}" /></a></div> You missed out the closing element of the image. Also you made each image have an ID which is the same, this is really bad css and does not validate, if you want multiple of a css application use a class="" not id="" This also means that you need to change: title="{$category.name}" id="categoryImage" width="{$categorySize.width}" which is in homecategories.tpl to title="{$category.name}" class="categoryImage" width="{$categorySize.width}" I don't know if this affects anything else, I couldn't find a link from id="categoryImage" to anything else. It fixes the validation issue though. Edited September 6, 2012 by Steven-Hague (see edit history) Share this post Link to post Share on other sites
Chris G 29 4 Posted September 18, 2012 Posted September 18, 2012 jhnstks, great module, thanks Share this post Link to post Share on other sites
Recommended Posts