Footer Spalte 1 statt "Mehr über"

Thema wurde von S-IT, 5. September 2022 erstellt.

  1. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    #1 S-IT, 5. September 2022
    Zuletzt bearbeitet: 5. September 2022
    Hallo,

    wurde hier zwar schon mehrfach besprochen, hat auch mit den Tipps bei meinem alten GX3-Shop funktioniert, aber jetzt bei GX4 bekomme ich es nicht hin. Ich passe in der Datei /themes/Malibu/html/system/layout_footer.html die Content-ID an (ID von "Footer Spalte 1"), aber dann ist die Spalte leer. Gleiches habe ich in der css-Datei angepasst. Müsste /themes/Malibu/styles/system/modules/_footer.scss sein? Dann habe ich versucht, ob es funktioniert, wenn ich den Footer im Theme von "Default" auf "Individuell" ändere, aber da passiert auch nichts. Wo ist der Fehler?
     
  2. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Geht einfacher: Im Styleedit einfach die komplett freie Footer Variante wählen.
     
  3. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    Also wie erwähnt, den Footer im Theme von "Default" auf "Individuell" ändern?
     

    Anhänge:

    • GX4.png
      GX4.png
      Dateigröße:
      78,1 KB
      Aufrufe:
      35
  4. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    Muss nochmal darauf zurück kommen. Im Theme Malibu hat es funktioniert, möchte aber Honeygrid verwenden. Dort bleibt bei allen Änderungen, die ich versuche, die Spalte 1 leer. Arbeite ich überhaupt mit den richtigen Dateien?

    \themes\Honeygrid\html\system/layout_footer.html
    \themes\Honeygrid\styles\system\custom\_usermod.scss
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Cloudshop?

    Wenn nicht:
    erstelle zuerst im Content-Manager unter Elemente -> Footer einen neuen Content (Footer Spalte 1) und notiere oder merke Dir die Content-ID

    lege nun in GXModules ein eigenes Unterverzeichnis an:
    DeinName/Footer/Shop/themes/All/
    und darin die Datei
    layout_footer.html
    mit diesem Inhalt:
    HTML:
    {block name="layout_footer_inside_content1"}
        <div class="footer-col-1">{if $FOOTER_COL_HEADER_1234}
            <div class="box box-content panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        {content_manager group=1234}
                    </div>
                </div>
                <div class="panel-body">
            {content_manager group=1234}
        </div>
        </div>{else}{content_manager group=1234}{/if}
        </div>
    {/block}
    die 1234 musst Du mit Deiner (Footer Spalte 1) Content-ID ersetzen.

    Jetzt kannst du im Content-Manager die erste Spalte so gestalten, wie Du möchtest.
    Das css würde ich mit dem Hinweis */Footer*/ im eigenen CSS im Style Editor anlegen.
    Das ist später bei Änderungen viel einfacher, als in Dateien zu suchen.
     
  6. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    #6 S-IT, 9. September 2022
    Zuletzt bearbeitet: 9. September 2022
    So hab ich's gemacht, bzw. die ID des vorhandenen, aber ungenutzen Content "Footer Spalte 1" genutzt und die Änderungen direkt in der Originaldatei (Back-Up gesichert) geändert.

    In Spalte 1 steht jetzt wieder "Mehr über" und die andern Spalten verschieben sich nach rechts. Spalte 4 entfällt.
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Und die Spalte eins ist im Style Editor aktiv?
    Die Content-Seite sit auch aktiv? (Kundengruppen-check?)
    Cache für Module und Seiten (von unten nach oben) gelehrt?

    Link zur Seite?
     
  8. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    Code:
            {block name="layout_footer_inside"}
                <div class="inside">
                    <div class="row">
                        {block name="layout_footer_inside_content1"}
                            <div class="footer-col-1">{if $FOOTER_COL_HEADER_4321009}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321009}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321009}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321009}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content2"}
                            <div class="footer-col-2">{if $FOOTER_COL_HEADER_4321005}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321005}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321005}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321005}{/if}
                            </div>
                        {/block}
    So siehts jetzt aus und das Problem scheint nur zu sein, dass ich irgendwo, wie oben erwähnt, noch die Spalte 1 aktivieren muss, nicht nur den Content.
     
  9. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    Also hier passt es:
     

    Anhänge:

  10. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    Beides erledigt.
     
  11. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Und es steht auch etwas auf der Content-Seite? Auch in der richtigen Sprache?
     
  12. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    Ja und wird auch im Content-Manager angezeigt.
     

    Anhänge:

    • 3.png
      3.png
      Dateigröße:
      35,7 KB
      Aufrufe:
      16
  13. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    So, nochmal zum Vergleich:

    - Mit der Originaldatei layout_footer.html sieht es so aus wie auf Bild 1:

    Code:
            {block name="layout_footer_inside"}
                <div class="inside">
                    <div class="row">
                        {block name="layout_footer_inside_content1"}
                            <div class="footer-col-1">{$MORE_ABOUT}</div>
                        {/block}
                        {block name="layout_footer_inside_content2"}
                            <div class="footer-col-2">{if $FOOTER_COL_HEADER_4321005}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321005}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321005}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321005}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content3"}
                            <div class="footer-col-3">{if $FOOTER_COL_HEADER_4321006}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321006}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321006}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321006}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content4"}
                            <div class="footer-col-4">{if $FOOTER_COL_HEADER_4321007}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321007}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321007}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321007}{/if}
                            </div>
                        {/block}
                    </div>
                </div>
            {/block}
    - Wenn ich den Block von Spalte 2, 3 und 4 kopiere und anpasse, sieht es aus wie auf Bild 2:

    Code:
            {block name="layout_footer_inside"}
                <div class="inside">
                    <div class="row">
                        {block name="layout_footer_inside_content1"}
                            <div class="footer-col-1">{if $FOOTER_COL_HEADER_4321009}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321009}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321009}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321009}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content2"}
                            <div class="footer-col-2">{if $FOOTER_COL_HEADER_4321005}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321005}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321005}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321005}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content3"}
                            <div class="footer-col-3">{if $FOOTER_COL_HEADER_4321006}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321006}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321006}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321006}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content4"}
                            <div class="footer-col-4">{if $FOOTER_COL_HEADER_4321007}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321007}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321007}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321007}{/if}
                            </div>
                        {/block}
                    </div>
                </div>
            {/block}
    - Wenn ich den Code oben verwende, sieht es aus wie auf Bild 3 (Titel fehlt):

    Code:
            {block name="layout_footer_inside"}
                <div class="inside">
                    <div class="row">
    {block name="layout_footer_inside_content1"}
        <div class="footer-col-1">{if $FOOTER_COL_HEADER_4321009}
            <div class="box box-content panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        {content_manager group=4321009}
                    </div>
                </div>
                <div class="panel-body">
            {content_manager group=4321009}
        </div>
        </div>{else}{content_manager group=4321009}{/if}
        </div>
    {/block}
                        {block name="layout_footer_inside_content2"}
                            <div class="footer-col-2">{if $FOOTER_COL_HEADER_4321005}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321005}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321005}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321005}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content3"}
                            <div class="footer-col-3">{if $FOOTER_COL_HEADER_4321006}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321006}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321006}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321006}{/if}
                            </div>
                        {/block}
                        {block name="layout_footer_inside_content4"}
                            <div class="footer-col-4">{if $FOOTER_COL_HEADER_4321007}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {$FOOTER_COL_HEADER_4321007}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {$FOOTER_COL_4321007}
                                    </div>
                                </div>{else}{$FOOTER_COL_4321007}{/if}
                            </div>
                        {/block}
                    </div>
                </div>
            {/block}
    Content und Spalte 1 sind aktiviert, siehe Bild 4 und 5. Wo ist der Fehler? Ich versteht insbesondere nicht, warum eine Kopie der anderen Blöcke mit angepasster ID nicht funkioniert. Es ist der selbe Code wie bei den Spalten 2 bis 4.
     

    Anhänge:

    • 1.png
      1.png
      Dateigröße:
      36 KB
      Aufrufe:
      8
    • 2.png
      2.png
      Dateigröße:
      21,7 KB
      Aufrufe:
      8
    • 3.png
      3.png
      Dateigröße:
      27,9 KB
      Aufrufe:
      8
    • 4.png
      4.png
      Dateigröße:
      19,1 KB
      Aufrufe:
      8
    • 5.png
      5.png
      Dateigröße:
      51 KB
      Aufrufe:
      8
  14. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    #14 S-IT, 12. September 2022
    Zuletzt bearbeitet: 12. September 2022
    Habe getestet, was genau das Problem verursacht. Das erstellen der Spalte 1 funktioniert. Mit der Content-ID der Spalte 2 wird diese angezeigt. Sobald ich die Content-ID von 4321005 zu 4321009 ändere, was ja definitiv korrekt ist, wird die Spalte nicht mehr angezeigt, so als sei der Content von Spalte 1 deaktiviert, was aber nicht der Fall ist, siehe Bild 5. Auch jeder andere neu erstelle und aktivierte Content wird nicht angezeigt. Daneben steht "Teilweise sichtbar".
     
  15. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Dann ist der Content nicht für alle Sprachen aktiviert. Hast Du ihn vielleicht für EN aktiv und nciht für DE?
     
  16. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    An der Sprache lag es nicht. Es funktioniert nur mit den schon bei der Installation vorhandenen Content-ID's zu Spalte 2 bis 4. Nehm ich die ID der vorhandenen Spalte 1 oder eines mit gleichen Einstellungen selbst erstellten Contents, funktioniert es nicht. Das ergibt keinen Sinn. Mit dem Code-Vorschlag oben, also "content_manager group=" statt "$FOOTER_COL_" funktioniert es, es fehlt aber der Titel.

    Auch das es mit dem kopierten Block von Spalte 2 bis 4 nicht funktioniert, verstehe ich nicht, dort steht ja auch "$FOOTER_COL_".
     
  17. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    Also damit bin ich der Lösung am nächsten. Aber wieso fehlt der Titel von Spalte 1? Ist im Content-Manager aktiviert.

    Code:
            {block name="layout_footer_inside"}
                <div class="inside">
                    <div class="row">
                        {block name="layout_footer_inside_content1"}
                            <div class="footer-col-1">{if $FOOTER_COL_HEADER_4321009}
                                <div class="box box-content panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-title footer-column-title">
                                            {content_manager group=4321009}
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        {content_manager group=4321009}
                                    </div>
                                </div>{else}{content_manager group=4321009}{/if}
                            </div>
                        {/block}
     
  18. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    So sieht's dann aus:
     

    Anhänge:

  19. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Solange man nicht sieht, wie Du Spalte 1 und Spalte 2 im Content-Manager befüllt hast, kann man dazu nichts weiter sagen.
     
  20. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    24
    Danke erhalten:
    0
    So, aber getestet wurde mit deutscher Sprache.
     

    Anhänge:

    • 1.png
      1.png
      Dateigröße:
      54,9 KB
      Aufrufe:
      16
    • 2.png
      2.png
      Dateigröße:
      43,7 KB
      Aufrufe:
      16
    • 3.png
      3.png
      Dateigröße:
      48,5 KB
      Aufrufe:
      16
    • 4.png
      4.png
      Dateigröße:
      43,9 KB
      Aufrufe:
      16