Jump to content
jofefo

Problema con la imagen de portada de los productos

Recommended Posts

Hola,

Estoy teniendo un problema con las imágenes de portada de los productos y no se como solucionarlo. 

Es una instalación nueva de Prestashop 1.7.4.2

El problema es que aunque los productos tengan seleccionada una imagen de portada, en la pagina de categoría sale como portada de producto la primera imagen de la combinación por defecto del producto. 

No se si es porque tengo algo mal configurado o porque en Prestashop 1.7.4.2 ahora funciona así. 

Gracias

Share this post


Link to post
Share on other sites

No tienes nada mal configurado, así es como funciona, cuando tienes combinaciones y estas tienen imágenes asociadas, se tomara como portada la de la combinación por defecto.

Share this post


Link to post
Share on other sites

Gracias por tu respuesta.

En Prestashop 1.6 la imagen de portada era la que marcamos al crear el producto. 

Esto se puede cambiar? 

Share this post


Link to post
Share on other sites

Por alguna opción de configuración NO. Es que además es algo que no tiene sentido, no puedes poner un vestido color blanco y tener una combinación por defecto marcada en color azul, ¿que tal si el cliente no requiere cambiar nada y simplemente compra pensando que está adquiriendo el color blanco?

Share this post


Link to post
Share on other sites

La idea es si que si tienes un vestido en dos colores en la imagen de portada se muestren los dos colores disponibles para que el cliente sepa que esta disponible en más de un color. 

Pero si no se puede tendremos que apañarnos así. 

Gracias!

  • Like 1

Share this post


Link to post
Share on other sites
On 9/12/2018 at 12:29 PM, jofefo said:

La idea es si que si tienes un vestido en dos colores en la imagen de portada se muestren los dos colores disponibles para que el cliente sepa que esta disponible en más de un color. 

Pero si no se puede tendremos que apañarnos así. 

Gracias!

¿Lograste hacerlo funcionar de alguna manera? Yo ando en las mismas y el cliente está loco ya...

Share this post


Link to post
Share on other sites

Como dice rolige , funciona de esa manera, muestra las imagenes que tiene el color por defecto, si quereis que se muestre el cuadro de color y cambie de imagen dependiendo del color hay un modulo que hace lo que necesitas

https://addons.prestashop.com/es/combinaciones-personalizacion/41653-mostrar-atributo-de-color-en-la-lista-de-productos.html

es mio , si teneis alguna consulta por mp

Edited by gusman126 (see edit history)

Share this post


Link to post
Share on other sites

Hola, a mi tampoco me hace gracia que no se muestre la image de portada.

Mis imagenes de portada muestran todas las variantes y así el cliente sabe que el producto tiene opciones.

Dejo aqui lo que he hecho para solucionarlo si a alguien más le hace falta:

themes/Mitema/templates/catalog/_partials/miniatures/product.tpl

Cambiar esto:

{if $product.cover}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$product.cover.bySize.home_default.url}"
              alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
              data-full-size-image-url = "{$product.cover.large.url}"
            >
          </a>
        {else}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$urls.no_picture_image.bySize.home_default.url}"
            >
          </a>
        {/if}

por esto:

  {if $product.cover}
		{assign var="cv_img" value=Product::getCover($product.id)}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$link->getImageLink($product.link_rewrite, $cv_img.id_image, 'home_default')}"
              alt = "{$product.name|truncate:30:'...'}"
			  title = "{$product.name|truncate:30:'...'}"
              data-full-size-image-url = "{$link->getImageLink($product.link_rewrite, $cv_img.id_image, 'large')}"
            >
          </a>
        {else}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$urls.no_picture_image.bySize.home_default.url}"
            >
          </a>
        {/if}

El title es opcional :  title = "{$product.name|truncate:30:'...'}" ,  podeis quitar si se hace molesto.

En mi tema lo deje, además puse el truncate en 100. 😆

 

Edited by UniArt (see edit history)

Share this post


Link to post
Share on other sites

Una cosa que se me ocurre, a modo de salvar esta situación, es agregar una combinación que se llame, por ejemplo "selecciones un color" y esa combinación la pones como predeterminada y le asocias la foto de portada. Pero sigo teniendo otro problema, que debajo de la foto principal, no se muestran las demás fotos, desaparecen al tener seleccionada una combinación.

Edited by alabrisa (see edit history)

Share this post


Link to post
Share on other sites
On 9/28/2019 at 1:29 PM, alabrisa said:

