Search the Community

Depuis peu le hover sur mes produits ne fonctionne plus, que cela soit sur la page d'accueil ou dans les pages de catégories. En inspectant la page j'ai remarqué que les images de mes produits n'ont plus l'attribut "data-rollover" et cela est arrivé du jours au lendemain. une idée ?

Buen dia estimados, Tengo una situación que llevo aproximadamente 4 días sin resolver. Se trata de una característica que tiene la plantilla que compre pero que no la veo activada en mi tienda online. La plantilla que adquirí es esta: https://ld-prestashop.template-help.com/next-pres-electronics/index.php La función que hace que se muevan los productos al pasar sobre ellos es la función que no aparece en mi proyecto. http://verdehn.com/PajaroAzul/index.php En la plantilla los productos tienen una clase activa llamada> class="thumbnails-rollover horizontal_slide" En mi tienda los productos tienen una clase activa llamada> class="carousel-item active" Me fije que si sustituyo la clase Rollover en mi clase Carousel, se activa el movimiento del producto, pensando en esto, fui al archivo donde esta esta clase class="carousel-item active" para sustituirla que es el archivo: <!-- begin modules/jxproductlistgallery/views/templates/hook/jxproductlistgallery.tpl --> Este archivo contiene el siguiente código: {if $smarty_settings.st_display && !($smarty_settings.st_type == 'slideshow' && !$smarty_settings.st_slider_pager && !$smarty_settings.st_slider_controls)} {if $smarty_settings.st_type == 'rollover'} <div class="thumbnails-rollover horizontal_slide}"> {foreach from=$product.images item=image name=image} {if $image.cover} <img class="img-fluid" src = "{$image.bySize.home_default.url}" alt = "{if !empty($image.legend)}{$image.legend}{else}{$product.name|truncate:30:'...'}{/if}" data-full-size-image-url = "{$image.large.url}" > {assign var="isCover" value=true} {/if} {/foreach} {foreach from=$product.images item=image name=image} {if $image.cover}{assign var="isCoverDuplicate" value=true}{continue}{/if} <img class="img-fluid" src = "{$image.bySize.home_default.url}" alt = "{if !empty($image.legend)}{$image.legend}{else}{$product.name|truncate:30:'...'}{/if}" data-full-size-image-url = "{$image.large.url}" > {if (isset($isCover) && $isCover && !isset($isCoverDuplicate) && $smarty.foreach.image.first) || $smarty.foreach.image.iteration == 2}{break}{/if} {/foreach} </div> {else} <div class="thumbnails-carousel slide {$smarty_settings.st_type}"> <div class="carousel-inner"> {foreach from=$product.images item=image name=image} <div class="carousel-item{if $image.cover} active{/if}"> <!-- Aqui es donde estaba agregando la clase Rollover, pero no me funciona --> <img class="img-fluid" src = "{$image.bySize.home_default.url}" alt = "{if !empty($image.legend)}{$image.legend}{else}{$product.name|truncate:30:'...'}{/if}" data-full-size-image-url = "{$image.large.url}" > </div> {if $smarty.foreach.image.iteration == $smarty_settings.st_nb_items} {break} {/if} {if $smarty_settings.st_type == 'gallery' && !$smarty_settings.st_gall_carousel && $smarty.foreach.image.iteration == $smarty_settings.st_visible} {break} {/if} {/foreach} </div> {if ($smarty_settings.st_type == 'gallery') || ($smarty_settings.st_type == 'slideshow' && $smarty_settings.st_slider_pager)} <ol class="carousel-indicators"> {foreach from=$product.images item=image name=image} <li data-slide-to="{$smarty.foreach.image.iteration - 1}"{if $image.cover} class="active"{/if}{if $smarty_settings.st_type == 'gallery'} style="width: calc(100%/{$smarty_settings.st_visible})"{/if}> {if $smarty_settings.st_type == 'gallery'} <img class="img-fluid" src = "{$image.small.url}" alt = "{if !empty($image.legend)}{$image.legend}{else}{$product.name|truncate:30:'...'}{/if}" > {/if} </li> {if $smarty.foreach.image.iteration == $smarty_settings.st_nb_items} {break} {/if} {if $smarty_settings.st_type == 'gallery' && !$smarty_settings.st_gall_carousel && $smarty.foreach.image.iteration == $smarty_settings.st_visible} {break} {/if} {/foreach} </ol> {/if} {if ($smarty_settings.st_type == 'slideshow' && $smarty_settings.st_slider_controls)} <span class="left carousel-control"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </span> <span class="right carousel-control"> <i class="fa fa-chevron-right" aria-hidden="true"></i> </span> {/if} </div> {/if} {/if} Después de cambiar la clase que comento en el código, suceden 2 cosas, la primera, se mueve la imagen pero la imagen siguiente imagen esta en blanco, y lo segundo, me duplica mis cards de productos, adjunto imagen de lo que menciono. En el inspector de elementos de mi explorador funciona pero hago 2 cosas para que se vea el efecto de pasar de una imagen a otra de la siguiente forma: <!-- Codigo Original --> <div class="thumbnails-carousel slide gallery"> <div class="carousel-inner"> <div class="carousel-item"> <img class="img-fluid" src="http://verdehn.com/PajaroAzul/img/p/1/6/0/9/1609-home_default.jpg" alt="BATERÍA ACÚSTICA MAPEX ARMORY" data-full- size- image-url="http://verdehn.com/PajaroAzul/img/p/1/6/0/9/1609-large_default.jpg"> </div> <div class="carousel-item active"> <img class="img-fluid" src="http://verdehn.com/PajaroAzul/img/p/1/6/1/0/1610-home_default.jpg" alt="BATERÍA ACÚSTICA MAPEX ARMORY" data-full- size- image-url="http://verdehn.com/PajaroAzul/img/p/1/6/1/0/1610-large_default.jpg"> </div> <div class="carousel-item"> <img class="img-fluid" src="http://verdehn.com/PajaroAzul/img/p/1/6/1/1/1611-home_default.jpg" alt="BATERÍA ACÚSTICA MAPEX ARMORY" data-full- size- image-url="http://verdehn.com/PajaroAzul/img/p/1/6/1/1/1611-large_default.jpg"> </div> </div> <!-- Codigo Modificado --> <div class="thumbnails-carousel slide gallery"> <div class="carousel-inner"> <div class="carousel-item"> <img class="img-fluid" src="http://verdehn.com/PajaroAzul/img/p/1/6/0/9/1609-home_default.jpg" alt="BATERÍA ACÚSTICA MAPEX ARMORY" data-full- size- image-url="http://verdehn.com/PajaroAzul/img/p/1/6/0/9/1609-large_default.jpg"> </div> <div class="thumbnails-rollover horizontal_slide"> <img class="img-fluid" src="http://verdehn.com/PajaroAzul/img/p/1/6/1/0/1610-home_default.jpg" alt="BATERÍA ACÚSTICA MAPEX ARMORY" data-full- size-image-url="http://verdehn.com/PajaroAzul/img/p/1/6/1/0/1610-large_default.jpg"> <img class="img-fluid" src="http://verdehn.com/PajaroAzul/img/p/1/6/1/0/1610-home_default.jpg" alt="BATERÍA ACÚSTICA MAPEX ARMORY" data-full-size-image-url="http://verdehn.com/PajaroAzul/img/p/1/6/1/0/1610-large_default.jpg"> </div> <div class="carousel-item"> <img class="img-fluid" src="http://verdehn.com/PajaroAzul/img/p/1/6/1/1/1611-home_default.jpg" alt="BATERÍA ACÚSTICA MAPEX ARMORY" data-full- size-image-url="http://verdehn.com/PajaroAzul/img/p/1/6/1/1/1611-large_default.jpg"> </div> </div> </div> Alguien me pueda dar una pista de como solucionarlo? Agradezco su tiempo, Saludos cordiales.

