Thèmes Shopify, Liquid, logos et autres sujets similaires
Bonjour à tous
Je suis actuellement sous le thème Turbo et je n'arrive pas à changer la position de mon texte.
Le "bvn sur Blablabla", je voudrais que le texte soit plus haut mais malheureusement la seule possibilité que j'ai dans les paramètres, c'est soit de mettre le texte sur le côté ou soit de le mettre au milieu comme sur la photo. Si vous avez la moindre idée, je suis prôneur.
Merci de votre intension.
Résolu ! Accéder à la solution.
Succès.
Certainement!
Dans ce fichier "image-with-text-overlay.liquid", nous avons mis un nouveau paramètre:
{
"type": "range",
"id": "text_extra_spacing",
"label": "Relative Text Spacing",
"default": 0,
"info": "Manually Position Text On Desktop Only - Leave at 0% For Default",
"min": 0,
"max": 100,
"step": 1,
"unit": "%"
},
Puis dans "include-image-with-text-overlay.liquid" nous ramenous ce parametre a travers une association de variables:
{% assign text_extra_spacing = block.settings.text_extra_spacing %}
ou
{% assign text_extra_spacing = section.settings.text_extra_spacing %}
Finalement, on modifie le CSS si la variable a une valeur differente de 0:
{% unless text_extra_spacing == 0 %}
<style>
@media only screen and (min-width: 798px) {
.position-center.caption.js-caption.mobile-text-below--true
{
top: {{text_extra_spacing}}%;
}
}
</style>
{%endunless%}
Et Voila 🙂
Si vous pouvez marquer la réponse comme une solution avec un petit "J'aime" ca serait top. Cordialement!
Bonjour @Lucmaxad ,
Pouvez-vouz partager le lien de votre site pour qu'on puisse vous donner le code a changer?
Cordialement
Bonjour @JHKCreate,
maison-theiere.myshopify.com est-ce bien ça ? Et si vous réussissiez, pouvez-vous me décrire votre démarche pour que je puisse faire la même chose sur mon shop secondaire car j'ai le même soucis avec ce thème. Merci d'avance.
Effectivement c'est bien ca!
Nous venons de vous envoyer une requete d'access pour pouvoir vous resoudre ce probleme. On vous tiendra au courant de la demarche a faire bien sur!
Cordialement!
Ce changement doit juste modifier la version PC ou Mobile aussi?
C'est bon @Lucmaxad !
Vous trouverez une nouvelle option pour modifier l'espacement comme bon vous semble (uniquement sur PC comme convenu)
Dites-nous si c'est bon!
Je viens de tester et je ne peux toujours pas régler la position de mon texte, pour qu'il soit plus haut.
C'est bon@Lucmaxad , en attente de votre retour.
Cordialement
Ça marche parfaitement, je vous remercie infiniment @JHKCreate, mais pouvez-vous me dire comment avez-vous fait dans la partie code ? Si cela ne vous dérange bien sûr.
Succès.
Certainement!
Dans ce fichier "image-with-text-overlay.liquid", nous avons mis un nouveau paramètre:
{
"type": "range",
"id": "text_extra_spacing",
"label": "Relative Text Spacing",
"default": 0,
"info": "Manually Position Text On Desktop Only - Leave at 0% For Default",
"min": 0,
"max": 100,
"step": 1,
"unit": "%"
},
Puis dans "include-image-with-text-overlay.liquid" nous ramenous ce parametre a travers une association de variables:
{% assign text_extra_spacing = block.settings.text_extra_spacing %}
ou
{% assign text_extra_spacing = section.settings.text_extra_spacing %}
Finalement, on modifie le CSS si la variable a une valeur differente de 0:
{% unless text_extra_spacing == 0 %}
<style>
@media only screen and (min-width: 798px) {
.position-center.caption.js-caption.mobile-text-below--true
{
top: {{text_extra_spacing}}%;
}
}
</style>
{%endunless%}
Et Voila 🙂
Si vous pouvez marquer la réponse comme une solution avec un petit "J'aime" ca serait top. Cordialement!
Je vous remercie infiniment pour votre aide si précieuse !!!
Shopify soutient les marques et les entrepreneurs les plus innovants au monde. En 2024,...
By SarahF_Shopify Mar 25, 2024Vous êtes plusieurs à vous demander : “Est-ce que je suis conforme à la loi anti-fraude...
By Océanne Mar 21, 2024Chaque jour, des milliards de personnes naviguent sur Internet, font des achats en ...
By Océanne Mar 7, 2024