Liquid, Javascript, thèmes
Bonjour,
Je suis en train de créer ma boutique en ligne et j'essaye d'utiliser une section dite "liquid personnalisé" pour y ajouter des éléments de texte un peu spécifiques.
Le problème est que par défaut le rendu du texte codé se situe totalement à gauche de mon écran (pas aligné avec les autres sections pour lesquelles il y a une sorte de marge).
J'ai essayé d'utiliser le terme <ul> au début du code ce qui me permet bien de décaler le texte et de m'aligner sur les autres sections (en utilisant plusieurs fois ce terme) mais je pense ce n'est pas top en matière de code et surtout je retrouve du coup ce décalage sur rendu mobile qui n'est pas très heureux.
J'imagine qu'il doit y avoir une technique pour régler ce point. Si quelqu'un peut me donner l'astuce ce serait très sympa.
Résolu ! Accéder à la solution.
Succès.
Bonjour,
Effectivement il existe un moyen simple de retrouver les marges que vous avez définies, que ce soit sur l'affichage desktop ou mobile.
Il vous suffit de référencer la classe CSS de vos sections (qui va varier selon le thème utilisé).
Voici l'exemple avec le thème "DAWN":
AVANT: Rendu sans faire référence à la classe CSS (votre situation)
Section "liquid personnalisé":
APRÈS: Rendu avec la référence à la classe CSS (à modifier selon votre thème)
Section "liquid personnalisé":
Le texte va venir s'indenter exactement comme vos autres section en fonction des paramètres que vous avez réglés sur ordinateur et mobile, ce qui fait que vous aurez un rendu parfait quelque soit l'appareil utilisé et le texte de votre section viendra s'adapter automatiquement si vous décidez de modifier la largeur de votre site à l'avenir.
Si vous utilisez un thème différent et avez des difficultés à retrouver la bonne classe CSS utilisée, n'hésitez pas à poster votre URL afin que je puisse vous donner le nom de la classe à référencer.
Et enfin, si ce message apporte la réponse à votre question, n'hésitez pas à le marquer comme solution, vous aiderez alors certainement d'autres personnes dans votre situation maintenant et à l'avenir.
Greg
Succès.
Bonjour,
Effectivement il existe un moyen simple de retrouver les marges que vous avez définies, que ce soit sur l'affichage desktop ou mobile.
Il vous suffit de référencer la classe CSS de vos sections (qui va varier selon le thème utilisé).
Voici l'exemple avec le thème "DAWN":
AVANT: Rendu sans faire référence à la classe CSS (votre situation)
Section "liquid personnalisé":
APRÈS: Rendu avec la référence à la classe CSS (à modifier selon votre thème)
Section "liquid personnalisé":
Le texte va venir s'indenter exactement comme vos autres section en fonction des paramètres que vous avez réglés sur ordinateur et mobile, ce qui fait que vous aurez un rendu parfait quelque soit l'appareil utilisé et le texte de votre section viendra s'adapter automatiquement si vous décidez de modifier la largeur de votre site à l'avenir.
Si vous utilisez un thème différent et avez des difficultés à retrouver la bonne classe CSS utilisée, n'hésitez pas à poster votre URL afin que je puisse vous donner le nom de la classe à référencer.
Et enfin, si ce message apporte la réponse à votre question, n'hésitez pas à le marquer comme solution, vous aiderez alors certainement d'autres personnes dans votre situation maintenant et à l'avenir.
Greg
Merci Greg, c'est parfait cela fonctionne très bien et l'explication était très clair.
Un grand merci!
Je vous en prie, ravi d'avoir pu vous aider!
Greg
Maîtrisez l’expansion internationale de votre activité Shopify grâce au parcours d’appr...
By Shopify Feb 7, 2025Agrandissez la vente en gros avec le parcours d’apprentissage de Shopify Academy, B2B...
By Shopify Jan 30, 2025Pour que les clients se sentent encouragés à acheter des produits, ils doivent comprendre ...
By Océanne Sep 3, 2024