Search the Community

Bonjour, pourquoi est ce que cette règle CSS ne modifie pas la taille de la police du titre des produit sur les vignettes en FO ? .product-title {font-size:30px;} Ca augmente l'espace interligne sans modifier la taille des caractères..

Bonjour, Mes titres de produits sont souvent longs. J'ai modifié pour que ces titres ne soient pas coupés, mais je ne parviens pas à modifier le cadre qui entoure ces titres, ce qui les fait déborder du cadre. Quelqu'un aurait-il une solution?

Hello, I'm using Postilla theme at Prestashop 1.7.4.4 and the thumbnails of my products are just the same as the head image but smaller. Now I want my thumbnail having a total different size than the headimage. My images are now 800x1074 (which we maybe change to 1024x768). But the thumbnail images should be 825x340px. Making the divs that size isn't the problem, but the thumbnail images are wrong filled. We can fix that but than in the productpage (where the pictures are 1024x768) I have plain background at the top and bottom to fill the rest of the image. So that's ugly. Is there an option to have a custom thumbnail photo instead of just a smaller image?

Hello, I've been searching for solution to change the product page layout for a while and i did found few posts on forum but couldn't get them to work. I'm using prestashop 1.6.1 and default theme. By default in product page there are 3 thumbnails under main image and there is a small arrow to show additional images. I like to show all available thumbnails of three. Some of my products contain 20 different images so changing the size of thumbnail not going to help. First picture is showing the default layout. second picture what i like to achieve: by the way i did find below post/solution but I couldn't get it to work and if possible I prefer to use override. https://www.prestashop.com/forums/topic/231411-solved-changing-thumbnail-display-in-product-page/ Thanks in advance. Bobby

