WideBundle n'apparaît que sur mobile (ou ordinateur) sur PageFly !

Wide Hello!

On va voir dans cet article pourquoi WideBundle apparaît uniquement sur mobile et pas sur ordinateur avec PageFly (ou inversement).

C'est parti!

Introduction

Sur PageFly vous avez la possibilité d'avoir 2 versions différentes de votre site. Une pour la version mobile et une pour la version ordinateur.

Lorsque vous utilisez le module "WideBundle" sur PageFly, ce dernier ne peut apparaître qu'une seule fois sur votre page.

Donc en ayant 2 versions différentes et en plaçant le module WideBundle deux fois, il n'apparaîtra qu'une seule fois.

Et si vous souhaitez faire apparaître WideBundle 2 fois, il faudra donc utiliser une autre méthode

Comment faire apparaître WideBundle sur ordinateur ET sur mobile

La solution est d'utiliser le module WideBundle pour une des deux versions uniquement. Par exemple pour la version "ordinateur"



Et pour la version mobile, vous n'allez pas utiliser le module "WideBundle" mais vous allez plutôt utiliser la méthode suivante :

Sur la version mobile, ajoutez un bloc "HTML/Liquid" qui se trouve dans "Elements"



Copiez le code suivant :

<div class="new-wb-form"></div>

Collez le dans le bloc "HTML/Liquid" que vous avez ajouté en cliquant sur "Ouvrir l'éditeur de code"



Sauvegardez


Et voilà ! Maintenant vous utilisez une seule fois le module "WideBundle" de PageFly et pour la version mobile vous utilisez une autre méthode.

Mis à jour le : 10/01/2023