FROM CACHE - fr_header

Debut : centrer texte sous photo

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 Partner
359 43 70

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 Partner
359 43 70

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
Visiteur
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
83 7 12

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

Besoin d'aide, Engagez-moi !

Bon plan : Cliquez ici !

GodWithUs-GWU
Visiteur
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.