Jump to content

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

Link to comment
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?

Link to comment
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
Link to comment
Share on other sites

  • 1 month later...
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...

Link to comment
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)
Link to comment
Share on other sites

  • 7 months later...

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)
Link to comment
Share on other sites

  • 2 months later...

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)
Link to comment
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.

Link to comment
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

Link to comment
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.

 

 

Link to comment
Share on other sites

  • 4 weeks later...
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.

Link to comment
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)
Link to comment
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

Link to comment
Share on other sites

  • 3 weeks later...
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
Link to comment
Share on other sites

  • 5 weeks later...
  • 1 month later...
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?

Link to comment
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.

Link to comment
Share on other sites

  • 2 weeks later...

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.

Link to comment
Share on other sites

  • 1 month later...

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.

Link to comment
Share on other sites

  • 2 years later...

Hola Aldeag,

tengo el mismo problema que tu con la foto que aparece en los listados... me gustaria que saliese la de portada y no la de la combinacion, y tengo el mismo tema que tu, hablaste con el desarrollador del tema? podrias decirme que te dijo?

Gracias

Link to comment
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...