web-dev-qa-db-fra.com

Comment retracer la source de <div> ouvert dans le modèle Joomla

J'espère vraiment que tu peux m'aider! Je construis un site comme une faveur à une organisation caritative (je ne suis qu'un débutant avec Joomla. Je vais bien avec html et css mais merde avec php).

Mon problème est sur une page de blog de catégorie. Il y a un div ouvert dans le premier élément, de sorte que la colonne de l'élément suivant apparaît à l'intérieur de cette colonne, et ainsi de suite, de sorte que chaque colonne est de plus en plus petite et plus à gauche. Je peux trouver la ligne qui pose problème lorsque j'inspecte l'élément et affiche le code source de la page, mais je ne vois pas comment le corriger dans mes fichiers de modèle.

La page est ici . Ceci est juste mon site dev sur mon propre domaine. Vous pouvez voir que les chats sont tous à gauche au lieu de colonnes et si vous les inspectez, vous pouvez voir les colonnes insérées les unes dans les autres. FF et Chrome l'affichera légèrement différemment, mais les deux ont le problème.

La ligne dans la source de la page est 254. Cette division de couleur d'arrière-plan doit être fermée à la ligne suivante, mais ce n'est pas le cas. Joomla a suffisamment d’expérience pour comprendre comment déplacer des objets et changer des couleurs, mais je ne comprends vraiment pas où cette div serait créée et donc où je vais ajouter la balise de fermeture. Ce modèle m'a donné un peu de peine - ce n'est pas bien écrit, mais à part cela, j'ai réussi à le trier. Si vous pouviez me donner des conseils sur les sites à consulter ou sur la manière de retrouver le code, ou si une âme bienveillante est disposée à travailler avec moi pour régler le problème, je vous en serais très reconnaissant. Merci!

3
user2117

La vue Catégorie Blog est (par défaut) générée par les fichiers components\com_content\views\category\tmpl\blog.php (mise en page de la page du blog) et components\com_content\views\category\tmpl\blog_item.php _ (mise en page pour chaque élément de la page du blog).

Mais votre modèle utilise presque certainement des substitutions pour modifier la sortie. ( Jamais n'éditez aucun fichier Joomla principal, essayez toujours d'utiliser des remplacements.)

Je ne sais pas si vous connaissez les substitutions, mais en gros, il s'agit d'un fichier de votre répertoire de modèles utilisé pour le rendu au lieu du fichier Joomla principal. C'est une fonction très puissante dans Joomla, et vous voudrez peut-être lire cette introduction , et jeter un coup d'œil aux autres articles marqués substitutions sur JSE.

Donc, revenons à votre question. Le code que vous recherchez est probablement situé dans le fichier /templates/grab/html/com_content/category/blog.php ou /templates/grab/html/com_content/category/blog_item.php. Editez le fichier selon vos besoins (ajoutez votre fermeture </div>), enregistrez et rechargez votre page.

J'espère que cela vous aide et bienvenue dans Joomla StackExchange.

2
johanpw