mise en page d'article avec custom field

[herve]

Bonjour,
est-ce qu'il existe un tuto pour faire une mise en page un peu complexe à base de custom field dans un article:

https://www.clibre.eu/tux-paint-outil-de-dessin-pour-les-enfants/

Les custom fields sont entourés par du code css pour améliorer l'ergonomie de la page
Je voudrai passer ce site de wp en joomla
@+

[pmleconte]

Bonsoir Hervé,

Dans l'onglet "Options" des champs personnalisés, vous pouvez personnaliser le rendu en utilisant des classes de rendu.

Ces classes sont à définir dans votre template, habituellement dans le fichier custom.css.

Pascal

[herve]

Bonjour Pascal
J'avais vu cela masi je ne pense pas que je puisse reproduire la page mentionné.
Celle-ci montre des mises en forme qui peuvent recouvrir plusieurs champs (ex. encadré) et avoir des effets visuels.
Sous wp, il y a des shortcodes qui permettent de réaliser cela.
Déjà sous Joomla, existe t-il des extensions similaires ?
@+

[woluweb]

Bonjour,

Je ne suis pas sûr de comprendre la question :
- si elle concerne les Custom Fields, il y a deux manières d'ajouter du CSS à un custom field
1. comme expliqué ci-dessus par pmleconte
2. d'ajouter le css dans l'override (voir les présentations de Christian Bardin à ce sujet sur joomladay.fr > archives. Il en a parlé lors des 2 dernières éditions)

Sinon, là vous parlez de shortcode.
Si la question est d'avoir une animation au survol d'un custom field... ben il suffit d'ajouter la classe au custom field... et d'ajouter le css correspondant dans le "custom.css" du template...

(Exemple de css d'animation d'icône trouvée rapido-presto : https://tympanus.net/codrops/2013/05...hover-effects/ On récupère le code et zou !)

[roland_d_alsace]

Hello.

As-tu regardé le plugin de Cédric.

Voir : https://www.joomlack.fr/extensions-j...stom-fields-ck

[herve]

Bonsoir
Merci pour vos suggestions. je vais reformuler ma demande:
je vais avoir des centaines d'articles. Chaque article ayant des valeurs de custom fields différentes.
je ne rentre pas ces données manuellement!!
Les custom fields seront automatiquement "mappé" au chargement de l'article (voir affichage et effet visuel sur le site actuel) .

Il me semble que le plugin de cédric est utilisable manuellement dans un article, je ne fais pas cela
les css des custom fields pourraient certainement répondre à ma demande mais comme je privilégierai une solution plus globale

Je viens de voir les présentations de Christian Bardin à ce sujet sur joomladay.fr > archives
Je pense qu'effectivement les layout seraient la solution sauf si je trouve une solution plus conviviale.
J'ai demandé à https://www.regularlabs.com/guides/1...icles-anywhere

Pour la mise en forme, j’ai trouvé 2 extensions avec des shortcodes qui a priori seraient proches de mes besoins de mise en forme;

https://extensions.joomla.org/extensions/extension/core-enhancements/coding-a-scripts-integration/yt-shortcode/

https://codecanyon.net/item/shortcode-ultimate-plugin-for-joomla/7807980

Les connaissez-vous et ce que vous en pensez (si connaissance de l'auteur ou extension) ?
Cordialement

[herve]

Bonjour,
En plus de mes questions précédentes, je regarde du côté de l'override mais aussi "Alternate layout" (pour l'instant tjs centré sur la modification de l'affichage des custom fields).
Néanmoins ces concepts qui existent depuis longtemps sont encore confuent pour moi (et aussi pour certaines ressources en ligne qui les confondent plus ou moins!).
Est-ce que vous pourriez m'expliquer ou me passer une référence qui expliquent bien la différence entre les 2 ? voir si possible avantages et inconvénients ?
Je me demande aussi qu'est-ce qui se passent si le fichier original (joomla ou extension) est mis à jour, Il faut dupliquer les modifications ou il n'y a rien à faire ?
merci pour vos éclairages
@+

[woluweb]

Override et alternate layout sont en effet assez similaires :
- dans les deux cas on fait un "duplicata" du fichier d'une vue et on personnalise
- on appelle ça override quand le fichier personnalisé va s'appliquer d'office (dans 100% des cas), et on appelle ça alternate layout quand on va n'appliquer le fichier que (p.ex.) pour certaines catégories (en effet, dans un menu de type blog p ex, on peut choisir l'Alternate Layout)

Bref, dans le cas de custom fields, c'est plutôt un alternate layout pcq je suppose que tous les articles du site n'auront pas ces custom fields.

[herve]

Bonjour

Override et alternate layout sont en effet assez similaires :
- dans les deux cas on fait un "duplicata" du fichier d'une vue et on personnalise
- on appelle ça override quand le fichier personnalisé va s'appliquer d'office (dans 100% des cas), et on appelle ça alternate layout quand on va n'appliquer le fichier que (p.ex.) pour certaines catégories (en effet, dans un menu de type blog p ex, on peut choisir l'Alternate Layout)

Bref, dans le cas de custom fields, c'est plutôt un alternate layout pcq je suppose que tous les articles du site n'auront pas ces custom fields.

ok je vais partir sue alternate layout.
Qui a un bon tuto la dessus ?
et sur mon inuqiétude; qu'est-ce qui se passent si le fichier original (joomla ou extension) est mis à jour, Il faut dupliquer les modifications ou il n'y a rien à faire ?
@+

[woluweb]

