annuler
Affichage des résultats de 
Rechercher plutôt 
Vouliez-vous dire : 

Condition média dans un fichier liquid ?

Highlighted
Touriste
6 0 1

Bonjour, j'aimerai savoir s'il est possible d'ajouter une condition media dans un fichier liquid.

 

Je m'explique je n'utilise peut être pas les bons termes.

 

J'aimerai charger un élément sur mobile, et un autre sur pc, ou disons par exemple <767px et >767px.

 

Je sais le faire avec un display: none en CSS. @media (min-width ... etc.

 

Mais il se charge quand même il est juste "caché"

 

J'aimerai donc savoir s'il est possible depuis le fichier liquid de fixer cette condition pour qu'il ne charge qu'une fois l'élément concerné ?

 

Quelque chose du type :

 

{% if media < 767px %}

<div> lorem ipsum....</div>

{% else %}

<div> la div numéro 2</div>

{% endif %}

 

Merci de votre aide.

0 J'aime
Highlighted
Shopify Staff
Shopify Staff
482 52 72

Bonjour  @alcwebmarket!

 

Ici Marie de l’équipe de Gourous chez Shopify.

 

Si vous cherchez à cacher des éléments de votre boutique sur Mobile ou Desktop, se serait dans le fichier CSS de votre thème qu'il faudra faire l’ajustement du code.

 

Généralement, dans un thème, le fichier CSS ce nom theme.scss.liquid, mais ceci dépend du thème que vous utilisez.

 

Une première recommandation serait de toujours dupliquer votre thème avant de faire des modifications dans le code du thème, au cas où il y ait une erreur dans les modifications du code. Pour ce faire, vous devez suivre les étapes suivantes :

 

  • Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
  • Pour le thème que vous souhaitez dupliquer, cliquez sur Actions > Dupliquer.

 

14-25-420af-n81xw

 

De plus, si vous n’êtes pas confortable dans les modifications et ajouts de code HTML et CSS, je vous recommande fortement de contacter un Shopify Experts, pour qu’il vous aide dans l’intégration de code et personnalisation de votre boutique.

 

J’espère que ces informations vous aideront.

 

Cordialement,

Marie | Social Care @ Shopify

 - Ma réponse a-t-elle été utile ? Cliquez sur J’aime pour me le faire savoir ! 

 - A-t-on répondu à votre question ? Marquez-la comme Accepter comme solution
 

Pour en savoir plus, visitez le Centre d’aide Shopify en français ou le Blog Shopify

0 J'aime