Thèmes Shopify, Liquid, logos et autres sujets similaires
Bonjour,
Je n'arrive pas à trouver comment centrer le nom et prix de mes produits sous leur image.
S'agit il d'un code à modifier pour le centrer (il est aligné à gauche mais beaucoup trop décalé) et si oui pourriez-vous m'indiquer où le modifier et comment ?
Merci beaucoup pour votre aide.
Bonne fin de journée.
Bonjour,
Quelle est l'URL de votre boutique ?
Bonsoir,
Ma boutique est en construction, je n'ai donc pas d'url active pour l'instant.
Merci pour votre aide.
Bonsoir,
Sans URL je ne peux pas vous aider.
Vous pouvez aussi partager la preview du thème :
Bonjour, j'ai exactement le même problème, je souhaiterais centrer le texte sous ma photo, c'est à dire le nom de l'article et son prix mais je ne m'y connais pas trop en codage... Quelqu'un pourrait m'aider? Merci
Bonjour,
voila une solution qui marche bien.
- allez dans "product-card-grid.liquid"
- Trouvez cette partie du code :
<div class="h4 grid-view-item__title product-card__title" aria-hidden="true">{{ product.title }}</div>
{% include 'product-price-listing', product: product, show_vendor: show_vendor %}
- rajoutez :
<div class="text-center"> <!--Rajoutez ça -->
<div class="h4 grid-view-item__title product-card__title" aria-hidden="true">{{ product.title }}</div>
{% include 'product-price-listing', product: product, show_vendor: show_vendor %}
</div> <!-- Et aussi ça -->
- maintenant allez dans "theme.scss.liquid"
- cherchez cette partie du code :
.price {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
@include media-query($small) {
font-size: em($font-size-base - 1);
}
dl {
margin-top: 0;
}
dd {
margin: 0 0.5em 0 0;
}
}
Remplacez "align-items: flex-start;" par "align-items: center;"
voila, J'espère que ça sera utile.
Cdt,
Ma réponse a-t-elle été utile : Cliquez sur J’aime pour me le faire savoir !
J'ai répondu à votre question ? : Marquez-la comme Accepter comme solution
Bon plan : Cliquez ici !
Bonsoir FCHR,
Merci beaucoup pour vos indications.
Juste une petite précision svp : à partir d'où doit-on taper "product-card-grid.liquid" dans le back office Shopify pour avoir accès au code source et centrer le texte souhaité ?
La manipulation a bien fonctionné après avoir fait Ctrl+U depuis ma page d'accueil et en trouvant la bonne ligne de code mais bien évidemment le changement ne s'est pas enregistré.
Merci d'avance pour votre disponibilité,
Cdlt.
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