Comment mettre une image dans l'entête avec Astroid comme ces 2 sites

[herve]

Bonjour
Bon, la responsable du site se met à rêver de l'entête de la page où le logo et le menu sont sur une image plein écran en background.
Je n'ai pas vu de cms, à priori fait avec thème spécifique!?
Mais bon , peut-on réaliser une entête similaire avec le thème Astroid de https://ascension.fr/ ou https://www.altiplano-voyage.com/ ?

[RobertG]

Bonjour,

Je n'ai jamais eu à le faire, mais je tenterais une image de fond no-repeat et des zones à fond transparent pour tout ce qui s'affichera dessus.

[lesoutier]

Le module BGMax de Lomart ne serait-il pas la solution ?

https://lomart.fr/extensions/bgmax

[herve]

Bonjour
Merci pour ces 2 pistes que je vais explorer

Pour bgmax, cela ne me semble pas clair qu'il puisse supporter des éléments transparents : logo, menu mais cela serait génial si une extension pouvait faire cela car on deviendrait indépendant du thème.

Sinon j'essaie d'explorer aussi une autre voie (pas encore de réponse claire du support joomashapper), ce serait d’utiliser SPPB5 en pleine page (de l'entête au pied de page). Je sais qu'un concurent célèbre sur wp pourrait le faire. Peut-être aussi sur Joomla ?

[lesoutier]

En fait je me rends compte que j'ai un train de retard, puisque BGMax est "déprécié" et remplacé par une action de UP (du même auteur) bg-image

https://up.lomart.fr/demo/action-bg-image

[herve]

En fait je me rends compte que j'ai un train de retard, puisque BGMax est "déprécié" et remplacé par une action de UP (du même auteur) bg-image
https://up.lomart.fr/demo/action-bg-image

Oui je m'en suis aperçu; Après je ne pense pas que cela puisse correspondre pur aller sous le header: logo+ menu

Quand je regarde les layouts de SPPB5 https://www.joomshaper.com/page-builder/layouts/popular je n'ai pas l'impression que cela soit possible, comme vu par ailleurs.

je vais regarder après, avec l'image en background comme mentionné par Robert

[lomart]

Bonjour Hervé,

je vais regarder après, avec l'image en background comme mentionné par Robert

Cette solution revient au même que bg-image ou ses dérivées bg-slideshow ou bg-video
Dans tout les cas, il y a un travail de CSS pour supprimer les fonds des différents éléments.

A mon avis, tes exemples montrent un template onepage avec un effet parallaxe

[RobertG]

Bonjour,

Dans Astroid, on peut directement définir une image de fond si on est en "boxed", sinon, il faut le faire par CSS.
Il faut en effet rendre transparentes les zones d'entête et autres, en intervenant dans les différentes parties du layout.

[herve]

Bonjour

Cette solution revient au même que bg-image ou ses dérivées bg-slideshow ou bg-video
Dans tout les cas, il y a un travail de CSS pour supprimer les fonds des différents éléments.

A mon avis, tes exemples montrent un template onepage avec un effet parallaxe

Ces exemples sont des dev à priori sur mesure, mais je sais qu'à priori il serait possible de faire la même chose avec wp (elementor, ou thème)
Par contre cela ne me semble pas si simple avec Joomla. J'ai testé avec le module mais il ne passait pas Astroid de mémoire.
Après je peux regarder le plugin, mais j'aurai besoin de compléments et de certitude sur le fait que je puisse affecter cela à toute l'entête.

@Robert
Ok merci pour l'instant je revois si et comment faire avec UP ? car cela semblerait plus flexible si on changeait de thème (s'il m'embête il peuve faire basculer (>

[RobertG]

Bonjour,

Changer de thème tout en gardant l'image de fond grâce à UP ou une autre extension ne t'empêchera pas d'avoir besoin de reprendre toutes les zones venant en surimpression pour les rendre transparentes.

[Le_villageois]

Bonjour,

Voir sur ce site ce que Templaza fait : https://www.templaza.com/joomla-templates.html

Si ça peut aider,

B.

[herve]

Bonjour
Bon j'essaie sur astroid
Je n'ai modifié que la partie dans la design setting, l'élément "Astroid Header" et je ne vois qu'un bout de l'image (après avoir modifié la plupart des élément.

https://j4test.88h.ovh/

Est ce qu'il y a un autre élément à toucher , ce n'est pas bon? ou 1 des paramètres ?

Pour rappel (pour être sûr) ce n'est pas toute la page mais juste sous le logo + menu de la page accueil. Il y aura aussi dans cette page, une page SPPB5

[RobertG]

Comme je l'ai dit plus haut, c'est l'image de fond de l'ensemble que tu dois définir dans le style si tu as sélectionné l'affichage "boxed", sans répétition.
Ensuite, il faut chercher quelles sections passent dessus et doivent être définies avec fond transparent.
Si tu ne définis une image que pour le header, il va te falloir redéfinir ce qui vient par-dessus dans cette section, en plus de leur fond transparent, mais aussi forcer ton header à prendre toute la largeur, donc utiliser un affichage fluide, je pense.
Un exemple vite fait avec une petite image répétée, il reste à gérer la transparence de ce qu'on v afficher par-dessus.

[RobertG]

Un exemple plus parlant, mon site de photos avec fond partiellement transparent : https://les-photos.de-ergé.fr/

[herve]

Un exemple plus parlant, mon site de photos avec fond partiellement transparent : https://les-photos.de-ergé.fr/

Du coup cela m’embrouille car cela ne me semble pas que je cherche.
je veux "juste" Une grande photo qui sois uniquement sous le logo + menu comme https://ascension.fr/ ou https://www.altiplano-voyage.com/ sur la page accueil
C'est pour cela que j'essayais de toucher les paramètres du header

Ah pas si simple que cela , c'est pour moi d'ailleurs une question récurrente de la faiblesse des thèmes joomla dont je n'arrive pas customizer cet en-tête (avec cette image en background ou des menus plus fun).
Si vous avez fait des sites comme cela avec la méthode, je serai toujours intéressé même dans des années et peut-être que cela serait possible avec UP lomart

Ah maj: je n'avai pas vu la ligne Le_villageois
Super, je vois déjà un thème intérressant https://amanus.jollyany.co/ :-)
A suivre