Problème d’affichage du slider de la page d’accueil sur ordinateur

Bonjour,

Je rencontre un problème avec le slider de la page d’accueil de mon site Nysalia.

Site : https://nysalia.com

J’ai remplacé toutes les diapositives de démonstration de WoodMart par mes propres diapositives personnalisées.
Cependant, j’ai un comportement très étrange :
Sur ordinateur, ce sont toujours les anciennes images de démonstration de Wood Mart qui s’affichent.
Sur mobile, mes nouvelles images s’affichent parfaitement.
Afin d’être certaine que le problème ne venait pas de ma configuration, j’ai effectué de nombreuses vérifications.

Vérifications déjà effectuées
La page d’accueil utilise bien la page Home Fashion-flat.
Le widget Slider de la page est bien relié au curseur Fashion flat slider (wood mart_slider).
Le slider mobile est bien relié au curseur Fashion flat slider Mobile.
Toutes les diapositives ont été modifiées avec Elementor.
Toutes les anciennes images Wood Mart ont été remplacées par mes nouvelles images.
Toutes les diapositives sont publiées.
Toutes les diapositives sont correctement rattachées au curseur Fashion flat slider.
Pour écarter tout problème, j’ai même créé des duplicatas des trois diapositives (Femme, Homme et Enfant) et je les ai également publiés.
Les diapositives d’origine ainsi que leurs duplicatas contiennent bien les nouvelles images.
Le cache Lite Speed a été vidé.
Les tests ont été effectués en navigation privée.
Les tests ont également été réalisés sur plusieurs navigateurs.
J’ai même dupliquer les diapositives WOODMART en modifiant les photos mais toujours les diapositives de wordmart qui s’affichent toujours.
Malgré toutes ces vérifications, la version mobile affiche les bonnes diapositives, alors que la version ordinateur continue d’afficher les anciennes images de démonstration Wood Mart.

À ce stade, j’ai l’impression que la version ordinateur n’utilise pas les diapositives actuellement publiées, mais charge un ancien slider, une ancienne configuration ou un cache interne au thème.

Pourriez-vous vérifier les points suivants ?

– Pourquoi la version ordinateur affiche-t-elle encore les anciennes diapositives de démonstration ?
– Existe-t-il un autre slider, une autre mise en page ou un modèle qui remplacerait celui que j’ai configuré ?
– Existe-t-il un système de cache interne ou une configuration propre à Wood Mart qui pourrait continuer à afficher les anciennes images malgré les modifications effectuées ?

Je peux fournir toutes les captures d’écran nécessaires si besoin.

Je vous remercie par avance pour votre aide.

Cordialement,

Samia

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I can check and give you a possible solution.

Best Regards

Bonjour,

J’ai suivi toutes vos recommandations.

J’ai effectué une sauvegarde complète du site.
J’ai activé le mode maintenance.
J’ai désactivé tous les plugins tiers en ne conservant que les plugins nécessaires au thème WoodMart.
J’ai vidé le cache et effectué plusieurs tests.

Le problème persiste.

Dans Elementor, le widget Curseur utilise bien le slider Fashion Flat Slider, mais les images du slider ne s’affichent toujours pas. Seuls le texte et les points de navigation apparaissent.

Je joins plusieurs captures d’écran montrant le problème.

Comme demandé, je peux maintenant vous transmettre les identifiants d’administration WordPress afin que vous puissiez effectuer vos vérifications.

Je vous remercie également de bien vouloir m’indiquer précisément les modifications et la procédure que vous aurez suivies pour résoudre ce problème. Cela me permettra de comprendre l’origine du dysfonctionnement et de savoir comment intervenir si cette situation se reproduit à l’avenir car je doit racheter une autre License pour la création d’un autre site avec le thème woodmart .

Je vous remercie par avance pour votre aide.

Cordialement,

Hello,

Thank you for your patience and for following all the troubleshooting steps.

I have checked your site and noticed that you are using separate sliders for desktop and mobile devices. For the desktop version, you are using the Fashion Flat Slider, which currently contains 6 slides.

The issue appears to be that the background images in all of these slides are broken or missing, which is why only the text content and navigation dots are displayed.

See this screenshot: https://postimg.cc/5YTN1hHY

Navigate to Slides > Edit the slide in Elementor > From the Elementor page settings, check the slide settings and change the background image.

See Screenshot for better understanding:https://postimg.cc/H81D6dcp

On your site, I have the slide background image, and it is working fine.
https://postimg.cc/NKMV75J6

If you have any questions, feel free to contact us.

Best Regards

Tu as raison, je corrige. Voici le bon message :

—

**Objet : Problème responsive du slider desktop – les images changent lors du redimensionnement**

Bonjour,

Merci pour votre précédent retour.

Depuis votre message, nous avons réussi à corriger une partie du problème : les diapositives personnalisées sont maintenant bien visibles. Ce ne sont plus les images de démonstration WoodMart qui s’affichent.

Cependant, cela n’a pas été résolu grâce à la manipulation indiquée dans votre précédent message concernant l’image d’arrière-plan. En réalité, les images étaient bien présentes dans les réglages des diapositives.

