FROM CACHE - fr_header

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

RÉSOLU
Ju8162
Voyageur
18 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.

1 SOLUTION APPROUVÉE

Solutions approuvées
Fuznet
Shopify Expert
359 43 69

Succès.

Bonsoir,

 

Essayez :

@media only screen and (min-width: 769px) {
.large--one-quarter, .large--two-eighths, .large--three-twelfths {
    width: 50%;
}
}

Voir la solution dans l'envoi d'origine

5 RÉPONSES 5
Fuznet
Shopify Expert
359 43 69

Bonjour,

 

Vous avez oubliez 2 { }

 

Ce qui donne :

 

@media screen and (min-width: 769px) {
.selector-wrapper select, .product-variants select {
max-width: 29%!important;
}
}
Ju8162
Voyageur
18 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.

Fuznet
Shopify Expert
359 43 69

Succès.

Bonsoir,

 

Essayez :

@media only screen and (min-width: 769px) {
.large--one-quarter, .large--two-eighths, .large--three-twelfths {
    width: 50%;
}
}
Ju8162
Voyageur
18 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.

Fuznet
Shopify Expert
359 43 69