annuler
Affichage des résultats de 
Rechercher plutôt 
Vouliez-vous dire : 

Comment modifier la longueur du bouton variante dans le code (thème supply)

RÉSOLU
Voyageur
16 1 0

Bonjour, 

 

Comment modifier la longueur du bouton variante dans le code (thème supply)

1.jpg

S'il vous plaît par le code et pas! dans la personnalisation du thème car il y a juste trois taille petite moyenne ou grande. Je veux l'ajuster à la taille voulu, merci.

 

J'ai récupérer un code que l'on ma donné mais j'ai une erreur quand je veux retourner dans personnalisation.

voici le code : 

Go to admin panel
Add this css at the end of
Online Store-> Themes -> Edit code->Templates->theme.scss.liquid

@media screen and (min-width: 769px)
.selector-wrapper select, .product-variants select {
max-width: 29%!important;
}

Merci d'avance pour votre réponse,

Cordialement.

0 J'aime
Shopify Expert
203 27 43

Bonjour,

 

Vous avez oubliez 2 { }

 

Ce qui donne :

 

@media screen and (min-width: 769px) {
.selector-wrapper select, .product-variants select {
max-width: 29%!important;
}
}
1 J'aime
Highlighted
Voyageur
16 1 0

Bonjour Fuznet,

 

Merci pour votre réponse ça fonctionne plus d'erreur, merci!

Je l'ai modifié autrement en attendant une réponse :

Edit code > Asset > Thème.css > vous faites un ctrl F et vous recherchez  variants > trouver la ligne product-variants > en dessous vous modifiez le Max-width : 40% (augmenter le nombre 40 pour agrandir la barre, ou baisser pour la réduire) ça fonctionne aussi.

 

J'ai une question ou je ne trouve réponse nul part Fuznet, si ce n'est pas trop demander avant de valider le sujet.

J'aurai voulu savoir comment modifier la grandeur des miniatures photo sur les pages produits, par le code si possible.

TEST.jpg

J'aurai voulu les agrandir et en avoir juste 2 voir 3 par lignes, car là c'est vraiment très petit.

Merci d'avance pour votre réponse et encore merci.

Cordialement.

0 J'aime

Succès.

Shopify Expert
203 27 43

Bonsoir,

 

Essayez :

@media only screen and (min-width: 769px) {
.large--one-quarter, .large--two-eighths, .large--three-twelfths {
    width: 50%;
}
}
1 J'aime
Voyageur
16 1 0

Bonsoir Fuznet,

 

Vous êtes vraiment GENIAL!!!!!!!!!!! ça fonctionne et c'est vraiment parfait!

Depuis le temps que je voulais faire cela, vous êtes le seul à avoir trouvé malgré mais différentes demande sur d'autres sites.

Je ne vous remercierai jamais assez, merci et bonne continuation à vous.

 

Cordialement,

Ju.

0 J'aime