Debut : centrer texte sous photo

[Kr7]

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.

[Fuznet]

Bonjour,

Quelle est l'URL de votre boutique ?

[Kr7]

Bonsoir,

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

Merci pour votre aide.

[Fuznet]

Bonsoir,

Sans URL je ne peux pas vous aider. 

Vous pouvez aussi partager la preview du thème : 

[lemokka]

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]

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,

[GodWithUs-GWU]

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.