Pour le tuto, il y a le lien vers le site du JoomlaDay que j'évoque ci-dessus.

Lors des màj de Joomla, no stress : par définition, override ni le layout override ne sont écrasés...
(par contre, il est vrai que puisque ce sont des fichiers "forkés" à l'instant t, si Joomla ajoute des fonctionnalités ou corrige des bugs sur le fichier original, pour en bénéficier il faudrait -si utile- reproduire ces changements dans son duplicata. Mais dans la pratique, c'est rare. Et d'ailleurs, Joomla4 va venir avec une fonctionnalité permettant justement de repérer facilement ces fichiers dont la source originale a évolué depuis le fork)

[herve]

Bonjour

woluweb et les autres pationnés de CF
Bon j'avance avec 2 tests sur override et alternative layout.
je reviens quand même vers toi afin que je prenne un bon premier départ et une bonne méthodologie car plusieurs sites à faire après celui là.

Je récapitule le besoin qui est de faire un site sous Joomla similaire avec un affichage d'un article https://www.clibre.eu/tux-paint-outi...r-les-enfants/ qui comporte une belle mise en page de nombreux champs et groupes ce champs.
Le site pourra comporter plusieurs centaines d'articles répartis en 3 ou 4 catégories.
Chaque catégorie ayant ~ 10 champs personnalisés dont 2 ou 3 communs.

a/ Si j’utilise alternative layout [templates/shaper_helixultimate/html/layouts/com_fields/field/] avec autant de fichiers render-x.php que de champs, cela risque de faire beaucoup de paramétrage (chaque champ), fichier à maintenir ... du coup je ne vois pas cela super avantageux !?

b/ Si j'utilise override [/templates/shaper_helixultimate/html/com_content/article]. là je pourrai faire mon rendu de toute ma page mais je dois faire un paramétrage via un lien de menu. Si j'ai plusieurs sous catégories thématiques, je suis embêté !?


Du coup tu ne m'a pas parlé (et vas sur sur les docs suggérés) la possibilité de faire cela pour
c/ un groupe de champs [/templates/MY_TEMPLATE/html/layouts/com_fields/fields] mais je ne vois pas ou le déclarer dans le groupe de champ ?

d/ pour une catégorie, possibilité de faire cela pour une catégorie (cf image), mais c'est l'affichage de la catégorie ou des articles de la catégorie ?

Avec ce cahier de charge , quelle piste serait la plus pertinente ?
Bonne journée

[ghazal]

A propos de render class pour les CF dans les articles
La class CSS ne peut s'afficher en front car elle n'existe pas dans le render.php d'un field
alors qu'elle est présente dans com_contact
cf /components/com_contact/layouts/field/render.php

J'avais fait la proposition sur github mais je m'étais fait basher woluweb , je t"en avais parlé.
Il n'en reste pas moins que je fais systématiquement la modif parce que ... je le peux et surtout que je m'en sers pour styler, insert en alternate layout.

Dans /components/com_fields/layouts/field/render.php

$field = $displayData['field'];
$label = JText::_($field->label);
$value = $field->value;
$showLabel = $field->params->get('showlabel');
$labelClass = $field->params->get('label_render_class');
$class     = $field->params->get('render_class');   //on rajoute le paramètre

if ($value == '')
{
    return;
}

?>
<?php if ($showLabel == 1) : ?>
    <span class="field-label <?php echo $labelClass; ?>"><?php echo htmlentities($label, ENT_QUOTES | ENT_IGNORE, 'UTF-8'); ?>: </span>
<?php endif; ?>
<span class="field-value" <?php echo $class; ?>><?php echo $value; ?></span>   //on echo la variable

Je modifie aussi les tags html et j'ai le rendu que je souhaite.

woluweb pour info, il y a une proposition géniale de subfields pour la J4
Joomla! Issue Tracker | Fields subfields

https://issues.joomla.org/tracker/joomla-cms/24711

Testé et ça marche très bien.

[woluweb]

Oui ghazal , merci ! Je suis aussi abonné au nouveau fil Github sur les subfields.
Ce sera une tuerie effectivement (et c'est dommage que finalement ça ne sera pas déjà intégré dans J!3.x )

Merci pour le code qui ajoute la classe dans le "render" d'un champ.

Pour revenir à la question initiale du fil : quand je parlais d'Alternate Layout, je ne visais même pas encore l'Alternate Layout du "render" d'un field donné.
Je visais simplement l'Alternate Layout de la vue Article de com_content où on peut forcément définir son layout librement, ajouter des classes etc.

[herve]

salut

Pour revenir à la question initiale du fil : quand je parlais d'Alternate Layout, je ne visais même pas encore l'Alternate Layout du "render" d'un field donné.
Je visais simplement l'Alternate Layout de la vue Article de com_content où on peut forcément définir son layout librement, ajouter des classes etc.

Ok mais ce n'est donc pas pour moi une solution vu que je veux avoir un modèle d'affichage d'article par catégorie.
sauf erreur de ma part, j'aurai plutôt besoin des pistes c/ & d/.
Si quelqu'un peut m'en dire plus ?
Bonne journée

[woluweb]

mmmh, mais c'est exactement ce qu'on fait avec un Alternate Layout :
Exemple ici sur le site du Joomladay.fr : pour tous les articles de la catégorie Intervenants, on sélectionne le Layout Override "intervenants"... qui est la vue traditionnelle "article" dans laquelle on a fait quelques adaptations et ajouté les Champs Personnalisés aux endroits voulus :

https://screenpresso.com/=x8cwc