Exclude widget from lazy load | PenciDesign Support

Volodymyr Tymko replied

1 year ago

Customer Reply

Thank you for your answers, and although your solution doesn’t work, please close this question — I’ll do it myself faster. I can see that you don’t understand your own product.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

You need to exclude the two files below if you want to enable the animation:

owl.carousel.min.js
sina-widgets.min.js

Regards,
PenciDesign.

Volodymyr Tymko replied

1 year ago

Customer Reply

Thank you for your response, but it doesn’t help because the animation doesn’t start.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

The code I sent excludes the slider at the top of the homepage, similar to the screenshot you shared earlier.

Regards,
PenciDesign.

Volodymyr Tymko replied

1 year ago

Customer Reply

Thanks for the answer!

My question was about
Sina Post Carousel Elementor widget - not Sina Slider.

I would like to get a professional answer from the developer, what scripts, css or selectors to exclude from optimization soledad. Like this:

Exclude Scripts from Delay Execution

owl.carousel.min.js
sina-widgets.min.js
frontend.min.js
frontend-modules.min.js
elementorFrontendConfig
elementor-frontend-js-extra
elementor-waypoints
webpack.runtime.min.js

Exclude Stylesheets from Optimize CSS

sina-widgets.min.css
owl.carousel.min.css
animate-merge.min.css

Best regard

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

I have a custom CSS snippet for you that forces the Sina Slider to display without turning off any settings.

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.sina-posts-carousel.owl-carousel:not(.owl-loaded) {
  display: block;
}
.sina-posts-carousel.owl-carousel:not(.owl-loaded) .sina-pc-thumb {
  display: none;
}
.sina-posts-carousel.owl-carousel:not(.owl-loaded) .sina-pc-thumb:first-child {
  display: block;
}

Regards,
PenciDesign.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please check my reply carefully. You installed and are using the slider from the Sina Extension for Elementor, correct? The lazy loading is managed by that plugin, not by the Soledad theme.

You're also using Penci Shortcode & Performance to lazy-load JavaScript. This delays all JS until a user interacts with the site, which also delays the JS for the Sina Extension. To show the slider immediately, disable the JavaScript delay feature at Appearance → Customize → Speed Optimizations → Optimize JavaScript.

Regards,
PenciDesign.

Volodymyr Tymko replied

1 year ago

Customer Reply

It's a real shame that you don't know your own product and didn't even spend 5 minutes to look into this issue. After all, it's enough to just add the scripts to the exceptions for the widget to load immediately. Very disappointing.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Unfortunately, the current version of the Penci Shortcode & Performance plugin does not support disabling lazy load for specific Elementor elements outside the Soledad theme sidebar. We will consider adding this option in a future theme update.

Regards,
PenciDesign.

Volodymyr Tymko started the conversation

1 year ago

Conversation Start

What scripts or CSS files should I exclude from speed optimisation so that the Sina Post Carousel Elementor widget displays immediately, rather than after an action on the page?