Umzug der Artikel-Filter-Box auf Main-Inside

@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:

 

das sieht doch geil aus

 

Hättest du Angaben zum Shop im backend würde ich dir gern helfen. Nur ab 4.3.x.x bin ich nicht bereit.

 

Schade, ich bekomme es in V4.3.x.x ebenfalls nicht zum Laufen. Vielleicht gibt es ja irgendwann nochmal eine Zip-Datei

 

Cyrus wird wohl am WE da was fertig machen.

 

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

 

Das sieht schon sehr fein aus! Ein Problem wäre da noch, die Artikelliste ist noch eingerückt.

 

das habe ich mit css gelöst:
.panel-default {
margin-left: 15px;
margin-right: 15px;}

 

Mmh, das machts bei mir nicht. Die product-listing-sidebar lungert da noch rum mit seinen 4 Bootstrap Spalten...

 

Die sidebar.html unter shop/themes/all/html/system/ musst du löschen, wird nicht mehr gebraucht.

 

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.

 

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

 

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.

 

Ich bin auch eigentlich seit einigen Tagen fertig. Hatte kein Zugang zum Forum! "Jahrlicher Beitrag!!".
unter https://7times24.de ist ein Ergebnis zu sehen.

 

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!!!

 

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.

 

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


2: Im SE4 Expertenmodus -> Menüboxen -> AUSWAHL UND POSITIONEN
Nur Filter darf an sein

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.

 

also bei mir funktioniert es leider nicht; teste jetzt erstmal in einem neuen Testshop

 

Hast du das Problem immer noch?

 

Irgendwas machst du falsch. Was passiert dann nachdem du die Dateien hochlädst und die Caches leerst?