Buenas, una pregunta sencilla, ¿alguien sabe como puedo crear un rollover con mis productos de tienda en PrestaShop 1.7? He estado viendo como generarlo con PrestaShop 1.5 y 1.6 a mano, pero no lo encuentro para la 1.7, me obliga a tener que adquirir un módulo. Este es el post que vi de la 1.5 / 1.6 https://pelechano.es/efecto-rollover-listados-prestashop-1-5-y-1-6/

Bonjour, Je suis sur prestashop 1.6, je dois faire une image avec un rollover dans une page CMS. Dans mon cas c'est une mini carte d'europe avec un rollover d'une autre couleur. Une idée ? Un exemple ? Merci de vos conseils Carlitos

Bonjour, Les produits de notre boutique sont tous en png transparent. Le problème : lors du rollover, la seconde image apparaît par dessus la première. Comment faire pour que cette première image disparaisse lors du rollover ? Merci d'avance pour votre aide. Bruno agence NEOH

Implemented according to the following guidelines (for 1.6): http://www.majory-cubizolles.fr/blog/rollover-deuxieme-image-prestashop/ But the second image is not obtained properly: Image 1: http://www.mydomain.com/img/p/8/7/87-home_default.jpg Image 2: http://www.mydomain.com/img/p/-home_default.jpg Can anyone tell me where is the error???

