Questions sur Template Creator CK

[FougereBle]

Bonjour !

Eh oui, ça faisait longtemps que j'était pas venu ici. Et pour cause, j'avais laissé Joomla un peu de côté pendant ce temps. Mais aujourd'hui, je m'y remet !
Heureusement, je n'ai pas oublié grand chose sur ce CMS.

J'ai acheté Template Creator CK et je dois avouer que je ne comprend pas tout.

J'ai beaucoup de mal à créer un template potable avec, mais ça c'est un manque de pratique avec l'outil. Cependant, je rencontre quelques problèmes :

Déjà, impossible de gérer correctement le responsive. Par exemple, j'ai un menu dans le footer qui est aligné à droite. En mode smartphone, j'aimerais que ce menu soit centré. Le problème, c'est que quand je passe en mode responsive, impossible de changer l'alignement ni même le style. Y a-t-il un moyen de modifier l'alignement et, plus généralement, le style de quelque chose selon la taille de l'écran ? C'est possible sur de nombreux pages builder sur WordPress, je suis étonné de ne pas le voir ici, c'est quand même quelque chose d'extrêmement utile.

Ensuite, j'ai coché "Charger Bootstrap" mais je n'arrive pas à savoir de quelle version de Bootstrap il s'agit. Un problème que je rencontre avec ça, c'est que certaines extensions, par exemple VikBooking s'affichent pas très bien. Obligé de repasser partout en CSS. C'est normal ?

J'ai cru comprendre que Bootstrap été au coeur de Joomla, entre les composants, modules et templates. D'après ce que j'ai pu voir, ces extensions utilisent une version de Bootstrap, et il est généralement possible, pour les composants, de choisir la version de Bootstrap qu'il doit utiliser pour s'adapter au template (par exemple, si mon template utilise Bootstrap 4, je devrais choisir cette version dans mon extension).

Voilà, c'est tout pour le moment.

Merci !

[roland_d_alsace]

Hello.