Le problème actuel est différent :

Sur ordinateur, lorsque la fenêtre est en plein écran, les trois diapositives s’affichent correctement :

1. Slide Femme
2. Slide Homme
3. Slide Enfant

En revanche, lorsque je réduis progressivement la largeur de la fenêtre du navigateur sur ordinateur, les images changent de façon anormale.

Plus précisément :

* La slide Femme reste correcte.
* La slide Homme s’affiche bien en plein écran, mais lorsque je réduis la fenêtre, elle est remplacée par l’image de la slide Femme.
* La slide Enfant s’affiche bien en plein écran, mais lorsque je réduis la fenêtre, elle est également remplacée par l’image de la slide Femme.

Le problème ne concerne pas le mobile réel : sur smartphone, le slider fonctionne correctement.

Le problème apparaît uniquement sur ordinateur, lorsque je réduis la largeur de la fenêtre du navigateur.

J’ai comparé les réglages des slides Femme, Homme et Enfant : image, contenu, arrière-plan, conteneur, responsive, object-fit et position de l’image. Je n’ai pas trouvé de différence expliquant ce comportement.

Pouvez-vous vérifier pourquoi, lors du redimensionnement de la fenêtre sur ordinateur, les images des slides Homme et Enfant sont remplacées par celle de la slide Femme ?

Merci également de m’indiquer précisément la cause du problème et la procédure exacte suivie pour le corriger.

Cordialement,
Samia Mebarakou

Hello,

Browser resizing is not a standard way of checking the concern for the responsive viewports. You can check your Site on a real time device (Mobile/desktop/tablet) and check the issue because after resizing from the desktop viewport to the tablet or mobile screen sizes, the page needs to be reloaded.

Best Regards

Bonjour,

Merci pour votre retour.

Je comprends que le redimensionnement de la fenêtre ne remplace pas un véritable test sur mobile ou tablette.

En revanche, mon problème ne concerne pas l’affichage sur un appareil mobile.

Sur smartphone, le slider fonctionne correctement.

Le problème se produit uniquement sur ordinateur, lorsque la fenêtre du navigateur est réduite, ce qui reste un cas d’utilisation réel pour les utilisateurs qui n’affichent pas leur navigateur en plein écran ou qui travaillent avec plusieurs fenêtres côte à côte.

Dans cette situation :

la première slide (Femme) reste correcte sur mobile et ordinateur
la deuxième slide (Homme) est remplacée par la slide Femme au moment de la réduction de la fenêtre sur ordinateur
la troisième slide (Enfant) est également remplacée par la slide Femme au moment de la réduction de la fenêtre

Pouvez-vous me confirmer si ce comportement est normal avec le thème WoodMart ou s’il s’agit d’un dysfonctionnement ?

Si ce comportement est normal, existe-t-il un moyen de conserver la bonne image de chaque diapositive lorsque la fenêtre du navigateur est simplement redimensionnée sur ordinateur, sans recharger la page ?

Merci d’avance pour votre retour.

Cordialement,

Samia

J’aurais une question concernant les bonnes pratiques avec le slider WoodMart.

Pour obtenir le meilleur affichage sur mobile, quelle est la méthode que vous recommandez ?

Option 1 : créer des diapositives spécifiques pour le mobile, avec des images au format portrait (par exemple 1122 × 1402 px), et utiliser un slider dédié au mobile.
Option 2 : utiliser les mêmes diapositives que pour l’ordinateur et simplement ajuster certains paramètres (Object Fit, Position de l’image ou autres réglages) afin qu’elles s’adaptent correctement à tous les appareils.

Je souhaiterais connaître la méthode officiellement recommandée par WoodMart afin de configurer mon site de la meilleure façon possible, sans utiliser une solution qui ne serait pas prévue par le thème.

Merci d’avance pour votre retour.

Cordialement,

Samia

Hello,

01. Unfortunately, there are no other solutions. After resizing from the desktop viewport to the tablet or mobile screen sizes, the page needs to be reloaded.

The main reason for this implementation is to speed up the website performance by loading certain scripts only on desktop and others only on mobile devices. Automatically switching between them when resizing the screen would increase the code volume on both types of devices and degrade site speed performance. Additionally, it would require writing extra code, which is beyond the support scope of our WoodMart theme.

During the development and customization of the site, we recommend refreshing the page every time you resize the browser window from desktop dimensions to mobile and vice versa. For actual site users on real mobile or desktop devices, this behavior will be unnoticeable.

02. For the best responsive experience, we recommend using separate images for different device sizes.

You can edit your slide in Slides > All Slides, open the slide in Elementor, click Slide Settings (top-left corner), and upload a dedicated image for mobile devices. This also allows you to adjust the content position specifically for smaller screens.

See Screenshot for better understanding: https://postimg.cc/DmgkzDdm

For example: Desktop: landscape image optimized for wide screens and Mobile: portrait image optimized for vertical displays.

This approach ensures the slider looks visually correct and maintains the best user experience across all devices.

Best Regards

[Author]

Posts