Bonjour, Je suis en train de mettre en place un site avec la version 1.6. Je souhaiterais que, dans la liste des produits, j'ai un rollover sur la photo du produit. Lorsqueje passe la souris la seconde photo s'affiche. J'utilise le thème par défaut Est ce que quelqu'un pourrait m'indiquer comment faire? Merci d'avance, Didier

Olá amigos, Gostaria de colocar o efeito Rollover (acho que o nome usado é esse) nas imagens dos produtos da pagina inicial do meu site. Segue modelo desejado através do link abaixo: Link: http://www.posthaus.com.br/moda/moda-feminina.html?ctg=1 Alguém sabe como faz este efeito? Informações Complementares: Versão do PrestaShop: 1.6.0.9 URL da loja: http://www.hollidaystore.com.br/ Nome do tema utilizado: default-bootstrap Informação do servidor: Linux #1 SMP Wed Dec 17 20:10:32 CST 2014 x86_64 Versão do Software do Servidor: Apache Versão PHP: 5.5.21 Limite de memória: 512M Tempo máximo de execução: 300 Alguém poderia me ajudar?

Hello PrestaShop World, i'm searching for a code snippet that makes rollover-images possible in the module homefeatured in 1.6 like in this exaple here: http://zensation.polcoder.com/de/ Vivek Tripathi had a pretty good solution for 1.4+. That even worked in 1.5+. http://www.prestashop.com/forums/topic/150483-home-featured-product-rollover-images/ Now in 1.6 it doesn't work anymore... I think the modifications in homefeatured.tpl has to be done now in product-list.tpl. But when i put in the code into homefeatured.php, it doesnt work at all. The file now differs a lot from the old one...I'm not a specialist in PHP.. Anyone has an idea? Thanks

Buenas tardes de nuevo, estoy intentado poner un Rollover o imagen cambiante cuando se pasa el ratón por encima, he puesto un modulo contentbox con la imagen pero no se como hacerlo, no se si existe un modulo que sea un botón de tamaño configurable donde se pueda hacer eso, agradeceria si alguien me puede ayudar y decir como hacerlo. Simplemente es poner una imagen en una zona de la tienda, donde al pasar por encima cambie por otra y al clickar en ella te lleve a un link. Gracias de antemano Roberto

In product image preview I have rollover effect. On mouse over, if product has more than one image, first image is replaced by second. But from today, for all new products, first image doesn't disappear and second image appear over first. Please take a look at attached images.

