• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 10.01.24, 16:32
  • Opened by: Adriano Fornaro

Ticket #25204 - Carousel template broken with Prestashop Cache enabled

In our home page we added a product carousel.
We modified some CSS of the elementor widget.
Watching the page source code, Elementor generates the required classes, for example the title is aligned to center trough this code:

.elementor-60010000 .elementor-element.elementor-element-5310ee15 .product-title { 

font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
line-height: 1.4em;
color: #222222;
text-align: center;

}

Mind that we also added a custom CSS in the theme editor:

/* home carousel */
.elementor-alert.elementor-alert-info { 

color: #fff;
background-color: #313537;
border-color: #000;

}
.elementor-widget-pkminiaturelabels .product-flags .new { 

background-color: #313537;
color: #fff;

}

Now, if we enable the Prestashop Cache, then the carousel stops working, apparently the generated CSS vanishes. Please fix the bug in your Elementor widgets module.
Screenshots attached.

Attachments:

agora carosello.jpg (91.8 KiB)

Comments

Fred 11 Jan 2024, 14:07

Hi, Adriano.
I have updated Promokit Widgets module, please check

Adriano Fornaro 11 Jan 2024, 15:50

Ok, now the carousel seems working but the product categories are broken.
There is only one product repeated in all categories (a pair of pant). Please fix it as soon as possible.

See, this is man category: https://www.agora-shop.it/it/24-uomo This is woman category: https://www.agora-shop.it/it/3-donna

URGENT!

Fred 11 Jan 2024, 16:34

Please try now

Adriano Fornaro 11 Jan 2024, 16:49

Now it is working. I tried to open and save the templates, hoping for an update of the content, I noticed an alert the first time after loading. I don't remember the exact sentence, it was like some content could not be loaded. But then this message doesn't appear anymore.

Now, I am trying to fix an issue in the home page. On mobile it is shifting on the left, as if there is something larger than the width, and it is pushing the size.
Maybe it is the brands carousel but I am not sure. Removing arrows from carousels doesn't matter.
Can you fix it please?

Fred 12 Jan 2024, 10:48

That's because of these arrows https://take.ms/iEmhO try to adjust the position for mobile devices, find an option in widget to move it horizontally