Search the Community

Hi, I was following this, but it doesn't work for prestashop 1.7. I realized the css classes and ids are not the same on my project but I've changed them and still doesn't work. Any jquery function or idea to implement at the onclick to get the next and previous picture of a product? Thank you, Miguel

There is a SOLVED thread guiding how to add a SOLD OUT image when an item is no longer available. it works smoothly. What about implementing this to the mobile default template? I've tried to add the same line {if $product.quantity<=0}<img src="https://www.yoursite...d-Out-small.png" style="position:absolute; top:0px; right:0px; z-index:2; border:none;"/>{/if} to mobile/product.tpl but it shows the ribbon on the top of the page once I click on the item instead of showing it in the homepage. Then I've tried with category-product-list.tpl {if isset($products)} <ul data-role="listview" id="category-list" class="ui-listview ui-grid-a"> {foreach from=$products item=product name=products} <li class="ui-block-{if $smarty.foreach.products.index % 2}b{else}a{/if} product-list-row"> <a href="{$product.link|escape:'htmlall':'UTF-8'}" data-ajax="false"> <div class="product_img_wrapper"><img class="ui-li-thumb" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'large_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" /></div> <h3 class="ui-li-heading">{$product.name|escape:'htmlall':'UTF-8'}</h3> {if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))} <p class="ui-li-price"> {if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)} {if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if} {/if} </p> {assign var='info3_str' value=' '} {assign var='info3_class' value='on_sale'} {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE} {capture assign='info3_str'}{l s='On sale!'}{/capture} {elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE} {capture assign='info3_str'}{l s='Reduced price!'}{/capture} {assign var='info3_class' value='discount'} {/if} <p class="ui-li-price-info {$info3_class}"><span>{$info3_str}</span></p> <p class="availability"> {if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)} {if ($product.allow_oosp || $product.quantity > 0)}{l s='Available'}{elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}{l s='Product available with different options'}{else}{l s='Out of stock'}{/if} {else} {/if} </p> {if isset($product.online_only) && $product.online_only} <p class="online_only">{l s='Online only!'}</p> {/if} {/if} {if isset($product.new) && $product.new == 1}<p class="new">{l s='New'}</p>{/if} {if $product.quantity==0}<img src="http://www.e-piazza....mall-ribbon.png" style="position:absolute; top:0px; right:0px;" />{/if} </a> </li> {/foreach} </ul><!-- #category-list --> {/if} It shows on the main list page but it's not aligned with the item image and it even makes the product image and info move to the right.

Hello, i'm looking for any possibility/solution to change standard product gallery like in fancybox jquery. I mean about add to button prev/next photo and will be perfect if I could use scrool. Presta 1.7 Thanks in advance for help

Hi everyone, I am using prestashop 1.7 with external theme. Products images on click/zoom are smaller than settings in back-office (source files are 650x650). - screenshot attached In code, the width is setup for 100% and still full window width is not used. Also it would be great if I could move thumbnails below the main image and sort them horizontally Any guidance would be much appreciated. KR, Mariusz

This guide shows how to build fancybox gallery on cms pages in prestashop tutorial is based on prestashop 1.6. With guide you will: - extend tinymce editor to accept scripts - create a pictures gallery on cms page - enable fancybox option to enlarge pictures enjoy :-) i updated the article, now you can use it also in PrestaShop 1.7 - cms page gallery for prestashop 1.7

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!

Hey, I would like to make slider gallery instead of 1 image. Is there any module which could provide me this option? If no how much it would cost to make that module/change. Also I would try to do it by myself. Only my question is how to get all images of products. Then I would try to make it with some gallery and jquery Simillar like here :http://www.etuo.pl/etui.html Thanks for help