HOLA A TODOS!!! Tengo un gran problema con esto: Resulta que no encuentro donde debo colgar las fotos para que aparezcan en el rollover de productos destacados. Con firebug vi la cuestion pero no soy tan experta y no se como buscar, luego por el backoffice he intentado poner subir las dos fotos, intentar subir mas fotos, modificar los tamaños de las imagenes, regenerar miniaturas, forzar compilado, urls amigables, todo y nada AYUDENME POR FAVOR T_T

Ciao ragazzi, è possibile fare in modo che ogni voce di menu ad ogni rollover del mouse mi da uno sfondo differente? ESEMPIO: OnRollOver COLLANE= sfondo turchese OnRollOver BRACCIALI= sfondo arancione OnRollOver ORECCHINI= sfondo verde etc etc etc ?????????? Grazie Michele

Hi, friends, I am in need of your help again. I modified default theme a bit, taken out the short description from product list to get more clean look and more space. But short description is still necessary, so I wanted to change the mouse hover action from showing the image legend o show image short description. Modified product_list.tpl accordingly, like this: <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" alt="{if !empty($product.name)}{$product.name|escape:'htmlall':'UTF-8'}{else}{$product.name|escape:'htmlall':'UTF-8'}{/if}" title="{if !empty($product.description_short)}{$product.description_short|escape:'htmlall':'UTF-8'}{else}{$product.name|escape:'htmlall':'UTF-8'}{/if}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} /> basically replaced legend with short description. It works, but I have the descr_short paragraph tag inside the description, as shows in the attached image. Please tell me how to get rid if of this <p> tag? Oh, and how can I edit that pop-up text bubble (background, font size, margins, etc)? Thank you in advance, Cheers Salus PS: I am almost done with our site, and I must say that although it was a quite long process, I learned a LOT from you guys. Started as a total noob (i mean I never laid eyes on a html or smarty code before), and now I may say that I know the very basics, wich is a LOT for me. And all this THANKS TO YOU , GUYS, and I really appreciate all your support and patience, and you all are a bunch of great good people Specially vekia... yes.

