Umzug der Artikel-Filter-Box auf Main-Inside

Thema wurde von Cyrus (LeGong), 4. Dezember 2016 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    @Cyrus (LeGong) ,
    bin heute auch gebeten wurden den Dropdown im Filter durch Button zu ersetzen.
    Habe das erst mal getestet und bin sehr weit gekommen. Vielleicht hilfst dir.
    die filter_selection_template_dropdown.html:
    HTML:
    {load_language_text section="box_filter"}
    
    {block name="filter_selection_template_dropdown"}
    <fieldset>
        <div class="form-group{if $feature_value.VISIBLE == false && $feature_value.DISPLAY_MODE == 1} disabled{/if}">
            {block name="filter_selection_template_dropdown_label"}
               
            {/block}
           
            {block name="filter_selection_template_dropdown_select"}
            <select class="form-control" id="filter_fv_id[{$content_data.FEATURE_ID}][]" name="filter_fv_id[{$content_data.FEATURE_ID}][]"{if $feature_value.VISIBLE == false && $feature_value.DISPLAY_MODE == 1} disabled="disabled"{/if}>
            <option class="hidden" value="">
                <label class="control-label option-heading" for="filter_fv_id[{$content_data.FEATURE_ID}][]">
                {$content_data.FEATURE_NAME}
                </label>
            </option>
            {foreach name=features item=feature_value from=$content_data.FEATURE_VALUE_DATA}
            {block name="filter_selection_template_dropdown_option"}
            <option value="{$feature_value.ID}" {if $feature_value.SELECTED}selected="selected"{/if}>
            {if $feature_value.SELECTED}{$content_data.FEATURE_NAME}:{/if}
            {$feature_value.NAME}
            </option>
            {/block}
            {/foreach}
            </select>
            {/block}
        </div>
    </fieldset>
    <input type="hidden" name="value_conjunction[{$content_data.FEATURE_ID}]" value="{$content_data.VALUE_CONJUNCTION}" />
    {/block}
    und die box_filter_form_content.html:
    HTML:
    {load_language_text section="box_filter"}
    
    {block name="box_filter_form_content"}
    <div class="filter-box-form-wrapper">
        <div class="filter-auswahl col-xs-12">
            <input type="hidden" name="feature_categories_id" value="{$content_data.categories_id}" />
            <input type="hidden" name="filter_categories_id" value="{$content_data.categories_id}" />
            {foreach name=feature_html item=feature_code from=$content_data.FEATURE_DATA}
                {block name="box_filter_form_content_feature"}               
                    <div class="filter-box col-xs-12 col-sm-6 col-lg-4 {if ($content_data.FEATURE_MODE == 1 && $feature_code.show == false) || ($content_data.FEATURE_EMPTY_BOX_MODE == 0 && $feature_code.empty_feature == true)}hidden{/if}">
                        {block name="box_filter_form_content_feature_html"}{$feature_code.html}{/block}
                       
                        {block name="box_filter_form_content_feature_empty_text_if"}
                            {if $content_data.FEATURE_EMPTY_BOX_MODE == 1}
                                {block name="box_filter_form_content_feature_empty_text"}
                                    <div {if !$feature_code.empty_feature} class="hidden"{/if} >
                                        {$txt.feature_empty_text}
                                    </div>
                                {/block}
                            {/if}
                        {/block}
                    </div>
                {/block}
            {/foreach}
        </div>   
            <!-- BOF Changing the look of -->
            {block name="box_filter_form_content_buttons"}
            <div class="form-group-button col-xs-12">
                    {block name="box_filter_form_content_filter_button"}
                        <button class="btn btn-primary" type="submit" title="{$txt.button_filter}">
                            {$txt.button_filter}
                        </button>
                    {/block}       
                {block name="box_filter_form_content_reset_button"}
                    <button class="btn btn-default" type="reset" title="{$txt.button_reset}" style="float: right;">
                        {$txt.button_reset}
                    </button>
                {/block}
            </div>
            {/block}
            <!-- EOF Changing the look of -->
       
            <input type="hidden" name="filter_url" value="{$content_data.FILTER_URL}" />
            {load_env_array source='get' name='ENV_GET_DATA' exclude=$content_data.EXCLUDE_GET_PARAMS}
            {foreach name=hidden_params key=param_key item=param_value from=$ENV_GET_DATA}
                {if $param_key != 'feature_categories_id' && $param_key != 'filter_url' && $param_key != 'module' && $param_key != 'action' && $param_key != 'gm_boosted_product'}
                    <input type="hidden" name="{$param_key}" value="{$param_value}" />
                {/if}
            {/foreach}
       
            {load_env_array source='post' name='ENV_GET_DATA_POST' exclude=$content_data.EXCLUDE_POST_PARAMS}
            {foreach name=hidden_params key=param_key item=param_value from=$ENV_GET_DATA_POST}
                {if $param_key != 'feature_categories_id' && $param_key != 'filter_url' && $param_key != 'module' && $param_key != 'action'}
                    <input type="hidden" name="{$param_key}" value="{$param_value}" />
                {/if}
            {/foreach}
       
    </div>
    {/block}
    Dann noch css und das sieht so aus:
     

    Anhänge:

  2. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    das sieht doch geil aus
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    Hättest du Angaben zum Shop im backend würde ich dir gern helfen. Nur ab 4.3.x.x bin ich nicht bereit.;)
     
  4. becks

    becks Erfahrener Benutzer

    Registriert seit:
    14. Juni 2013
    Beiträge:
    263
    Danke erhalten:
    51
    Danke vergeben:
    45
    Schade, ich bekomme es in V4.3.x.x ebenfalls nicht zum Laufen. Vielleicht gibt es ja irgendwann nochmal eine Zip-Datei :rolleyes:
     
  5. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    Cyrus wird wohl am WE da was fertig machen.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    Beim Theme Malibu full width wird die Filterbox bei den Kategorien oben angezeigt,
    ohne große Bastelei:
    Einstellungen SE4 unter Menüboxen:
    SEITEN MIT MENÜBOXSPALTE
    - alle aus
    AUSWAHL UND POSITIONEN
    - nur "Filter" aktivieren

    die index.html unter Shop/Themes/All/
    HTML:
                                        {block name="index_inner_wrapper_main_banner" append}
                                            <!-- BOF Change Filter Position -->
                                            {block name="new_filter_position"}
                                                {if ""|detect_page == 'Cat'}
                                                    {menuboxes first=2 last=2}
                                                {/if}
                                            {/block}
                                            <!-- EOF Change Filter Position -->
                                           
                                        {/block}
                                    {block name="index_inner_wrapper_left_content"}
                                        {if $SHOW_LEFT_COLUMN}
                                            <!-- BOF Turnoff Filter -->
                                            {menuboxes first=1 last=1 exclude="content"}
                                            {menuboxes first=3 last=100 exclude="content"}
                                            <!-- EOF Turnoff Filter -->
                                        {else}
                                            {menuboxes only="categories"}
                                        {/if}
                                    {/block}    
    Testet das mal mit 4.3.x.x
     
  7. becks

    becks Erfahrener Benutzer

    Registriert seit:
    14. Juni 2013
    Beiträge:
    263
    Danke erhalten:
    51
    Danke vergeben:
    45
    Das sieht schon sehr fein aus! Ein Problem wäre da noch, die Artikelliste ist noch eingerückt.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    das habe ich mit css gelöst:
    .panel-default {
    margin-left: 15px;
    margin-right: 15px;}
     
  9. becks

    becks Erfahrener Benutzer

    Registriert seit:
    14. Juni 2013
    Beiträge:
    263
    Danke erhalten:
    51
    Danke vergeben:
    45
    Mmh, das machts bei mir nicht. Die product-listing-sidebar lungert da noch rum mit seinen 4 Bootstrap Spalten...
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    Die sidebar.html unter shop/themes/all/html/system/ musst du löschen, wird nicht mehr gebraucht.
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    Hier mal die Variante von mir für Malibu full width.
    Bei mir hats funktioniert.
    Wichtig:
    Einstellungen SE4 unter Menüboxen:
    SEITEN MIT MENÜBOXSPALTE
    - alle aus
    AUSWAHL UND POSITIONEN
    - nur "Filter" aktivieren

    Da @Cyrus (LeGong) die Grundlage geschaffen hat, stelle ich die auch zu Verfügung.
     

    Anhänge:

  12. becks

    becks Erfahrener Benutzer

    Registriert seit:
    14. Juni 2013
    Beiträge:
    263
    Danke erhalten:
    51
    Danke vergeben:
    45
    Ich habe gar keine sidebar.html ABER den Fehler habe ich trotzdem gefunden: In der Kategorie hatte ich noch eine "alte"
    Vorlage für Artikelübersicht product_listing.html ausgewählt. Noch ein bisschen css dann ist es für mich vorerst perfekt!
    Wenn die Kategoriebeschreibung irgendwann noch drüber rutscht ist es ein war gewordener Traum.

    Schönes Wochenende wünscht becks
     
  13. florian-streicher

    florian-streicher Erfahrener Benutzer

    Registriert seit:
    10. Januar 2016
    Beiträge:
    68
    Danke erhalten:
    3
    Danke vergeben:
    32
    Ich warte immer noch auf eine "offizielle" Lösung von Gambio.
    Habe erst vor Kurzem wieder einen Support-Mitarbeiter auf das Thema und diesen Thread hingewiesen.

    Man möchte ja das moderne Malibu Theme nutzen und keine Seitenleiste haben - diese Option wird eigentlich angeboten. Aber wo soll der Filter dann sein, wenn nicht im Hauptbereich? Es wäre toll, wenn man die alten "Menüboxen", genau wie die neuen "Widgets", frei im Hauptbereich platzieren könnte.

    Respekt und vielen Dank an die Leute hier im Thread (vor allem Cyrus), die sich der Problematik angenommen haben, Code bereitstellen und diesen laufend weiterentwickeln. Ich selber habs in einem Testshop probiert und es hat bei mir leider nur halbwegs funktioniert.

    Vielleicht würde es was bringen, wenn sich mehr Leute aus diesem Thread deswegen direkt an den Support wenden würden.
     
  14. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    Ich bin auch eigentlich seit einigen Tagen fertig. Hatte kein Zugang zum Forum! "Jahrlicher Beitrag!!".
    unter https://7times24.de ist ein Ergebnis zu sehen.
     
  15. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.009
    Danke erhalten:
    319
    Danke vergeben:
    185
    Damit man nicht Suchen muss, er befindet sich in der Kategorie Milchprodukte.

    @Cyrus (LeGong) gibt es zu der Version auch schon einen Download hier im Forum?
    Vielen Dank für die perfekt Arbeit!!!
     
  16. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    Ja, erst heute Abend mehrere Variationen. auf https://7times24.de habe ich nur die DROPDOWN-Filter, aber CHECKBOX-, LINK-, und MULTIPLE-Filter habe ich auch als Dropdown umgesetzt. Muss ich nur die Daten zusammensetzen und eine Beschreibung dazu schreiben.
     
  17. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    Hier die erste Variante.
    Varianten Merkmale:
    Filter auf Main-Inside unter Banner; Full-Width-Filter; Responsive; Dropdown-Filter; Filter-Label innerhalb von Filter-Selection-Feld; Filter-Section-Horizontal statt Vertikal.
    Voraussetzung für GX4 v4.2.x.x
    1: Im Admin-Bereich -> Darstellung -> Kategoriemenü
    Vertikale Kategorie-Navigation in der Sidebar anzeigen MUSS AUSGESCHALTET SEIN
    Filter-bild-1.png

    2: Im SE4 Expertenmodus -> Menüboxen -> AUSWAHL UND POSITIONEN
    Nur Filter darf an sein
    Filter-bild-2.png
    3: Im SE4 Expertenmodus -> Menüboxen -> SEITEN MIT MENÜBOXSPALTE
    Muss Kategorien und Produktlisten an sein.

    Vorgehensweise:
    Die Zip-Datei entpacken. Den Ordner "GXModules" auf SHOP-ORDNER Hochladen. Die Caches für Seitenausgabe und Modulinformationen leeren.

    Das war es auch.
    Diese Erweiterung ist kostenfrei.
    Wer Hilfe beim Einbauen braucht, kann mir eine PN schicken. Da können wir über die Konditionen sprechen.
     

    Anhänge:

  18. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    also bei mir funktioniert es leider nicht; teste jetzt erstmal in einem neuen Testshop :(
     
  19. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    Hast du das Problem immer noch?
     
  20. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    Irgendwas machst du falsch. Was passiert dann nachdem du die Dateien hochlädst und die Caches leerst?