Una cosa que se me ocurre, a modo de salvar esta situación, es agregar una combinación que se llame, por ejemplo "selecciones un color" y esa combinación la pones como predeterminada y le asocias la foto de portada. Pero sigo teniendo otro problema, que debajo de la foto principal, no se muestran las demás fotos, desaparecen al tener seleccionada una combinación.

Esto tampoco es un problema, de ahora adelante será así, solo se mostrará la foto de la combinación seleccionada. Eso creo que lo hicieran para que el cliente no se equivoque al seleccionar una combinación , en la 1.6 despues de seleccionada la combinación se podría ver otra imagen y añadir la combinación seleccionada pensando que era la combinación de la imagen que estaba vendo, vaya todo un lío.

Eso lo he solucionado dejando las miniaturas de todas las imágenes pero que se abran en la ventana modal, al cerrar la imagen de la combinación seleccionada sigue mostrándose.

Falta ajustar los tamaños de las fotos y algo de css pero podeis ver la solución en el link:

http://uniup.uniart.es/migrarcero/es/colgantes/161-colgante-donut-35-mm.html

Lo he hecho con un módulo, aun no lo he probado en produción pero si alguien lo quiere puede llamarme por privado y se lo dejo provar que tal.

Share this post


Link to post
Share on other sites
On 9/29/2019 at 1:53 PM, UniArt said:

Esto tampoco es un problema, de ahora adelante será así, solo se mostrará la foto de la combinación seleccionada. Eso creo que lo hicieran para que el cliente no se equivoque al seleccionar una combinación , en la 1.6 despues de seleccionada la combinación se podría ver otra imagen y añadir la combinación seleccionada pensando que era la combinación de la imagen que estaba vendo, vaya todo un lío.

Eso lo he solucionado dejando las miniaturas de todas las imágenes pero que se abran en la ventana modal, al cerrar la imagen de la combinación seleccionada sigue mostrándose.

Falta ajustar los tamaños de las fotos y algo de css pero podeis ver la solución en el link:

http://uniup.uniart.es/migrarcero/es/colgantes/161-colgante-donut-35-mm.html

Lo he hecho con un módulo, aun no lo he probado en produción pero si alguien lo quiere puede llamarme por privado y se lo dejo provar que tal.

Hola, la versión 1.6 al entrar en el producto te mostraba todas, y al seleccionar una combinación, entonces mostraba solo la foto de esa combinación, pero ademas, debajo de la imagen tenia un botón que decía "mostrar todas las imágenes" por si quieres volver a verlas todas. En la 1.7 ya de entrada, solo muestra la combinación predeterminada, de nada sirve entonces la foto de portada si no está asignada a una combinación. 

Al menos a mi, me gusta mas como estaba la 1.6

Share this post


Link to post
Share on other sites
4 minutes ago, alabrisa said:

Hola, la versión 1.6 al entrar en el producto te mostraba todas, y al seleccionar una combinación, entonces mostraba solo la foto de esa combinación, pero ademas, debajo de la imagen tenia un botón que decía "mostrar todas las imágenes" por si quieres volver a verlas todas. En la 1.7 ya de entrada, solo muestra la combinación predeterminada, de nada sirve entonces la foto de portada si no está asignada a una combinación. 

Al menos a mi, me gusta mas como estaba la 1.6

A mi también me gustaba como antes, pero se ve que cada vez más tratan el usuario web de imbécil.

Te pongo un ejemplo, entra un usuario "imbécil" en tu tienda, entra en el producto, se decide a comprar el de color azul, lo selecciona en este color y ve que se muestra la foto en azul, despues decide ver las demás fotos y visualiza el de color rosa, entonces se decide a comprar el rosa y como es imbécil y está vendo el rosa delante de él pincha en añadir al carrito sin cambiar la combinación selecionada y cuando le llega el producto azul en su casa te lo devuelve por que queria el rosa y no el azul.

Me gustaba el de antes, con foto de portada y todas las opciones visibles por que mis clientes no son imbéciles, al revés son mas listos que yo. Aun que tengo casi toda la tienda con opciones de colores nunca pasa este tipo de error, pero como está de moda subestimar la inteligencia del usuario se ve que los de prestashop también empiezan a hacerlo.

 

 

Share this post


Link to post
Share on other sites
On 9/12/2018 at 7:29 PM, jofefo said:

La idea es si que si tienes un vestido en dos colores en la imagen de portada se muestren los dos colores disponibles para que el cliente sepa que esta disponible en más de un color. 

Pero si no se puede tendremos que apañarnos así. 

Gracias!

