FROM CACHE - fr_header

Diaporama - problème affichage sur tablette

Guiche
Touriste
8 0 2

Bonjour tout le monde, 

 

J'utilise la section "Diaporama" sur Dawn avec pour chaque diapo un champ "en-tête" et un "texte de bouton" avec le lien URL. 

Je n'ai aucun problème de rendu sur desktop  (en largeur de page 1400px) car j'ai pu "jouer" sur le placement du conteneur (invisible dans mon cas) et l'alignement du contenu pour que les éléments textuels soient bien placé sur mes images. Je n'ai aucun problème d'affichage également sur mobile car j'ai pu choisir que le texte se place sous l'image en mobile (Afficher le contenu sous les images sur le mobile).

En revanche, lorsqu'il s'agit d'une tablette, le texte se met beaucoup plus au centre de l'image (car l'image est automatiquement de taille différente) et cela est disgracieux. Si je met la tablette en mode portrait, c'est encore une autre configuration etc. Si je modifie trop mon image pour m'adapter à la tablette, ce sont les autres configurations qui deviennent disgracieuses.

Est-il possible, notamment via le CSS personnalisé de la section, de trouver une solution pour configurer facilement l'affichage en tablette : soit en forçant l'affichage comme sur mobile c'est-à-dire le texte en dessous, soit un jouant sur l'image affichée sur tablette, soit un pouvant déplacer avec plus de précision le conteneur (voir sa largeur), ou tout autre idée et astuces.

 

Je vous remercie grandement pour votre aide précieuse.

 

 

1 RÉPONSE 1

Nass
Shopify Staff
1424 233 127

Bonjour @Guiche !


Voilà une question intéressante, je serai heureux de répondre à toutes vos questions concernant l’affichage de votre thème Dawn.


Tout d’abord, afin de mieux comprendre vos besoins, je souhaiterais en savoir plus sur votre situation :

  • Pour quelles raisons souhaitez-vous obtenir cet affichage sur la version mobile pour tablette ? S’agit-il uniquement de besoins d’ordre esthétique, ou bien également fonctionnel ?
  • Pourriez-vous partager une capture d’écran du résultat que vous souhaiteriez obtenir ? 

 

Assistance pour les thèmes Shopify

 

Dans l’attente de votre réponse, il semble qu’une telle modification ne fasse pas partie nativement des options de personnalisation disponibles du thème Dawn. Par conséquent, une modification du code serait à envisager. Mes recherches ne m’ont pour le moment pas permis de trouver une solution correspondant à ce que vous décrivez.

 

Toutefois, puisque vous utilisez l’un des thèmes Shopify, votre meilleure option est de contacter notre assistance par email afin de leur faire part de votre demande de personnalisation. En effet, si vous utilisez le forfait Basic ou supérieur, vous avez droit à un total de 60 minutes de temps de conception avec notre équipe spécialisée aux thèmes. Contacter notre équipe d'assistance par email permettra ainsi de faire vérifier votre compte et d'étudier votre requête afin de décider si cette personnalisation serait éventuellement envisageable par notre équipe.


Alternatives


Dans le cas où cette requête ne ferait pas partie de la liste de modifications offertes par notre équipe, ou si vous n'êtes pas éligible au temps de conception, il faudra plutôt que vous fassiez appel à un Expert Shopify.


Vous pourriez également voir si des experts pourraient vous aider sur les forums Shopify, je pense en particulier à notre forum anglophone qui regorge de solutions pouvant potentiellement répondre à vos besoins spécifiques. Toutefois, cette alternative s’adresse surtout aux personnes qui s'y connaissent en code (liquid/HTML/CSS).


Si ces options ne correspondent pas à ce que vous recherchez, n'hésitez pas à me donner plus de détails concernant vos besoins. Je serai heureux d'étudier avec vous d’autres solutions !


Au passage, avez-vous déjà créé votre boutique en ligne ou bien êtes-vous encore en processus de réflexion ? Quel type de produits vendez-vous ?

Nass | Shopify 
 - Ma réponse est-elle utile ? Cliquez sur J'aime pour me le faire savoir! 
 - Votre question a-t-elle été répondue ? Sélectionnez Accepter comme solution
 - Pour en savoir plus, visitez notre Centre d'aide en français ou le Blog Shopify