Comment afficher des images de bannière différentes sur mobile et ordinateur sur Shopify ?

[@caass9530]

Toujours super clair, utile et accessible, merci beaucoup !

[@ShopifyOS]

Avec plaisir 🙂

[@sidorame6094]

Super merci bcp, c'est vraiment un super cadeau de noël !

[@ShopifyOS]

Avec plaisir !

[@KolorsCommunity]

Déjà bravo Louis pour tout le contenu que tu offres avec tes vidéos. Les vidéos et le contenu sont toujours de très bonne qualité, je t'en félicite et t'en remercie. Dans le même thème, il serait intéressant de voir quelles possibilités permettent de fixer le "diaporama" pour un affichage sur petit ou grand écran, voire même sur téléphone, car on rencontre le même problème selon le support d'affichage : l'image se modifie, étirée ou rognée dans certains cas, ce qui peut poser problème.

[@ShopifyOS]

Merci à toi ! Effectivement c’est une question récurrente mais il n’y a qu’une seule réponse à ça : re-sizer l’image avec canva !

[@KolorsCommunity]

Alors je me suis peut-être mal exprimé, car ce que je veux dire, c'est qu'admettons que mon ou mes images diaporama soient aux bonnes dimensions et me les affiche telles que je les ai créées. Une fois qu'on passe sur mobile, l'image n'est pas responsive. Je veux dire que le format mobile du diaporama passe directement en format carré et ne garde pas son format paysage comme sur ordinateur, ce qui, de ce fait, rogne l'image en question. C'est pour cela que je parlais de fixer le format pour qu'il ne change pas ou s'adapte selon les supports utilisés. Merci quand même d'avoir pris le temps de répondre ;)@@ShopifyOS

[@ryannavarro1124]

Hello! Tout d’abord merci pour ton contenu toujours très clair. Y aurait il un moyen de modifier les propriétés de la bannière indépendamment sur bureau et mobile? (En l’occurrence avoir un moyen format sur bureau et “adapté à la taille de l’image” sur mobile)?

[@ShopifyOS]

Merci de ton retour. Malheureusement ce n’est pas possible sans passer par du code et je ne le recommande pas. Il va falloir redimensionner ton image jusqu’à ce que ça colle

[@Delphine-ki2cv]

bonjour Louis. tes vidéos m'aident beaucoup à avancer dans ma boutique. Seulement, lorsque je fais le CTRL+C, cela ne copie pas le code dans "modifier le code".

[@ShopifyOS]

Hello ! Merci de ton retour. Tu peux faire clic droit - copier, clic droit - coller

[@nonoblazer]

merci beaucoup

[@ShopifyOS]

Avec plaisir

[@antonin3473]

salut, lorsque je met mon image elle ne s'adapte pas dutout, quelle est la taille d'image préconisé ?

[@ShopifyOS]

Hello, ça dépend de ton image. Essaye quelque chose de bas, comme du 200x700 par exemple. À toi d’ajuster en fonction de ton image

[@gabrillarguesmathieu2520]

super video merci ! mais ca fonctionne pas sur mon theme palo alto shopify. je souhaite placer mon titre qui est sur l'image en version mobile sous l'image, pour un rendu similaire au tiens mais comment faire ? ? merci pour ta réponse

[@ShopifyOS]

Hello ! C’est un thème payant tu as donc d’autres paramètres

[@maudoptical]

Bonjour ! Merci beaucoup pour tes vidéos qui sont très bien expliquées ! J'aimerai avoir une bannière image différentes pour chaque collections. Quand je crée une bannière, elle s'applique automatiquement à toutes mes collections... Comment puis-je faire ? Merci d'avance.

[@ShopifyOS]

Bonjour, pour ça il faut aller voir ma vidéo « fiches produits différentes » et faire le même processus mais pour les pages de collection 😉

[@maudoptical]

merciiii beaucoup :) je vais aller voir ça !@@ShopifyOS

[@EnThib]

Petit soucis avec ce code mais c'est assez subtile, engros quand dans shopify on lui demande d'avoir deux image de bannière il va par défaut optimiser les images pour qu'elles consome le moins de ressources possible. Ce qui veut dire qu'on se retrouve (avec le code que tu nous présentes) bien avec deux image (une pour mobile et une pour desktop) mais qui vont à cause de shopify perdre en qualité pour optimiser les tailles et la rapidité du site, car oui shopify estime qu'il n'a pas besoin d'afficher ces images dans leurs qualité maximum car on ne prend qu'une partie en théorie de ces deux images donc on se retrouve avec une image qui peut paraître pixeliser sur son site internet. Le piège est aussi que cette optimisation n'est pas présente dans l'éditeur de thème donc on peut avoir l'impréssion que tout va bien mais en fait non. Je vous fait signe si je trouve une solution en éditant mon commentaire.

[@ShopifyOS]

Merci de l’info !

[@stillvasadu3485]

Merci pour cette vidéo ! Sais-tu s’il est possible de modifier la taille de l’image sur pc versus sur tel ? Je souhaite réduire la taille de la bannière sur PC, alors que sur tel elle est parfaite. C’est une image avec 3 logos

[@ShopifyOS]

Avec plaisir ! Malheureusement ce n’est pas possible. Tu peux la redimensionner de toi même avec Canva. Il faut faire des tests 😉

[@syriah213]

Comment promouvoir notre boutique shopify ?

[@ShopifyOS]

Bonjour, soit avec de la publicité, soit avec de la prospection, soit avec du référencement, soit avec du marketing en physique. Le plus important est de maîtriser le marketing sur la boutique

[@Sql37]

Rohlala tant de blabla pr annoncer au 2/3 de la vidéo... Du code d'un développeur américaine mdr pour un @media screen.. aucune explication du fonctionnement de ce code, dommage

[@ShopifyOS]

On a pas besoin de comprendre comment ça fonctionne, on a juste besoin que ça fonctionne 😉

[@Sql37]

@@ShopifyOS ca aurait ajouter un peu de valeur à ta vidéo. Et en comprenant, on devient autonome et on peut créer ses propres bout de code par la suite, hyper important je trouve.