Scroll bar horizontal pour articles (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2417361
    lecarrebio
    Participant
    Initié WordPress
    29 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.4.30 / 10.5.12
    • Thème utilisé : Blocsky
    • Extensions en place : Woolentor, Woocomerce, Elementor, Boxtal, MailJet
    • Nom de l’hébergeur : Hostinger
    • Adresse du site : https://befreshbio.com/

    Problème(s) rencontré(s) :

    Bonjour,

    Pour ma boutique e-commerce, j’ai terminé la partie responsive ordinateur. Mais en basculant en mode responsive tablette et mobile, la mise en page n’est pas bonne.

    Les articles de ma boutique sont ajoutés via le widget « produits ». Comment je peux basculer en scroll horizontal ?

     

    Merci pour votre aide !

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2417374
    mathieu42
    Participant
    Maître WordPress
    2012 contributions

    quelle est la page que vous montrez dans la vidéo ?

    #2417376
    lecarrebio
    Participant
    Initié WordPress
    29 contributions

    Il s’agit d’une page concurrente, qui a le rendu que je souhaite.

    #2417384
    momofr@free.fr
    Modérateur
    Maître WordPress
    7040 contributions

    Salut, le scroll vertical est naturel sur mobile, tous les sites web le proposent par défaut.

    Ce que tu montres est une disposition sur mobile utilisant le scroll horizontal.

    Tu peux arriver à quelque chose de similaire avec des CSS pour changer le comportement du conteneur de la liste utilisée pour afficher les produits (ul et li…) regarde du côté de la Flexbox pour ça.

    #2417506
    lecarrebio
    Participant
    Initié WordPress
    29 contributions

    Salut, c’est ok pour la flexbox elle est active maintenant. J’ai ajouté les articles dans différents conteneurs, la barre de défilement horizontale est là mais la mise en forme n’est pas bonne et impossible de faire quelque chose de mieux (voir PJ).

    Sur internet je n’ai pas trouvé d’infos claires qui correspondent à mon cas, est-ce que je suis passée à côté de quelque chose ? Concernant les modifs de CSS je n’y connais rien, je veux bien plus d’infos si tu en as ?

    • Cette réponse a été modifiée le il y a 1 année et 9 mois par lecarrebio.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2417545
    momofr@free.fr
    Modérateur
    Maître WordPress
    7040 contributions

    Salut, sur ce que je vois les « li » ne sont pas définies pour leur largeur et donc ça s’empile grave horizontalement. Il te faut travailler la largeur des « li ».

    Tu as regardé cette vidéo sur la FlexBox ?

    #2417567
    lecarrebio
    Participant
    Initié WordPress
    29 contributions

    La vidéo ne m’aide pas, c’est trop flou pour moi …

7 sujets de 1 à 7 (sur un total de 7)
  • Vous devez être connecté pour répondre à ce sujet.