Hi there, I'm trying to figure out how to implement a hover effect when mouseover. just like here: http://jsfiddle.net/hovanessb/865Uk/ it comes with two codes. I believe that one should go on the product_list.css and the other on the product-list.tpl. However, I can't get to edit this code correctly to adapt it. What should I put where? Thanks a lot in advance!!! {if isset($products)} <!-- Products list --> <ul id="product_list" class="clearfix"> {foreach from=$products item=product name=products} <li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} clearfix"> <div class="center_block"> <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} /></a> <h3>{if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></h3> <p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|truncate:360:'...'|strip_tags:'UTF-8'|escape:'htmlall':'UTF-8'}">{$product.description_short|truncate:360:'...'|strip_tags:'UTF-8'}</a></p> </div> <div class="right_block"> {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="on_sale">{l s='On sale!'}</span> {elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="discount">{l s='Reduced price!'}</span>{/if} {if isset($product.online_only) && $product.online_only}<span class="online_only">{l s='Online only!'}</span>{/if} {if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))} <div> {if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span class="price" style="display: inline;">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span><br />{/if} {if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}<span class="availability">{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}</span>{/if} </div> {/if} {if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && $product.minimal_quantity <= 1 && $product.customizable != 2 && !$PS_CATALOG_MODE} {if ($product.allow_oosp || $product.quantity > 0)} <a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart.php')}?add&id_product={$product.id_product|intval}{if isset($static_token)}&token={$static_token}{/if}" title="{l s='Add to cart'}">{l s='Add to cart'}</a> {else} <span class="exclusive">{l s='Add to cart'}</span> {/if} {/if} <a class="button" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a> {if isset($comparator_max_item) && $comparator_max_item} <p class="compare"><input type="checkbox" onclick="checkForComparison({$comparator_max_item})" class="comparator" id="comparator_item_{$product.id_product}" value="{$product.id_product}" /> <label for="comparator_item_{$product.id_product}">{l s='Select to compare'}</label></p> {/if} </div> </li> {/foreach} </ul> <!-- /Products list --> {/if} /* product-list.tpl */ ul#product_list { margin-top: -140px; list-style-type: none ; margin-bottom: 30px} ul#product_list li { height: 278px; left: 13px; position : absolute ; z-index : 1 ; background: none; border: none; padding: 6px; min-height: 250px; width: 25%; float: left; position: relative; display: inline-block; text-align : center; box-sizing: border-box; margin-bottom: 23px } * html ul#product_list li { height: auto !important; height: 130px } ul#product_list li a { height:265px; text-decoration: none; color: #374853 } ul#product_list a.product_img_link { border: solid 0px #d0d3d8; display: block; } ul#product_list a.product_img_link img { vertical-align: bottom; display: block; width: 100%; height: auto; } ul#product_list li h3 { margin: 0.4em 0 } ul#product_list li .new { display : none; background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%; border: 0px solid #488C40; color: white; font-size: 0.6em; font-weight: bold; margin: 0 1em 0 0; padding: 0 0.4em; text-transform: uppercase; vertical-align: 0.3em } ul#product_list li p.product_desc { margin-bottom: 0; font-size: 0.92em } ul#product_list li div.right_block { width: 11em; text-align: right; margin-top: 8px; position: absolute; bottom: 14px; right: 6px; display: none; } ul#product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only { color: #da0f00; text-transform: uppercase; font-weight: bold; display: block } ul#product_list li .reduction { display: block; margin-bottom: 0.3em } ul#product_list li .price { display: block; font-size: 12px; color: #484848; margin-bottom: 0.2em } ul#product_list li span.availability { color: #488c40; font-size: 0.9em } ul#product_list li a.button { margin-top: 0.5em } ul#product_list li p.compare input { vertical-align: text-bottom }

Hello I am having an issue on my site and am not finding the solution http://www.vente2site.fr/ and http://www.vente2site.fr/e-commerces-sites-marchands-en-vente-a-ceder/365-e-commerce-de-meubles-et-luminaires.html call the same template for the header. However the rollover does not work for one the images (voir les annonces) when i am on the main page. Any idea oh how to correct? HTML: <a href="#" id="annvoir" class="voir_annonces" onmouseover="this.style.color = '#777D89';afficherGrisAnnonces()" onmouseout="this.style.color = '#00B196';affichervertAnnonces()" > {l s='Voir les annonces' mod='blockuserinfo'} </a> JS: function afficherGrisDeposerAnnonces() { $('#depannonce').css('background-image','url(http://www.vente2site.fr/themes/vente2site/img/icone_1_grey.png)'); } function affichervertDeposerAnnonces() { $('#depannonce').css('background-image','url(http://www.vente2site.fr/themes/vente2site/img/icone_2.png)'); } function afficherGrisLogin() { $('#logannonce').css('background-image','url(http://www.vente2site.fr/themes/vente2site/img/icone_3_grey.png)'); } function affichervertLogin() { $('#logannonce').css('background-image','url(http://www.vente2site.fr/themes/vente2site/img/icone_3.png)'); } function affichergrisMandat() { $('#annmandat').css('background-image','url(http://www.vente2site.fr/themes/vente2site/img/icone_2_grey.png)'); } function affichervertMandat() { $('#annmandat').css('background-image','url(http://www.vente2site.fr/img/Picto-Mandat.png)'); } function afficherGrisAnnonces() { $('#annvoir').css('background-image','url(http://www.vente2site.fr/themes/vente2site/img/icone_4_grey.png)'); } function affichervertAnnonces() { $('#annvoir').css('background-image','url(http://www.vente2site.fr/themes/vente2site/img/icone_1.png)'); }

Salve a tutti, ho un problema semplice semplice, in semplice modulo in HTML inserisco un'immagine statica... e fin qui tutto ok. Se invece poi gli inserisco anche le due condizioni "quando mouse sopra" e "quando mouse fuori" nelle avanzate dell'immagine, il sistema mi risponde così : 403 ForbiddenAccess to this resource on the server is denied! Sono un neofita e non so che tipo di problema è. Qualcuno ha una soluzione !?

Bonjour, J'utilise le thème Alysum et j'aimerai pouvoir changer la couleur du Rollover lorsque je circule sur le menu. Je ne sais pas à quelle feuille de style m'attaquer, donc c'est problématique. Ensuite, j'aurai aimé connaître la taille des images idéales pour ces produits, car j'ai beau adapter et ré-adapter, rien n'y fait, elle est toujours en plus petit. Ci joint le lien : http://test.crossover-wear.com Merci d'avance

http://addons.prestashop.com/fr/fonctionnalites-front-office-modules-prestashop/8143-rollover.html Compatibilité 1.5.1 à 1.5.4.1 Description Optimisez l’affichage de vos images en proposant une image alternative "Rollover" lorsque le curseur de la souris passe sur l’image d'un produit. Fonctionnalités Améliorer la visibilité de vos pages ! Le module est totalement configurable en back office dans l’onglet image. Le module Roll overpermettra aux images d’être plus visible que ce que permet la fonction de base dans Prestashop. L’image alternative s’affiche sur les pages catégories, produits phares, nouveaux produits, meilleurs ventes et promotions. Paramétrez le module ! Une fois installé, allez dans l’onglet produit, puis créez un produit (ou modifiez un produit existant) puis image.Le Roll-Over paramètre immédiatement toutes vos fiches produits. Vous pouvez à tout moment changer d'image alternative dans ce même onglet. Enregistrez et le module est paramétré ! Nous avons optimisé l'ergonomie du module afin de le rendre très simple à mettre en place. Les "+" pour vous Le module Prestashop est idéal si vous souhaitez améliorer la qualité de vos visuels auprès de vos clients. Optimisez l’affichage de vos images en proposant une image alternative "Roll-over" lorsque le curseur de la souris passe sur l’image d'un produit. Cette fonctionnalité est incontournable dans l’ecommerce et utilisé par tous les grands sites marchands comme Amazon, Priceminister et H & M. Les "+" pour vos clients Ce module permettra à vos clients de mieux voir la qualité de vos produits avant d’arriver sur la fiche produit et donnera une image professionnelle à votre site. http://addons.prestashop.com/fr/fonctionnalites-front-office-modules-prestashop/8143-rollover.html

Bonjour à tous, Je suis en train de créer un template pour mon site et j'aimerais savoir comment faire apparaître des éléments comme un "ajouter au panier" cliquable au survol de l'image des produits en page d'accueil. Exemple de l'effet désiré : http://www.sauce-piquante.fr/ (ici, ils affichent j'achète! par exemple) PS : si vous n'avez pas de réponse détaillée, pouvez-vous me dire quel langage utiliser : css, javascript/jquery ? ou quel mot clef taper sur google. Bonne journée, Alex

Hola, Tengo un módulo de html alojado en el footer. En dicho módulo quiero poner unas imagenes que seran links a redes. El problema que tengo es que deberían ser imagenes con rollover, que al pasar por encima cambien a una segunda imagen. ¿Alguien podría explicarme como hacerlo? Todo lo que he encontrado en este y otros foros se refiere a imagenes de productos y no me sirve. Gracias

For default category ID number 4 where there are three Apple MacBook laptops, somehow there is an external module operate inside this category picture section (I think), no matter what I do I cannot change the picture within this category. Plus, there is a plus (+) symbol in the center of this image of all three MacBooks, and it randomly display one of the product when mouse rollover. I am using the default PrestaShop 1.4.8 theme, no modification been made yet with the core, everything original code, so... Does anyone know about this mystery? Solution: It's called Image mapping feature under Catalog tab.

For default category ID number 4 where there are three Apple MacBook laptops, somehow there is an external module operate inside this category picture section (I think), no matter what I do I cannot change the picture within this category. Plus, there is a plus (+) symbol in the center of this image of all three MacBooks, and it randomly display one of the product when mouse rollover. Does anyone know about this mystery?