Yo estoy igual. Se pierde muchas ventas. Es como si vas a compara un Polo Lacoste y solo te muestran el rojo (por defecto)...mucha gente pasara delante pensando que llastima queria uno azul......en fn hay que ser vendedor para entenderlo.

Share this post


Link to post
Share on other sites

Si tanto os hace falta hay posibilidades

Usando el panda theme...

 

O usando un modulo que muestra las combinaciones con su color en el listado

https://mypresta.eu/modules/front-office-features/product-list-attributes-combinations.html

https://mypresta.eu/modules/front-office-features/product-pictures-on-product-listings.html

 

Edited by gusman126 (see edit history)

Share this post


Link to post
Share on other sites
5 hours ago, spaincars said:

Yo estoy igual. Se pierde muchas ventas. Es como si vas a compara un Polo Lacoste y solo te muestran el rojo (por defecto)...mucha gente pasara delante pensando que llastima queria uno azul......en fn hay que ser vendedor para entenderlo.

Sí... bueno, hace no mucho salió también este módulo, que creo que es justo lo que estás buscando: https://www.sunnytoo.com/product/change-product-images-click-color-variants-module-prestashop-1-7?wpam_id=1

Share this post


Link to post
Share on other sites
On 11/2/2019 at 12:01 AM, Dan Guerrero said:

Sí... bueno, hace no mucho salió también este módulo, que creo que es justo lo que estás buscando: https://www.sunnytoo.com/product/change-product-images-click-color-variants-module-prestashop-1-7?wpam_id=1

Muchas gracias Dan por la ayuda,  pero no es lo que busco, tendria que ser basicamente como en las versiones 1.6 y anterior de prestashop que este la foto que se elija de portada, y luego cuando entras en la ficha producto pues que se cambie la foto haciendo click en los botones de colores...como antes vamos...no como ahora quemanda la  foto del  producto elejido como "por defecto".

Pero no pasa nada, gracias de todos modos por la ayuda.

  • Like 1

Share this post


Link to post
Share on other sites

A mi también me gustaba como estaba antes en la 1.6 pero tampoco encuentro ningún módulo o algo similar que permita esto :(

Share this post


Link to post
Share on other sites
En 29/9/2019 a las 1:53 PM, UniArt dijo:

Esto tampoco es un problema, de ahora adelante será así, solo se mostrará la foto de la combinación seleccionada. Eso creo que lo hicieran para que el cliente no se equivoque al seleccionar una combinación , en la 1.6 despues de seleccionada la combinación se podría ver otra imagen y añadir la combinación seleccionada pensando que era la combinación de la imagen que estaba vendo, vaya todo un lío.

Eso lo he solucionado dejando las miniaturas de todas las imágenes pero que se abran en la ventana modal, al cerrar la imagen de la combinación seleccionada sigue mostrándose.

Falta ajustar los tamaños de las fotos y algo de css pero podeis ver la solución en el link:

http://uniup.uniart.es/migrarcero/es/colgantes/161-colgante-donut-35-mm.html

Lo he hecho con un módulo, aun no lo he probado en produción pero si alguien lo quiere puede llamarme por privado y se lo dejo provar que tal.

Hola, me puedes pasar el módulo a ver si me funciona?

Share this post


Link to post
Share on other sites
En 30/6/2019 a las 8:46 PM, UniArt dijo:

Hola, a mi tampoco me hace gracia que no se muestre la image de portada.

Mis imagenes de portada muestran todas las variantes y así el cliente sabe que el producto tiene opciones.

Dejo aqui lo que he hecho para solucionarlo si a alguien más le hace falta:

Mitema/templates/catalog/miniatures/product.tpl

Cambiar esto:


{if $product.cover}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$product.cover.bySize.home_default.url}"
              alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
              data-full-size-image-url = "{$product.cover.large.url}"
            >
          </a>
        {else}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$urls.no_picture_image.bySize.home_default.url}"
            >
          </a>
        {/if}

por esto:


  {if $product.cover}
		{assign var="cv_img" value=Product::getCover($product.id)}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$link->getImageLink($product.link_rewrite, $cv_img.id_image, 'home_default')}"
              alt = "{$product.name|truncate:30:'...'}"
			  title = "{$product.name|truncate:30:'...'}"
              data-full-size-image-url = "{$link->getImageLink($product.link_rewrite, $cv_img.id_image, 'large')}"
            >
          </a>
        {else}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src = "{$urls.no_picture_image.bySize.home_default.url}"
            >
          </a>
        {/if}

El title es opcional :  title = "{$product.name|truncate:30:'...'}" ,  podeis quitar si se hace molesto.

