1.7 Activer un module seulement sur téléphone

[Paul Lurin]

Bonjour, j'utilise prestashop 1.7 et  j'aimerais activer ma bannière, mais seulement sur téléphone, et qu'il n'apparaisse pas sur toutes les autres plateformes: savez vous comment faire?

[Mediacom87]

Bonjour,

vous pouvez appliquer les classe suivantes à votre élément à n'afficher que sur mobile :

hidden-sm-up mobile

 

[Paul Lurin]

je vais essayer de suite

 

[Paul Lurin]

Ca ne marche pas, c'est étrange:

[Mediacom87]

rien d'étrange vous avez placé des classes dans du code css cela n'a aucun sens.

Là on parle d'applqiuer simplement une classe css à un élément html comme cela peut être fait dans plsuieurs tp^l du template comme par exemple le tpl d'affichage du menu qui est différent entre desktop et mobile.

Donc prenez votre élément html et faite un truc du style

<div class="hidden-sm-up mobile"></div>

 

[Paul Lurin]

ahh ok je vais voir

 

[Paul Lurin]

Comme ca: (avant c'était class=banner)

[Mediacom87]

logiquement oui.

[Lyn&Or Bijoux]

Bonjour,

Merci pour les infos, j'ai pu rajouter la barre de recherche seulement pour les mobiles, puisque sur pc, elle était déjà dans le menu.

En modifiant .../themes/classic/modules/ps_searchbar/ps_searchbar.tpl

<div id="search_widget" class="search-widget hidden-sm-up mobile" data-search-controller-url="{$search_controller_url}">
    <form method="get" action="{$search_controller_url}">
        <input type="hidden" name="controller" value="search">
        <input type="text" name="s" value="{$search_string}" placeholder="{l s='Search our catalog' d='Shop.Theme.Catalog'}" aria-label="{l s='Search' d='Shop.Theme.Catalog'}">
        <button type="submit">
            <i class="material-icons search">&#xE8B6;</i>
      <span class="hidden-xl-down">{l s='Search' d='Shop.Theme.Catalog'}</span>
        </button>
    </form>
</div>

Bonne journée

Marilyne