Moduł STOPKA w pozycji footer

[james.bien]

W sekcji footer umieściłem 3 moduły własne: dane kontaktowe, dane adresowe, linki do stron.

Gdzie umieścić moduł STOPKA z informacjami o wersji Joomla, informacji o autorstwie? Jak ustawiam też na stopkę to wyświetla mi się obok w/w. Chciałbym, aby ta informacja była samodzielna (tak się chyba robi zgodnie ze sztuką), pod w/w modułami?

Czy da się to zrobić za pomocą modułu czy taką informację trzeba wtedy umieścić gdzieś w kodzie strony?

JB

[zwiastun]

Sekcja footer strony to najodpowiedniejsze miejsce (znacznik footer w kontekście strony obejmuje element(-y), który zawiera informacje o stronie (informacje o treści). A to, jak się moduł układa w stosunku do innych i jak się wyświetla, to tylko kwestia odpowiedniej stylizacji.

[james.bien]

Dzięki za odpowiedź.

Sekcja footer to najlepsze miejsce na informacje o stronie - jasne jak słońce. W moim planie jednak (może błędnym) chciałbym, aby moduły własne były obok siebie (1), a pod nimi jeden moduł (2) - właśnie z info o stronie i Joomla. W moim przypadku, żeby osiągnąć połowiczny efekt musiałbym albo zrezygnować z tych trzech modułów, albo ze stopki z info o stronie i Joomla. Brakuje mi pozycji footer-b na przykład. Wtedy te informacje mógłbym rozdzielić: jedna w a, druga w b.

W załączniku zrzut ekranu

JB
Załącznik 10149

[zwiastun]

Nie musisz. Szablon na pewno wykorzystuje techniki flexbox/gridbox. W pozycji modułów można umieścić nawet klika wierszy modułów. W ustawieniach modułu (Wzbogacone) określasz, ile kolumienek siatki obejmuje moduł. Daj 12. Być może konieczne jednak będzie dopisanmie jakiegoś kawałka css

[terra]

Jeśli mowa o stopce, w szablonie Kasjopea, to akurat ta, ma chyba podział na kolumny o określonym rozmiarze. Ustawienie modułu na 12, pozwoli tylko na pełną szerokość, w kolumnie, a nie całej ramce.
Żeby osiągnąć efekt, o którym mowa czyli wiersz z podziałem i pełem wiersz pod spodem, trzeba dodać nową pozycję.

footer ma klasę:

<footer class="container-footer footer full-width">
</div>

z ramką

<div class="grid-child">
</div>

co nie będzie dawać pełnej szerokości, (container-footer jest w ogóle niezdefiniowany)

Należałoby dodać

<div class="grid-child container-nazwakontenera">
</div>

W praktyce powinno to wyglądać mniej więcej tak:
plik /templates/nazwaszablonu/index.php

    <?php if ($this->countModules('footer', true)) : ?>
    <footer class="container-footer footer full-width">
        <div class="grid-child">
            <jdoc:include type="modules" name="footer" style="none" />
        </div>
        
        <?php if ($this->countModules('nazwakontenera', true)) : ?>
        <div class="grid-child container-nazwakontenera">
            <jdoc:include type="modules" name="nazwakontenera" style="card" />
        </div>
        <?php endif; ?>            
                
    </footer>

plik /templates/nazwaszablonu/templateDetails.xml

    <positions>
        <position>topbar</position>
        <position>below-top</position>
        <position>menu</position>
        <position>search</position>
        <position>banner</position>
        <position>top-a</position>
        <position>top-b</position>
        <position>main-top</position>
        <position>main-bottom</position>
        <position>breadcrumbs</position>
        <position>sidebar-left</position>
        <position>sidebar-right</position>
        <position>bottom-a</position>
        <position>bottom-b</position>
        <position>footer</position>
        <position>debug</position>

        <position>nazwakontenera</position>
    </positions>

plik /media/templates/site/nazwaszablonu/css/template.css

.
.
.container-nazwakontenera {
  position: relative;
}
.
.
.container-nazwakontenera > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0.5em 0;
}
.
.
@media (max-width: 991.98px) {
.  .container-nazwakontenera {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .container-nazwakontenera > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }



}
.
.
@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ".......". nazwakontenera nazwakontenera nazwakontenera nazwakontenera ."......
    .
    .
    }
  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ".... ". nazwakontenera nazwakontenera nazwakontenera nazwakontenera .";
    }
}
.
.
.
.container-nazwakontenera {
  grid-area: nazwakontenera;
}

[james.bien]

Zwiastun napisał:

Być może konieczne jednak będzie dopisanmie jakiegoś kawałka css

Tak, zmiany w ustawieniach modułu nie przyniosły oczekiwanego efektu. Konieczna zatem ingerencja w kod z dopisaniem pozycji.

To rozwiązanie podaje terra.

Wielkie dzięki - to mało powiedziane. Dla Wyjadaczy to pewnie codzienność. Dla mnie, hobbysty - POTĘGA. Wiedza wzbogacona extra dawką, teraz jeszcze przełożyć na umiejętności i praktykę.

Dzięki za wspaniała lekcje i podzielenie się swoją wiedzą. Teraz trzeba tylko wykonać zadanie.

JB

[terra]

Pamietaj, że najpierw należy utworzyć szablon potomny, a dopiero w tym szablonie wprowadzić zmiany, inaczej, przy kolejnej aktualizacji Joomla, wszystkie zmiany zostaną usunięte.

[james.bien]

Na razie testuję sobie, żeby sprawdzić efekt. Jak już wszystko będzie grało - wtedy oczywiście szablon potomny. Jestem już prawie (słowo klucz)na ukończeniu swoich prób. Na ten moment chcę jeszcze wyrównać zawartość z tej pozycji - ze środka na górę modułu. Patrzyłem trochę gdzie to może być w pliku template.css i wygląda na .footer .grid.child i align-items:, ale nie wiem jeszcze, czy to to.

Dziękuję za wskazówki z dodaniem nowej pozycji - wszystko się udało!!! Jestem wdzięczny. Myślę, że ten, kto trafił na ten wątek skorzystał tak jak ja.

JB

[terra]

align-items

[james.bien]

Ustawiam na flex-start i zapisuję template.css- nic się niestety nie zmienia.

Jak uruchamiam inspekcję - align-items ma wartość center. Jak zmieniam na flex-start, żeby sprawdzić efekt - jest OK.

Wydaje mi się, że robię dobrze. Zmiana w css, zapis. Ale...

JB