Tuto Prestashop 1.7 - Optimiser les pages CMS (ép.18)

[@jean-philippevinet9615]

Toujours au top Germain. Je suis sur la version 8.0 et cela fonctionne ! j'ai utilisé le fichier custom.css dans le thème enfant.

[@najimerrami1254]

Parfait merci, enfin page cms optimisé suite en parallèle de ta vidéo sur le blog.

[@webbax]

Ahaha génial si tu as pu faire la combinaison des 2 ;)

[@sericiipponsrl7517]

Merci. J ai ecoute avec plaisir. R. Moldova

[@Alchy00]

Bonjour Germain, encore un super tuto qui m'a permis d'unifier ma mise en page. Ceci dit, on ne le voit pas bien dans les exemples, mais certains formats intermédiaires s'affichent mal quand on étire et rétracte manuellement la fenêtre du navigateur. Pour y remédier, j'ai prolongé les choses ainsi en fonction de la taille voulue sur mes pages. Peu importe que l'on veuille un affichage un peu plus grand en 1200px et rétractable en 600px ou alors totalement identique de l'un à l'autre : il faut faire entrer les valeurs intermédiaire ci dessous. Autrement, les fenêtres en 900 ou 800 vont mal s'afficher. @media(min-width:1200px){ #cms .page-content.page-cms{margin-left:18%;margin-right:18%;} } @media (max-width:1200px) and (min-width:940px) { #cms .page-content.page-cms{margin-left:11%;margin-right:11%;} } @media (max-width:940px) and (min-width:900px){ #cms .page-content.page-cms{margin-left:9%;margin-right:9%;} } @media (max-width:900px) and (min-width:870px){ #cms .page-content.page-cms{margin-left:7%;margin-right:7%;} } @media (max-width:870px) and (min-width:830px){ #cms .page-content.page-cms{margin-left:5%;margin-right:5%;} } @media (max-width:830px) and (min-width:800px){ #cms .page-content.page-cms{margin-left:3%;margin-right:3%;} } @media (max-width:800px) and (min-width:768px){ #cms .page-content.page-cms{margin-left:1%;margin-right:1%;} } En fonction des % entrés, on peut retirer les dernières lignes après avoir fait des essais. Pas la peine de surcharger le code inutilement. Dans cet exemple, la dernière ligne est inutile.

[@Alchy00]

Une petite question qui touche aux pages CMS : comment faire apparaitre la légende sous les images dans les pages CMS (pas dans les pages produits) ? J'ai cherché mais je ne trouve rien de probant. Merci si tu avais une réponse à me donner.

[@renaud34life44]

Bonjour, encore un super tuto utile! Avant de le mettre en application, lorsque l'on possède un thème acheter sur prestashop, les modifications sont à effectuer dans le thème.css du thème classique ou du thème que l'on a ajouté? De la même manière? Ce problème se pose à moi pour d'autre tuto... Merci encore!

[@webbax]

Hello, dans le dossier du thème Prestashop, dans le dossier des fichiers CSS il y'en a 1 qui s'appelle "custom.css" c'est dans celui-là qu'il faut idéalement ajouter les règles. A bientôt !

[@renaud34life44]

@@webbax merci encore !

[@nathalies.2029]

Bonjour, merci beaucoup pour vos tutos ! Concernant cette page du tuto content/1-livraison, pourriez-vous s'il vous plaît expliquer où se trouve la page contenant le texte html. J'ai mis en ligne mon site sur un lien test, je souhaite continuer à travailler en localhost, mais si je modifie le texte de cette page par ex, je suis incapable de voir quel fichier je dois transférer via Filezilla... Par avance merci.

[@webbax]

Bonjour, dans la version Prestashop 1.7 les pages CMS se trouvent sous "Apparence -> Pages". Cela est stocké dans la base de données, il faut donc faire un copier / coller du texte directement vers votre shop de production. A bientôt !

[@nathalies.2029]

Merci beaucoup pour votre retour, tout devient clair.... Si je veux éviter ces manipulations, est-ce que cela revient au même d'importer depuis mon hébergeur le fichier à jour de ma base de données localhost ? (sous condition ensuite de modifier ma base tel que votre tuto n°22 l'explique) Encore merci de démystifier P1.7, désormais j'étudie vos tutos dans l'ordre ^_^

[@rsz4794]

bonjour est ce que ca fonctionne si on acheter un thème prédifinis prestashop et qu'on cherche a le modifier ?

[@webbax]

Bonjour, vous pouvez essayer d'intégrer les règles CSS pour voir ce que ça donne, mais c'est sans garantie. A bientôt !

[@alarmissas7656]

Bonjour et merci pour cette vidéo. Je suis encore en version Presta 1.6 et je ne vois pas le fichier theme.css.txt Ce code est valable uniquement pour la version 1.7?

[@webbax]

Bonjour, oui cela est valable uniquement pour Prestashop 1.7, pour la version 1.6 il faudrait regarder ici : www.webbax.ch/2016/09/19/prestashop-de-a-a-z-pages-cms-ep-20/

[@kranckextra12]

Merci pour ce tuto. Pour les autres pages comment ajouter les images dans page.tpl

[@webbax]

Bonjour, pour les autres pages l'approche est différente suivant ce que l'on cherche à faire (il faut passer directement via les fichiers TPL du thème).... dans ce tutoriel c'est vraiment la partie CMS qui est abordée. A bientôt !

[@elarifmougni4211]

Bonjour merci pour ce tuto qui est très explicite. Enfete je suis tombé dessus car je cherche à crée une page 2,3 et 4 à l'affichage de tous les produits. cependant j'ai l'impression que cela est très compliqué si quelqu'un a une idée ? d'avance merci

[@webbax]

Bonjour, je ne suis pas certain d'avoir compris, pouvez-vous ré-expliquer votre demande ?

[@elarifmougni4211]

Germain Tenthorey Merci d'avoir pris le temps de répondre!! Enfaite dans prestashop 1.7 j'ai ajouté un grand nombre de produits (20produits). sur la page d'accueil quand je clic sur afficher tout les produits où tout les articles, j'ai bien les produits qui s'affiche. cependant il manque la moitié des produits, et pour les afficher je doit aller sur la page 2. au moment où la page 2 apparait, la suite des article ne s'affiche pas la et le soucis :S ma question est donc comment afficher les articles sur cette 2eme page ? et éventuellement sur une 3eme page ?

[@webbax]

Dans le back-office Prestashop sous "Paramètres de la boutique -> Produits" essayez de mettre le nombre de produits par page à 1000 pour tester.

[@kranckextra12]

Mille excuses pour ma question Prestashop est nouveau pour moi.Encore merci

[@webbax]

Aucun problème, bon démarrage sous Prestashop !