Bonjour, je souhaite mettre une bordure au survole des vignettes en front office, j'ai mis ce code CSS dans custom.css : .thumbnail-container:hover, .thumbnail-container:focus {border:2px solid black;} #products .product-description, #products .highlighted-informations, .featured-products .product-description, .featured-products .highlighted-informations {width: 99.8%;} Mais c'est pas parfait car la bordure apparaît a l’intérieur du container ce qui fait que la bordure est mangé un peu (en plus ça fait se réduire l'image de quelque millimètre quand la bordure apparaît). Donc ma question: Comment fait on pour que la bordure apparaissent a l'extérieur du container et non a l'intérieur svp ?

Les photos de mes produits ne sont pas carrées, elles sont rectangulaire. Leur affichage ne se fait pas correctement car le cadre prestashop est carré. Du coup il y a des marges de part et d'autre de la photo et c'est très laid. Comment faire svp pour que prestashop s'adapte au format de mes photos qui sont toutes de H.250 L.200 ? J'ai essayé dans Apparences/Images de changer tous les format de photos mais ça n'a rien fait, les vignettes produit ou autre photos restent carré avec ma photo rectangulaire dedans..

Hello, Does anyone know how it is possible to display the thumbnail of the subcategories in the main menu. I added an image for all the subcategories in the Back Office, but they do not appear in the front office. I found some code to add the image of the parent category in the submenu, however I need to display all my subcategories with the image, the title and a short description. Any ideas? Thank you in advance My Prestashop version: 1.7.3.3

hi guys, i really need the helps in here, this is so urgent to our website. we are using Prestashop 1.4.9(Because the theme doesn't work in latest version, sorry), and we try to upload white background jpg picture for all of our products, but after uploading, all the thumbnails(normal, large, home etc) are having a strange background lines in each picture. please have a look the attached files, i also attached images.inc.php in there. please let me know what should i do about it. i searched a lot on forum, i think it's related to images.inc.php file. please help! thanks a lot! Appreciated! Strange picture.tiff strange picture 2.tiff images.inc.php

hi there ... I will be grateful if someone can help me on this. I created a new website using presta 1 .7.x. The website is to sell images / videos. Where I got stuck is , I want to play the video, when you mouse over the thumbnails on videos page. (similar effect that they use on istockphoto, etc). ( preview in thumbnails when your sohw the product video category) Please let me know the procedure for this? any module, Does not mind if is for payment . Thanks a lot in advance

Hello, I updated 1.6.0.11 to 1.6.1.18 and who can tell me where can I found thumbnail upload in category view? I can't find that. :/ -- Zaktualizowałem sobie 1.6.0.11 do 1.6.1.18 i kto mi powie gdzie w widoku kategorii podziało się dodawanie miniaturek? Było, przepadło. :/

Hello, I have a problem with changing the sizes of the thumbnails. Although I have a small_default image type in the homepage on this particular module I would need it to be 85x85. But although I regenerated the thumbnails and turned off CCC and cache it still doesn't work. Do I need to edit a .php or .tpl file? I'm using PrestaShop 1.6.1.17. I also attached some pictures so that u can see the problem. I want the NATURAL photos to be 85x85, not resized from 320x320.

Hello,I have a problem with changing the sizes of the thumbnails. Although I have a small_default image type in the homepage on this particular module I would need it to be 85x85. But although I regenerated the thumbnails and turned off CCC and cache it still doesn't work. Do I need to edit a .php or .tpl file? I'm using PrestaShop 1.6.1.17. I also attached some pictures so that u can see the problem. I want the NATURAL photos to be 85x85, not resized from 320x320.

I have installed Prestashop 1.7.2 and I was surprised that it has built in option for generating High definition images. Soon I was disappointed viewing the images on my Mac with Retina display.The main images and product images are OK, but the thumbnail is displayed blurry. In cases that this option does't work properly I need one option, I want to set the size of thumbnail to 500px (instead of 250px) and displayed it in half of the size.Unfortunately I can't find the right css tag I have to modify. If somebody have some suggestions how to solve this and whether there is an option to generate really High definition thumbnail, please, help.

Hi all I have some questions about product images in prestashop. First of it all i'd like to know why some product thumbnails are filled with white, while others are properly enlarged. I even noticed that some miniatures end up being "smaller" in the large versions(i mean excluding the white background filler). Is there a way to avoid it during a regenerate thumbnails? Does it depend on the orginal image proportions? Where can i find the original image to change it and re-regenerate the thumbnails if that's a solution? I attached 2 products images to show the difference in thumbnail generation. Consider that as far as i remember the images on ebay were 500x500 pixels. Also i got another problem. I have a module that sincronizes my products with ebay. The image links it uses for it are all non secure(http:) while my settings force all pages in ssl. While i know that i could ask the module devs for a fix, i am not sure that it is specifically a problem with their module, it could be some option in the backoffice or some base prestashop class i need to change a little. Thanks in advance for the replies

Boas! Estou a utilizar Prestashop 1.7.0.4 e estou com um problema no evento mouse hoover na lista de artigos apresentados na página index, na secção dos artigos novos, últimos artigos e mais vendidos. Não estou a utilizar o tema default e provavelmente o erro está relacionado com isso, no entanto precisava da vossa ajuda. O erro está explicado nesta imagem: Eu só preciso de saber em que ficheiro posso eliminar a linha que gera essa imagem, já que não tenho interesse em que ela apareça. Já pesquisei em dezenas de ficheiros mas não estou a conseguir. Caso alguém me possa ajudar agradecia

Bonjour, Après avoir modifié mon code, j'ai fait en sorte que mes miniatures de la page produit s'affichent dans "bigpic" (la grosse image produit) non plus grâce au hover, mais grâce à un clic. Le clic sur les miniatures active aussi le "zoom" ou "thickbox", j'ai donc supprimé la class="thickbox" dans le lien <a> de product.tpl. Cependant, après suppression de cette classe, le zoom n'est plus actif sur mes miniatures comme je le souhaitais, mais aussi sur la grosse image produit. Je souhaiterais pouvoir garder cette fonctionnalité de zoom sur la grosse image produit (id="bigpic"). J'ai déjà essayé pas mal de choses et cherché des réponses sur la toile sans succès. J'espère que mon explication est claire. Merci d'avance, Nathalie

This is the website Every product has the posibility to have several images, those images are listed as a list to the left of the main product image. The problem I have is when the user clicks on any of the thumbs, it get's the image but on a modal box, not swaping over the main image. Just like this example Any guide/ideas how to achieve this on Prestashop? Preferably a javascript solution

Hello, I am currently struggling with an issue: how to render different thumbnails for in example just small_default.jpg files. What should I change in imageManager.php to check if the presta is processing small_default (or any other) file and add my changes to it? In which function should I look for it? I just want to render all the files as they are curently processing (with white stripes etc) but I just want to edit this one specific type to be render in different way (with Imagick but this is my issue). Any help will be appreciated.

Hi, I've just switched my hosting provider to Web Hosting Hub, since I'd seen they were a Prestashop preferred vendor awhile ago. The switch over wasn't easy and now that I've finally gotten it mostly working, there's still a few things that aren't quite right. I've searched for this info and can't find an answer anywhere. Basically the image gallery on the product pages isn't working. The cover image and the thumbnails show up but when you click on a thumbnail it doesn't switch out the main image and hovering over the large image doesn't magnify it anymore. I suspect that the javascript isn't working properly but I can't seem to find any error messages that would point to any clue. The thumbnail slider arrows work and the thumbnails slide and highlight their borders as usual. The only thing that I notice is that there's a "js_def" in the top left-hand corner of my site now and I imagine this means some JS is undefined. When I toggle the CCC settings in the Performance tab, the javascript will stop working altogether. I've cleared cache several times, both by the UI and manually, checked the browser console for errors (none), and just about anything else I could think of or find in any forums. I did check and there is a products.js file, so I know it's not missing. I have't modified the default template, I only altered the colors and images — so I'm really not sure where any code could be going wrong. I upgraded Prestashop using the 1-click upgrade after switching hosts, thinking it would possibly fix any of the initial switching errors but that didn't fix anything. I could really use some ideas on what to try next. See attached images for a visual on what's going on. The site is downunderhi.com No errors in the configuration info Thumbnail highlights but main image doesn't change js_def is printed in the upper left of my screen Thanks for your help!

My large_default images are fuzzy but when expanded to thickbox they are clear. When trying to regen thumbnails i get a blank screen with the message [an error occurred while processing this directive] I have tried all thumbnails and just the Products=> large_default set with the same results. Any ideas? TIA

Hi all, Does anyone else have this issue? When using the automatic resizing (thumbnail generation) function from admin, the image quality of the resultant thumbnails is very poor. Our source files are very clean, high res and high quality, and we've tried bumping the jpeg compression up to 100% in the admin panel. We've tried uncompressed png > jpg and high quality jpg > jpg. But the image quality coming out of the automatic resizing code seriously degrades the images. PLus we have a plain cream BG colour which gets artifacts all over it. What's going on?? Is it perhaps possible to replace the PHP library that's doing the image processing with a better one? If we can't resolve this we'll be forced to manually save out the images at all sizes (which is easy using photoshop's batch function) and replace the ones prestashop creates (which looks to be a major headache as it seems to put them in different directories...) Any pointers would be great. Cheers!

Hi, My shop is built with Prestashop 1.5.6.2. I would like to do the following : - replacing one product image and its thumbnails by a new one, while keeping the same image number (such as 10768 for instance) Of course, I can create the new thumbnails manually, give them the right name and put them on the server to replace the previous ones. But is there a way to do it more rapidly or through a specific module ? Thank you for any reply. Patrick

Hello, I am working on the default bootstrap theme (1.6.0.6) and i think the category thumbnails within the menu are really useful, however i would like to make them clickable and linked to their assigned category. With no luck so far. In the blocktopmenu.php file, I have tried to include the thumbnail <div> inside a <a href>, as you can see below, but it doesn't work: $html .= '<a href="'.$link.'" title="'.$category['name'].'">'; $html .= '<div><img src="'.$this->context->link->getMediaLink(_THEME_CAT_DIR_.$file) .'" alt="'.Tools::SafeOutput($category['name']).'" title="' .Tools::SafeOutput($category['name']).'" class="imgm" /></div>'; $html .= '</a>'; My syntax seems ok though...any idea on this ? Thanks

Hello everyone, I have the same problem you can see in this topic . I'm not able to use different images between the category banners and the thumbnails. If I upload an image for the category banner a smaller image is automatically uploaded as thumbnail and the result is awful. In the case I wasn't able to explain myself in a correct way, you can see an example on this page looking at the subcategory LEGNI ROCCE SABBIE PER.. The image you see there is the one I uploaded as banner category (i removed the oter banner category images so in the other sub-category there is the default image "image not avialable"). I tried to fix the problem doing this suggestion in the topic : It sounds a logical solution. But everytime I try do change the image in this way automatically it's uploaded again the banner category image on the file i'm trying to change. Any solution? Silvio (sorry for my english )

this is the code of my superfish-modified.css there is no word called thumbnails in my code how do i get thumbnails to be shown in the block top horizontal menu? /*** ESSENTIAL STYLES ***/ .sf-contener { clear: both; } .sf-right { margin-right: 14px; float: right; width: 7px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { margin: 10px 0; padding:0; width:980px;/* 980 */ background: #383838; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; border-right: 1px solid #777; } .sf-menu a { display: block; position: relative; color:#fff; text-shadow:0 1px 0 #333; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 34px; /* match top ul list item height */ z-index: 99; width:auto } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { display:block; margin-right:2px; padding: 0 22px 0 20px; line-height:34px; border: 0; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; white-space:nowrap; } .sf-menu li li { background: rgba(113, 113, 113, 0.9); } .sf-menu li li li { background: rgba(113, 113, 113, 0.9); } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #4E4E4E; } .sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active { background: #4e4e4e; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: 10px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 11px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../img/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-bottom-left-radius: 17px; -moz-border-top-right-radius: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } li.sf-search { background: inherit; float: right; line-height: 25px; } li.sf-search input { -moz-border-radius: 0 5px 5px 0; padding: 3px 0; padding-left: 20px; margin: 6px 6px 0 0; background: #fff url('../img/search.gif') no-repeat left center; border:1px solid #777 } /* hack IE7 */ .sf-menu a, .sf-menu a:visited {height:34px !IE;} .sf-menu li li { width:200px; background:#726f72 !IE; }