En mi tema lo deje, además puse el truncate en 100. 😆

 

Tengo la versión 1.7.4 y no veo este fragmento de código por ninguna parte.

Share this post


Link to post
Share on other sites
On 2/10/2020 at 2:12 PM, Regaloslovel said:

Hola, me puedes pasar el módulo a ver si me funciona?

Te lo pasaré por privado por que no lo he probado en produción, ok?

Share this post


Link to post
Share on other sites
On 2/10/2020 at 2:12 PM, Regaloslovel said:

Tengo la versión 1.7.4 y no veo este fragmento de código por ninguna parte.

pega aqui el código de tu tpl tu_tema/templates/catalog/miniatures/product.tpl y miro si es distinto del mio.

Share this post


Link to post
Share on other sites
24 minutes ago, UniArt said:

Te lo pasaré por privado por que no lo he probado en produción, ok?

A mi también me interesaría probarlo aunque sea en el entorno de pruebas que tengo y cualquier problemilla que vea te lo reporto :)

Share this post


Link to post
Share on other sites
On 2/11/2020 at 2:26 PM, UniArt said:

pega aqui el código de tu tpl tu_tema/templates/catalog/miniatures/product.tpl y miro si es distinto del mio.

Hola, estoy con el mismo problema... si pudieras ayudarme... :)

 

mi ruta es /themes/warehouse/templates/catalog/product.tpl

product.tpl

Share this post


Link to post
Share on other sites
21 hours ago, x-ackal said:

Hola, estoy con el mismo problema... si pudieras ayudarme... :)

 

mi ruta es /themes/warehouse/templates/catalog/product.tpl

product.tpl 13.88 kB · 1 download

Perdonar pero la ruta correcta es Mitema/templates/catalog/_partials/miniatures/product.tpl.

Share this post


Link to post
Share on other sites
On 2/10/2020 at 2:12 PM, Regaloslovel said:

Tengo la versión 1.7.4 y no veo este fragmento de código por ninguna parte.

Perdonar pero la ruta correcta es Mitema/templates/catalog/_partials/miniatures/product.tpl

Share this post


Link to post
Share on other sites
39 minutes ago, UniArt said:

Perdonar pero la ruta correcta es Mitema/templates/catalog/_partials/miniatures/product.tpl.

perdona, aquí esta el archivo de esa ruta y no encuentro el fragmento que dices.

product.tpl

Share this post


Link to post
Share on other sites

Hay que tener en cuenta que el fragmento que he mencionado es del tema classic de prestashop, el tuyo es el warehouse y seguramente es diferente.

Lo que tienes que encontrar es la variable que define la url de la imagen de tu tema y cambiarla por una variable que recoge la url basada en el valor del id de la imagen de portada del producto.

En el caso del tema classic la variable es {$product.cover.bySize.home_default.url} y la he cambiado por {$link->getImageLink($product.link_rewrite, $cv_img.id_image, 'home_default')} donde $cv_img.id_image es el id de la imagen de portada del producto.

La clave está en cambiar la variable, sea donde sea que aparezca en tu tema.

Mira en estos includes de tu tema:

{if $iqitTheme.pl_grid_layout == 1}
            {include file='catalog/_partials/miniatures/_partials/product-miniature-1.tpl'}
        {/if}

        {if $iqitTheme.pl_grid_layout == 2}
                {include file='catalog/_partials/miniatures/_partials/product-miniature-2.tpl'}
        {/if}

        {if $iqitTheme.pl_grid_layout == 3}
                {include file='catalog/_partials/miniatures/_partials/product-miniature-3.tpl'}
        {/if}

Quizá encuentres el fragmento que genera el cuadro de la imagen y en ello la variable que hay que cambiar.

Posta la url de tu tienda a ver si podemos identificar la parte exacta que hay que cambiar.

Share this post


Link to post
Share on other sites
hace 6 horas, Regaloslovel dijo:

No muestra todas las imágenes de la combinación por defecto. No sirve para lo que quiero pero gracias.

Le he enviado un post al desarrollador a ver que dice.

Share this post


Link to post
Share on other sites

Nos ocurre lo mismo, han dejado de funcionar las combinaciones y muestra ese error la consola "ReferenceError: oosHookJsCodeFunctions is not defined". Ayer funcionaba todo y ahora la segunda foto o combinaciones no funcionan correctamente.

Share this post


Link to post
Share on other sites

Ojo, estaba causando un conflicto el Módulo_MailAlerts con las combinaciones de producto. Lo hemos desactivado y funciona perfecto. Gracias

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More