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:
    18
    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) Administrator
    Mitarbeiter

    Registriert seit:
    7. November 2012
    Beiträge:
    18.422
    Danke erhalten:
    7.133
    Danke vergeben:
    2.163
    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:
    18
    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:
      23
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. Oktober 2015
    Beiträge:
    3.345
    Danke erhalten:
    694
    Danke vergeben:
    465
    Genau.
     
  5. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    18
    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
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    34.773
    Danke erhalten:
    10.928
    Danke vergeben:
    1.549
    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.
     
  7. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    18
    Danke erhalten:
    0
    #7 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.
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    34.773
    Danke erhalten:
    10.928
    Danke vergeben:
    1.549
    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?
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. Oktober 2015
    Beiträge:
    3.345
    Danke erhalten:
    694
    Danke vergeben:
    465
    Tja, so im Blindflug wird sich das nicht lösen lassen. Das musst du schonmal mit nem Link zum Shop rausrücken oder ein Ticket bei Gambio auslösen.
     
  10. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    18
    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.
     
  11. S-IT

    S-IT Mitglied

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

    Anhänge:

  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. Oktober 2015
    Beiträge:
    3.345
    Danke erhalten:
    694
    Danke vergeben:
    465
    Was ist damit??
     
  13. S-IT

    S-IT Mitglied

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

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    34.773
    Danke erhalten:
    10.928
    Danke vergeben:
    1.549
    Und es steht auch etwas auf der Content-Seite? Auch in der richtigen Sprache?
     
  15. S-IT

    S-IT Mitglied

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

    Anhänge:

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

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    18
    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:
      5
    • 2.png
      2.png
      Dateigröße:
      21,7 KB
      Aufrufe:
      5
    • 3.png
      3.png
      Dateigröße:
      27,9 KB
      Aufrufe:
      5
    • 4.png
      4.png
      Dateigröße:
      19,1 KB
      Aufrufe:
      5
    • 5.png
      5.png
      Dateigröße:
      51 KB
      Aufrufe:
      5
  17. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    18
    Danke erhalten:
    0
    #17 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".
     
  18. barbara

    barbara G-WARD 2014-2020

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

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    18
    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_".
     
  20. S-IT

    S-IT Mitglied

    Registriert seit:
    9. November 2018
    Beiträge:
    18
    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}