Le + simple est de poser tes questions sur le forum de Cedric (l'auteur) : https://forum.joomlack.fr/index.php/...ate-creator-ck

[ced1870]

Salut
Je vais essayer de répondre à tes questions

Y a-t-il un moyen de modifier l'alignement et, plus généralement, le style de quelque chose selon la taille de l'écran ?

Dans le menu du haut tu peux cliquer sur l'icone Responsive. Dans le panneau de gauche qui s'affiche tu peux ensuite aller dans les "css perso". Pour chaque résolution d'écran (tu peux définir les résolutions) tu peux ajouter du code qui va s'appliquer en responsive.

je n'arrive pas à savoir de quelle version de Bootstrap il s'agit.

Template Creator CK n'embarque pas de version de Bootstrap spécifique, il colle aux standards de Joomla qui utilise pour l'instant Bootstap 2
Le souci que tu cites vient certainement du fait que les extensions en cause utilisent une autre version de Bootstrap, mais cela il faut le voir avec eux. Tu peux faire le test avec le template Protostar intégré à Joomla, si ça fonctionne avec celui-ci, alors je t'invite à me contacter pour que l'on voit ce qui coince

N'hésite pas à revenir vers moi et me contacter si tu as d'autres questions
CEd

[FougereBle]

Merci pour vos réponses !

Alors je viens de faire le test avec Protostar, le résultat est le même... mais c'est toujours pas bon même avec un thème qui utilise Bootstrap 3 comme Helix 3. Je pense que le problème viens de l'extension (soit les icones et les boutons sont mal affichés, soit c'est le calendrier...).

Donc pas de panique !

Pour ce qui est du CSS, j'avais vu ça, mais je pensais que, tout comme avec les Page Builders chez WP, il était possible de modifier via des clics le mode responsive (comme on le fait sans le mode responsive). Ecrire du CSS ne me dérange pas, mais j'avoue que j'aurais préféré la première option.

Mais j'aime quand même énormément cette extension ! Elle est vraiment bien, même si les designs que je fait avec sont très moches.

Par contre, je n'ai pas bien saisi la phrase suivante :

Template Creator CK n'embarque pas de version de Bootstrap spécifique, il colle aux standards de Joomla qui utilise pour l'instant Bootstap 2

Ca veut dire que Joomla intègre par défaut Bootstrap 2 ? Et donc que toutes les extensions qui sont basées dessus pour l'affichage s'afficheront (presque) toujours bien de base ?

Et donc si je comprend bien, un template Joomla peut apporter sa propre version de Bootstrap (comme la version 3 pour Helix 3 et la version 4 pour Helix Ultimate) ? Ce qui veut dire que si je choisis un template avec une version 4 de Bootstrap, je devrais faire attention aux extensions que j'installe en vérifiant qu'elles sont compatibles avec cette version de Bootstrap pour l'affichage ?

Donc si j'ai un template comme Helix Ultimate et que j'installe une extension qui n'est compatible qu'avec Bootstrap 2 ou 3, j'aurais pas un bon affichage et je devrais faire des retouches ?

Je sais que ces questions ne sont pas vraiment en rapport direct avec le sujet, mais j'ai besoin de savoir pour bien avancer dans ce CMS.

Merci encore !

[dolmenhir]

Salut,

Et donc si je comprend bien, un template Joomla peut apporter sa propre version de Bootstrap (comme la version 3 pour Helix 3 et la version 4 pour Helix Ultimate) ? Ce qui veut dire que si je choisis un template avec une version 4 de Bootstrap, je devrais faire attention aux extensions que j'installe en vérifiant qu'elles sont compatibles avec cette version de Bootstrap pour l'affichage ?

Si le template "embarque" un bootstrap 3 ou 4 , cela signifie que les fonctionnalités/classes seront accessibles et que tu pourras les utiliser.
En fait, tu peux même avoir le 3 et le 4 (tu peux glisser le code d'appel de ton bootstrap préféré dans l'e-tête de ton template) sauf que, à classe identique c'est la dernière chargée qui prendra la main... logique.
A voir donc l'ordre d'appel des styles dans l'en-tête de tes pages.

Dol.

[FougereBle]

D'accord, je vois. Donc si j'ai un template avec Bootstrap 4, et que j'installe une extension avec Bootstrap 3, j'aurais juste à inclure cette version en plus dans mon template et le tour est joué. Ok !

Sinon, concernant Template Creator CK et Page Builder CK, j'ai un problème que je n'arrive pas à résoudre. J'ai créer un template très basique, avec un header, un contenu et un footer. J'aimerais que, par défaut, ce contenu soit à une distance de 50px du header et du footer. J'ai donc mis un margin bottom et top au header et footer (mais j'aurais aussi pu mettre le margin au contenu).

Cependant, je souhaite aussi créer un article via Page Builder CK Lite, et j'aimerais que cet article contienne une div avec un fond de couleur et un titre dedans, mais que cette div prenne toute la largeur de l'écran PLUS qu'elle soit collée au header. Mais je n'y arrive pas. Je me retrouve avec ça (voir photo).

Existe-t-il un moyen de garder mon espace du contenu (dans le cas où j'ajoute un autre item de menu qu'un article créé avec Page Builder CK), sauf pour certain article créés avec Page Builder CK ?

Merci !

[dolmenhir]

D'accord, je vois. Donc si j'ai un template avec Bootstrap 4, et que j'installe une extension avec Bootstrap 3, j'aurais juste à inclure cette version en plus dans mon template et le tour est joué. Ok !

Oui, mais attention à l'ordre d'appel de ces deux versions.
Si Bootstrap 3 est appelée après Bootstrap 4, pour une classe identique, c'est les attributs similaires (et/ou en plus) dans le Bootstrap 3 qui seront utilisés (sauf si un "!important" est associé à un attribut de cette même classe de Bootstrap 4).

[ced1870]

et que j'installe une extension qui n'est compatible qu'avec Bootstrap 2 ou 3, j'aurais pas un bon affichage et je devrais faire des retouches ?

exact
pour les composants natifs joomla le template embarque normalement des overrides, ce qui permet d'avoir le bon affichage. Mais pour une extension tierce installée, si elle est codée en BS2 tu n'auras pas le bon affichage s'il n'y a que BS4 de chargé dans ta page. Mais parfois les composants font directement appel à BS2 (étant donné que jooma le propose dans l'API)