Hello. I wanted to share the way to extend standard cms pages. With this code You can add any images to Your cms pages and they will be converted to gallery with popup and the first image will be extracted and shown on cms articles list page. It is first version so it needs some more work. Steps: change cms.tpl file add loading of fancybox to cms controller add 2 functions to smarty add styles After changes You can add any images to cms article (position, parameters does not metter) and they will be converted to popup gallery and put on end of the cms article page. Also the list of articles in category cms page will change and show first image on the left, title and first 250 chars of article. 1. Change in /themes/theme_name/cms.tpl (it changes look of cms list of articles and article itself) from: {$cms->content} to: {$cms->content|prepare_cms1} {literal}<script type="text/javascript">$(document).ready(function() {$("a.fancybox").fancybox();});</script>{/literal} The same file from: <li> <a href="{$link->getCMSLink($cmspages.id_cms, $cmspages.link_rewrite)|escape:'html':'UTF-8'}">{$cmspages.meta_title|escape:'html':'UTF-8'}</a> </li> to: <li class="artykul_cms col-xs-12"> {assign var='obrazek' value=$cmspages.content|get_img} {if $obrazek} <a href="{$link->getCMSLink($cmspages.id_cms, $cmspages.link_rewrite)|escape:'html':'UTF-8'}" class="foto_na_liscie" style="background-image:url('{$obrazek}')"></a> {else} <a href="{$link->getCMSLink($cmspages.id_cms, $cmspages.link_rewrite)|escape:'html':'UTF-8'}" class="foto_na_liscie" style="background-image:url('{$img_dir}/brak_zdjecia.png')"></a> {/if} <a href="{$link->getCMSLink($cmspages.id_cms, $cmspages.link_rewrite)|escape:'html':'UTF-8'}"><h2>{$cmspages.meta_title|escape:'html':'UTF-8'}</h2></a> {$cmspages.content|strip_tags|truncate:250:"":true} </li> on red i set the default image if none in article is found. 2. New file /override/controllers/front/CmsController.php (it ads override to cms page controller and adds fancybox script and css) <?php class CmsController extends CmsControllerCore { public function setMedia() { parent::setMedia(); $this->addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'screen'); $this->addJqueryPlugin('fancybox'); } } 3. New file /tools/smarty/plugins/modifier.prepare_cms1.php (it ads php function to smarty to remove images from content and add gallery on end) <?php function smarty_modifier_prepare_cms1($string) {if ($string=='') return ''; $zwrot=preg_replace('#<img([^>]*)>#im', '', $string); $doc=new DOMDocument(); $doc->loadHTML($string); $xml=simplexml_import_dom($doc); $images=$xml->xpath("//img[not(contains(@alt, 'nie'))]"); $zwrot.='<ul class="galeria row">'; foreach($images as $node) { $zwrot .= '<li class="col-xs-4"><a class="fancybox" rel="galeria" href="'.((string) $atrybuty=$node->attributes()->src).'"><img itemprop="image" class="img-responsive" src="'.((string) $atrybuty=$node->attributes()->src).'" alt="" /></a></li>'; } $zwrot.='</ul>'; return $zwrot; } ?> 4. New file /tools/smarty/plugins/modifier.get_img.php (it ads php function to smarty to extract first image. It's for cms articles list page) <?php function smarty_modifier_get_img($string) { $doc=new DOMDocument(); $doc->loadHTML($string); $xml=simplexml_import_dom($doc); $images=$xml->xpath('//img'); return $images[0]['src']; } ?> 5. New file /themes/theme_name/css/autoload/autogallery.css /Or modify any css file (it sets the styles for new code) /*CMS*/ li.artykul_cms{ padding:10px 10px; overflow:hidden;} li.artykul_cms .foto_na_liscie{width:200px; height:140px; overflow:hidden; float:left; background-size:cover; background-position: center center; margin:0 20px 0 0;} li.artykul_cms h2{margin:0;} ul.galeria li{list-style:none;} If You find andy mistakes please give me a know, I'll fix it. Best regards Barto

Boa tarde. Gostaria de ter um link no meu menu para uma página de fotos de eventos em que a minha empresa participa. No menu tenho os links para os produtos e também para uma página contendo fotos. Estas fotos seriam, não dos produtos, mas sim de eventos em que os nossos produtos são usados, por parceiros e afins. Como é que posso fazer para ter uma photogallery no prestashop? Existe algum módulo gratuito que me ajude a fazer isso? Existe a possibilidade de ter um slider a passar as fotos ou apenas ficariam dispostas estaticamente? Alguém me pode ajudar, sou novato nisto e não estou a conseguir solucionar esta situação. Grato pela ajuda, cumprimentos. Eurico Morais

Good day! I just installed the module "Video gallery - V2.1" and it works fine until I try to just click on "ALL VIDEOS" which directs me to a page "not available" what can I be doing wrong? Does anyone feel the same? This is the http://www.rollei-america.com/ page (the module is located near the footer)

Ciao a tutti, un amico ha perso il lavoro e, dato che è veramente bravo con la fotografia, voleva realizzare un sito web dove vendere le proprie fotografie. Ho pensato a prestashop e la gestione dei prodotti virtuali però ho qualche dubbio: - al variarie della dimensione e dell'uso che si farà della fotografia vorrebbe far variare il prezzo - vuole ovviamente proteggere il download da parte dei visitatori, ma questo si può risolvere parzialmente con il watermark - concluso l'acquisto come può far scaricare l'immagine corrispondente? Vi siete già misurati con questo problema?

Hello, I'm looking for a module which will give me an opportunity to mark certain point on product photo with a link. Something like mapping a photo but with an icon and attached link. Something like face mapping in Facebook. Does any similar module exists? Here's an example: http://www.homebook.pl/inspiracje/lazienka When you click on a miniature a larger photo is showed along with "hooks" on certain positions.

Hi i wanted to know if there is a way to link my facebook album with my images to my prestashop site, so when they click on a menu page on my prestashop website is shows them my facebook album feed of images. I found a module that does this for instagram but not yet facebook. http://addons.prestashop.com/en/social-commerce-facebook-prestashop-modules/8397-instagram-gallery.html Thanks

Hi, I would like to add a gallery to my site. Does anyone know a good gallery module for prestashop 1.6? Vekia, I already saw your explenation on how to make one using some code. Although i think i have the skills to follow your lead here, i prefer not to mess around with the codes. Thanks Christophe

Hi guys, looking around the internet i can't find a working CMS GALLERY MODULE, i need a simple gallery on a cms page. Tried many, but don't works fine... I hope somebody can help me Im using PrestaShop™ 1.5.6.2

Buongiorno a tutti, informiamo che abbiamo aggiunto i seguenti 2 moduli all'interno del nostro sito http://shop.studioitc.com/index.php 1) Itc_homefeaturedconfig: permette di creare box da visualizzare nella home page, completamente configurabili e senza limiti di numero, che forniscono la possibilità di riportare informazioni su prodotti e categorie di rilievo. All'interno di ognuno di essi è possibile inserire: - titolo box - un'immagine a scelta; - una descrizione; - link verso altre pagine. La pagina del modulo è accessibile al link http://shop.studioitc.com/index.php?id_product=104&controller=product&id_lang=5, nella quale sono disponibili anche una serie di screenshot del modulo. Il modulo è compatibile con tutte le versioni 1.5 di prestashop. 2) Categoryimgprodbox: permette di creare sezioni di interesse da visualizzare nella Home Page (quali prodotti in vetrina, prodotti in promozione, etc...), configurabili e senza limiti di numero, alle quali associare una serie di prodotti con relativa descrizione. All'interno di ogni sezione è possibile inserire: - nome sezione - prodotto con relativa immagine - descrizione (con la possobilità di inserire link al suo interno). La pagina del modulo è accessibile al link http://shop.studioitc.com/index.php?id_product=107&controller=product&id_lang=5, nella quale sono disponibili anche una serie di screenshot del modulo. Il modulo è compatibile con tutte le versioni 1.5 di prestashop. Ricordiamo che per tutti i nostri moduli diamo supporto completo gratuito entro 30 giorni dalla data dell'acquisto per l'installazione e per qualsiasi malfunzionamento. Studio ITC srl.

Installed Gallery module and want to display the images within the gallery at the bottom of category page. Got as far as being able to show link to gallery , but i want the images within the gallery to be shown. (see attached) Any help? Pete

Hi, I would like to add a page with a "lookbook" or a photo gallery. My first question is how do I add a new page? Second question is which is the best way to make the "lookbook", maybe connect some kind of blog to the page or something like that? http://nuwa-project.com Regards, Jess

Hi Everyone, I need a gallery for my prestashop 1.5 site, a module the same as NextGengallery would be geat. I need the client to be able to upload images for the gallery via the backend. The images wil be the usual thumbnails which open up in a lighbox box sort of thing. Thank you Vive Designs

Buongiorno a tutti, sto usando Prestashop 1.5.4.1 per la creazione del mio ecommerce. Ho necessità di avere una galleria dei prodotti, dopo una ricerca da home page come da foto allegata n.1 e dopo l'inserimento nel carrello vorrei che si vedesse come da immagine n.2. Suggerimenti??? Grazie a tutti. A presto

I am trying to add a Galleriffic photo gallery to a CMS page but it is not working correctly for me. I have successfully implemented this page as a custom page on my site, but to show someone how to modify this would not be as easy as if I had it in a CMS page that could be edited via the BO. My custom page that works is here And the CMS page where I have tried to implement is here Basically I have copied the code from my custom .tpl page and inserted it into my CMS page in the html editor. All of the necessary js & css I have called via the CMSController.php controller, so it is called to the CMS page. Here is the code i am using on my CMS page: <script type="text/javascript"> document.write('<style>.noscript { display: none; }</style>'); </script> <div id="page"> <div id="container"> <div id="captionLeft"> <div class="image-desc"> <p>If you would like to view more of the range please call to arrange a visit to our Windy Arbour showroom in Dublin 14.</p> </div> </div> <!-- Start Advanced Gallery Html Containers --> <div id="gallery" class="content"> </div> <div id="thumbs" class="navigation"> <ul class="thumbs noscript"><!-- Start of item --> <li><a class="thumb" title="Amethyst nugget clasp" name="leaf" href="http://clasped.ie/clasped2/clasp3/img/uploads/clasps/large/Clasp-Large01.jpg"></a> <img src="http://clasped.ie/clasped2/clasp3/img/uploads/clasps/thumbs/Clasp-Thumb01.jpg" alt="Amethyst nugget clasp" /> <div class="caption"> <div class="download"><a href="http://clasped.ie/clasped2/clasp3/clasps/1-clasp01.html">More info / Buy</a></div> <div class="image-title"> </div> <div class="image-desc"> <p>Clasp: Rough amethyst nugget clasp</p> <p>Size: 21x20x14mm</p> <p>Fitting: Steel</p> <p>Price: <span title="euro250">€250</span></p> </div> </div> </li> <!-- End of item --> <!-- Start of item --> <li><a class="thumb" title="Black onyx cylinder clasp" name="leaf" href="http://clasped.ie/clasped2/clasp3/img/uploads/clasps/large/Clasp-Large02.jpg"></a> <img src="http://clasped.ie/clasped2/clasp3/img/uploads/clasps/thumbs/Clasp-Thumb02.jpg" alt="Black onyx cylinder clasp" /> <div class="caption"> <div class="download"><a href="http://clasped.ie/clasped2/clasp3/clasps/2-clasp02.html">More info / Buy</a></div> <div class="image-title"> </div> <div class="image-desc"> <p>Clasp: Handmade black onyx cylinder clasp</p> <p>Size: 21x14mm</p> <p>Fitting: Steel</p> <p>Price: <span title="euro175">€175</span></p> </div> </div> </li> <!-- End of item --> <!-- Start of item --> <li><a class="thumb" title="Chalcedony hexagonal barrel clasp" name="leaf" href="http://clasped.ie/clasped2/clasp3/img/uploads/clasps/large/Clasp-Large03.jpg"></a> <img src="http://clasped.ie/clasped2/clasp3/img/uploads/clasps/thumbs/Clasp-Thumb03.jpg" alt="Chalcedony hexagonal barrel clasp" /> <div class="caption"> <div class="download"><a href="http://clasped.ie/clasped2/clasp3/clasps/3-clasp03.html">More info / Buy</a></div> <div class="image-title"> </div> <div class="image-desc"> <p>Clasp: Chalcedony hexagonal barrel clasp</p> <p>Size: 15x20mm</p> <p>Fitting: Silver</p> <p>Price: <span title="euro175">€175</span></p> </div> </div> </li> <!-- End of item --></ul> </div> <div style="clear: both;"> </div> </div> </div> Anyone any ideas what I might be doing wrong? Thanks in advance...

hi I am in urgent need of a gallery module for prestahop 1.5 that allows me to upload images (not products) and then displays images as thumbnails which open in a lighbox or something. a similar thing like nextgen gallery for wordpress but a prestashop version.

Hi I would like to upload pictures that customers have sent in wearing our products. What is the best way to do this? I though if I created a flickr account and then could I put that on a page on my website? Would appreciate any advice thanks

Vous pouvez configurer jusqu'à 5 images Version complète ont : Affichage des images avec lien, titre et la description. Images sont téléchargées depuis le module cpuLa module peut être transplanté dans les colonnes et sur la page d'accueil Visitez notre site pour plus de modules libres et la dernière version de ce module prestacuberlite.zip

Hello I installed Prestashop successfuly and would like to customize it. Unfortunately i don't know where to start. I would like to have my own page to start with. This page will have a view links to the shop categories and a gallery that shows random product photos but nothing else, a very plain page. I know php, smarty and jquery (for the gallery) but i don't know anything about prestashop. Is the override or theme folder is the right place to put my startpage? Should i just replace the index.php, or is there a better way? Thanks for any help