Hallo Günter, er meint damit, wenn man die Suche in Artikelattributen/Artikeleigenschaften aktiviert.
@Cyrus (LeGong): Sehr schön, vielen Dank! Bekommt man Deine FilterBox auch noch irgendwie unter die Kategorieüberschrift und evtl. Kategoriebeschreibung? Und ggf. über die ganze Breite, wenn man Links gar keine Boxen haben möchte?
Wenn man die Box gleich ausgeklappt haben möchte, muss bzw. kann man in der box_filter.html folgendes ändern: (Der auskommentierte Code ist jeweils das Original von Cyrus). Code: <!-- <div id="collapsible" class="panel-collapse collapse out" role="tabpanel"> --> <div id="collapsible" class="panel-collapse collapse in" role="tabpanel"> Wenn man links keine Boxen haben möchte und den Filter über die komplette Breite haben will, habe ich das wie folgt gelöst mit einer Anpassung in der index.html: Code: <!--{block name="index_inner_wrapper_main_banner" append} {block name="new_filter_position"} {if ""|show_left_column === true} {menuboxes first=2 last=2} {/if} {/block} {/block} {block name="index_inner_wrapper_left_content"} {if ""|show_left_column === true} {menuboxes first=1 last=1 exclude="filter"} {menuboxes first=3 last=100 exclude="filter"} {/if} {/block} --> {block name="index_inner_wrapper_main_content"} <!-- Anpassung Filter --> {if ""|detect_page == 'Cat'} {menuboxes first=2 last=2} {/if} <!-- Ende Anpassung Filter --> {$main_content}{/block} {block name="index_inner_wrapper_left_content"} <!-- Aapassung Filter --> {if ""|detect_page == 'Cat'} {menuboxes first=1 last=1 exclude="filter"} {menuboxes first=3 last=100 exclude="filter"} {else} {menuboxes first=3 last=100 exclude="filter"} {/if} <!-- Ende Anpassung Filter --> {/block} Für Anmerkungen/Verbesserungen bin ich immer zu haben. Die Boxen muss man dann natürlich im StyleEdit deaktivieren. Nur wie ich die FIlterBox unter die Kategorieüberschrift bekomme, habe ich noch nicht rausgefunden...
Hallo, echt prima der Filter. Kann man den Filter auch noch so einstellen, dass er erst Filtert wenn man auf Filter drückt? Bei mir Filtert er direkt wenn ich eine Auswahl anklicke.
@Olli (hosting-web-design.de) Ist das auch machbar wenn man die Boxen links stehen lassen möchte und den Filter dennoch über die gesamte Breite des Shops haben möchte? Zweite Frage an alle: Wie bekomme ich den Filter auf die Startseite? Ich bin da grad zu blöd für EDIT: Noch eine Anmerkung: Es werden keine Fehler angezeigt wenn welche auftauchen sollten! Der Filter hat nicht funktioniert. Also alles wieder gelöscht und geschaut was beim original passiert. Und siehe da; Anzeige Fehler: Fehler beim Aufrufen der verfügbaren Filterwerte! Kann man die Funktion noch einarbeiten? EDIT 2: Liegt bei mir am Virenscanner!
Naben zusammen und @Cyrus (LeGong) Ich muss hier noch mal Frage wie ich den Filter auf der Startseite realisiert bekomme. Trotzdem das alle Hacken im Admin gesetzt sind das die Filter auf der Startseite zu sehen sein sollen klappt das nicht. Hat jemand ne Idee dazu?
Guten Morgen, hast Dur "hier" auch alle Filter angelegt und aktiviert? Bei mir wird so der Filter, auch auf der Startseite, ohne Probleme angezeigt. Viel Erfolg
Hallo Cyrus, betreff: Das Problem hatte ich auch nach Update auf 3.10.x.x. Ich habe um das Problem zu lösen, die original Datei "templates/Honeygrid/boxes/box_top_search.html" mit einer USERMOD-Datei wie folgt erweitert. Siehst Du eine Möglichkeit diese Datei auch direkt in GXModule zu intergrieren? (Möchte mich generell von den "USERMOD-Dateien" verabschieden. Ich habe von den "Blöcken" keine Ahnung. Kannst Du die Datei eventuell dafür umschreiben und mir den Pfad nennen, wohin die Datei dann muss? (In Dein Modul integriert) Herzlichen Dank für Deine Bemühungen.
Hallo Günter, du brauchst keine "USERMOD-Datei" für "box_top_search". Der Fehler passiert, weil da einen Konflikt in der CSS-Selektor und seiner Eigenschaft gibt, wenn man meine Filter-Funktion einbaut. Nun habe ich diesen Konflikt durch eine Änderung der Selektorname beseitigt. Man braucht nun keine Änderung der Datei "box_top_search.html". Dafür müssen zwei Dateien korrigiert werden: Datei 1: "SHOP-ORDNER/GXModules/Legong/Filter-Umzug/Shop/Templates/Honeygrid/Boxes/box_filter.html" HTML: <!----------------------------------------------------------------------- changing the design of "box_filter.html" to a dropdown accordion panel cp Legong webdesign and more... Copyright 2018 Legong Released under the GNU General Public License (Version 2) [http://www.gnu.org/licenses/gpl-2.0.html] ----------------------------------------------------------------------> {block name="box_filter"} {block name="box_filter_top"} <!--{include file="get_usermod:{$tpl_path}snippets/box/default/top.html" class="filter" headline=$txt.heading_filter}--> {/block} {block name="box_filter_content"} <div class="panel-group" id="accordion" role="filterlist"> <div class="row"> <div class="panel panel-default"> {block name="panel_title"} <h4 class="panel-title"> <button id="myBtn" style="text-align:left" class="btn btn-filter btn-block" type="button" data-toggle="collapse" data-parent="#accordion" href="#collapsible"> <span class="dropdown-name">Suche verfeinern </span><span class="caret"></span> </button> </h4> {/block} {block name="panel_body"} <div id="collapsible" class="panel-collapse collapse-2 out" role="tabpanel"> <div class="panel-body"> {block name="box_filter_content"} <div id="filterbox-container"> {block name="box_filter_form"} <form name="search_filter" method="get" action="{$content_data.FORM_ACTION_URL}" data-gambio-widget="filter" data-gambio-_widget="filter" {if $content_data.FEATURE_DATA|@count == 0} data-filter-auto-update="false"{/if}> {block name="box_filter_form_content_inc"} {include file="get_usermod:{$tpl_path}boxes/box_filter_form_content.html"} {/block} <!-- bof disabling the error message to avoid mistakes due to design changes --> {block name="box_filter_form_preloader"} <!--<div class="preloader"></div>--> {/block} {block name="box_filter_form_error_box"} <div class="preloader-message"> {block name="box_filter_form_error_message"} <!--<span>{$error.error}</span>--> {/block} </div> {/block} <!-- eof --> </form> {/block} </div> {/block} </div> </div> {/block} </div> </div> </div> {/block} {block name="box_filter_bottom"} <!--{include file="get_usermod:{$tpl_path}snippets/box/default/bottom.html"}--> {/block} {/block} Datei 2: "SHOP-ORDNER/GXModules/Legong/Filter-Umzug/Shop/Templates/Honeygrid/Css/filter.css" Code: /*---------------------------------------------------------- changing the design of categories filter "filter.css" cp Legong webdesign and more... Copyright (c) 2018 Legong Released under the GNU General Public License (Version 2) [http://www.gnu.org/licenses/gpl-2.0.html] --------------------------------------------------------*/ .box-filter { position: relative; } .panel-default { background-image: linear-gradient(to bottom, #f2f5ad 0%, #87a114 100%); color: #000; box-shadow: inset 0 1px #ddd; border-color: #87a114; } .btn.btn-filter { background-color: #EEE; background-image: linear-gradient(to bottom, #f5f5f5 0%, #eee 100%); } .btn.btn-filter:hover { background-color: #eee; background-image: linear-gradient(to bottom, #ddd 0%, #f1f1f1 100%); } .show-filter { display: inline-block; margin-right: 10px; } .filter-form-group { display: inline; margin-bottom: 15px; box-sizing: border-box; } .filter-td { width: 100px; text-align: right; padding-right:10px; } .filter-control-label { display: inline; } .filter-checkbox { display: inline; } .filter-form-control { color: #999; opacity: 1; border: 1px solid #87a114; box-shadow: none; display: inline-block; width: 100%; height: 26px; padding: 2px 12px; font-size: 13px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border-radius: 2px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } option { width: 100px; } .radio, .checkbox { position: relative; display: inline-block; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; } .checkbox label { margin-right: 30px; } .panel-filter { margin-bottom: 18px; background-color: #fff; border: 1px solid transparent; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } form fieldset { margin-bottom: 10px; } form fieldset:first-of-type { margin-top: 5px; } .collapse-2 { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } Hier nochmals das Modul im Ganzen als ZIP-Datei:
Das ist nicht ganz so einfach. Die Artikel-Filter-Funktion bezieht sich auf die Artikel, die in einer Kategorie liegen. Im Grunde genommen, du filterst die Artikel einer Kategorie nach bestimmten Kriterien aus um die Artikeln ausfindig zu machen, die deine Kriterien entsprechen. Die Kriterien, die bei den Artikeln einer Kategorie z. B. "Milchprodukte" wichtig sind oder gilten, müssen nicht für die Artikeln einer anderen Kategorie z. B. "Wein" gültig sein! Dennoch, es ist möglich, dass die Artikeln von unterschiedlichen Kategorien in bestimmten Kriterien gleich sind. Dann m. E. muss es entweder möglich sein, Artikel-Filter unabhängig von Kategorien zu definieren, oder muss man seine kategorien in einer Hauptkategorie anlegen. Eine andere Möglichkeit ist mir unbekannt. Außerdem, auf die Startseite hat man normalerweise die Artikeln, die als "Unsere Empfehlungen" "Sonder Angebote" "Neu im Sortiment" usw. eingestellt sind. Was macht man dann?
Hallo Cyrus, danke für die schnelle Antwort, einfach SUPER!!! Ich binde den Filter dann wieder ein wenn ich allen Artikeln (noch ca. 500 zu bearbeiten) einen Filterwert zugeordnet habe, vorher verwirrt es den Kunden nur, da ja nur mit einem Filterwert belegte Artikel über den Filter gefunden werden.
Guten Morgen Cyrus, habe das Modul vorerst in einem weiteren Shop ohne Probleme installiert. In diesem ist mir jedoch etwas aufgefallen. Der Filter hat in meinem Schmuckshop bisher so funktioniert, dass bei einer Filterauswahl alle anderen, nicht betroffenen Filter, ausgeblendet wurden. (sehr übersichtlich für den Kunden) Hier habe ich das Phänomen, das der Filter nicht ausgeblendet wird sondern mit „Es wurden keine passenden Filterwerte gefunden“ gekennzeichnet wird. Hast Du eine Idee was ich falsch gemacht haben könnte, dass der Filter hier nicht ausgeblendet wird. Vielen Dank für Deine Bemühungen.
Hallo Günter, ich habe dass Problem nicht. Evtl. du hast einen Fehler wo anderes. Vielleicht bei Artikel-Filter-Einstellungen, oder Kategorie-Filter-Einstellungen. Aber auch bei Artikel-Bearbeiten. Die Datei die diese Meldung aus gibt ist: "SHOP-ORDNER/GXModules/Legong/Filter-Umzug/Shop/Templates/Honeygrid/Boxes/box_filter_form_content.html" und muss so aussehen: HTML: <!--------------------------------------------------------------------------- adding a new css selector and two buttons "box_filter_form_content.html" cp Legong webdesign and more... Copyright (c) 2018 Legong Released under the GNU General Public License (Version 2) [http://www.gnu.org/licenses/gpl-2.0.html] --------------------------------------------------------------------------> {block name="box_filter_form_content_feature"} <div class="{if ($content_data.FEATURE_MODE == 1 && $feature_code.show == false) || ($content_data.FEATURE_EMPTY_BOX_MODE == 0 && $feature_code.empty_feature == true)} hidden {else} show-filter{/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} {block name="box_filter_form_content_price_filter_if" append} <hr /> {/block} <!-- BOF Changing the look of --> {block name="box_filter_form_content_buttons"} <div class="form-group"> {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}"> {$txt.button_reset} </button> {/block} </div> {/block} <!-- EOF Changing the look of --> oder du hast einfach vergessen bei einen Artikel diese Werte einzugeben.
Hallo Cyrus, ich hab meinen Fehler gefunden. Leider hatte ich bei der Filter-Einstellung die falsche gewählt. mit "ausblenden" geht es natürlich. Vielen Dank
In der Version 3.12 gibt es eine kleines Problem: der css-code .collapse { display: none; } der den Filter einklappt, deaktiviert auch die Suche im Header.
@barbara, das Problem ist mir bekannt. In MU 3.12.x.x ist in der Datei "templates/Honeygrid/boxes/box_top_search.html" in der: HTML: {block name="box_top_search"} <div class="navbar-search collapse"> ist geändert worden. Es war früher: HTML: {block name="box_top_search"} <div id="search" class="navbar-search"> Um das Problem zu umgehen, habe ich nun diesen DIV wie folgt geändert: HTML: {block name="box_top_search"} <!-- BOF to avoid konflikts the div got an 'id="search"' and a 'class="navbar-collapse"' --> <div id="search" class="navbar-search collapse navbar-collapse"> <!-- EOF --> und die Datei als USERMOD gespeichert.
Hallo Cyrus, danke für die schnelle Rückmeldung. Ich habe es etwas anders (und einfacher) gelöst. Code: @media (min-width: 768px){ .navbar-search.collapse { display: block; }} Das habe ich ins eigene css gepackt. Damit bleibt die Suche erhalten und der Filter funktioniert einwandfrei