FROM CACHE - fr_header

Debut : centrer texte sous photo

Kr7
Nouveau membre
4 0 0

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.

 

 

6 RÉPONSES 6
Fuznet
Shopify Expert
359 43 69

Bonjour,

 

Quelle est l'URL de votre boutique ?

Kr7
Nouveau membre
4 0 0

Bonsoir,

Ma boutique est en construction, je n'ai donc pas d'url active pour l'instant.

Merci pour votre aide.

Fuznet
Shopify Expert
359 43 69

Bonsoir,

 

Sans URL je ne peux pas vous aider. 

Vous pouvez aussi partager la preview du thème : 

 

How to share a theme preview with others on Desktop3r

lemokka
Nouveau membre
2 0 0

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 

FCHR
Shopify Partner
81 7 11

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,

If my solution help you : Like and Accept Solution.Need help, hire me : https://bit.ly/5eurFcHr

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

Besoin d'aide, engagez-moi : https://bit.ly/5eurFcHr
GodWithUs-GWU
Nouveau membre
1 0 0

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.