• Priority: Medium
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 31.07.19, 14:31
  • Reason: Closed
  • Comment: Glad to help!

Ticket #15064 - Issue with some products' images.

Hi Marek,

We’ve noticed that some of our product images on front page (discover more section) are missing.
I have inspected the page and it looks like the img url of those images is different to the products listed on the website. So my understanding is that there’s no connection between that section of the website and the actual product, if that makes any sense to you :) Can you please check that?

I have attached the image of our discover more section.


DiscoverMore.png (119.1 KiB)

This ticket does not depend on any other tickets.

Marek (marek) 11 Jul 2019, 20:58

Hi, Lisa.
Please give me a link to let me see the issue

Lisa Keeling (Lissea) 12 Jul 2019, 10:15


Marek (marek) 15 Jul 2019, 10:45

try to replace Promokit Products module with Product list widget. We have removed that module in the latest theme versions

Lisa Keeling (Lissea) 15 Jul 2019, 10:55

Oh, we didn’t know that. Do you inform your customers about those type of changes? We didn’t get anything..

Lisa Keeling (Lissea) 15 Jul 2019, 11:02

Hmm... don’t really know how to replace it, as we connect the module in directly in alyssum settings (home page tab) and I see nothing called product list widget either there and in the modules section..

Are there other modules that need updating that we should be aware of?

Marek (marek) 15 Jul 2019, 11:08

There is nothing critical, just a new option.
I need access to your back office

Lisa Keeling (Lissea) 15 Jul 2019, 11:42

The access is in our profile section.

Marek (marek) 15 Jul 2019, 12:10

The issue has been fixed. Please test to confirm the change

Lisa Keeling (Lissea) 15 Jul 2019, 13:08

I have tested it out, looks ok.
One thing actually - is there any way to display two products (instead of 1) on mobiles?

Lisa Keeling (Lissea) 15 Jul 2019, 13:32

Can you also tell what exactly has been changed as we want to apply this change to our development environment.

Marek (marek) 15 Jul 2019, 14:21

The file is /public_html/themes/alysum/templates/catalog/_partials/product-image.tpl

Lisa Keeling (Lissea) 15 Jul 2019, 14:35

One more thing - is there any way to display two products (instead of 1) on mobiles?

Marek (marek) 15 Jul 2019, 15:09

Try following CSS:

@media (max-width:500px) {
#pattern .view_grid .product_list .grid-container { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr))}
Lisa Keeling (Lissea) 15 Jul 2019, 15:26

Hi Marek, not sure if the code works. I’ve tried the code both on dev and live sites and no change there. I browsed the website on incognito window and also cleared cache.

Marek (marek) 15 Jul 2019, 15:28

Try to add “!important”

@media (max-width:500px) {
#pattern .view_grid .product_list .grid-container { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important}
Lisa Keeling (Lissea) 18 Jul 2019, 14:51

Still doesn’t work. :(

Marek (marek) 19 Jul 2019, 11:52

make sure you have cleared prestashop cache (if CSS cache is enabled) and browsers cache as well