Umzug der Artikel-Filter-Box auf Main-Inside

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

  1. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    das kann Dir unter Umständen den Shop lahmlegen, mit Vorsicht zu genießen!
     
  2. guenter_baeumler

    guenter_baeumler Erfahrener Benutzer

    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    Hallo Achim,

    was kann den Shop lahm legen?
     
  3. Developer

    Developer Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    2.884
    Danke erhalten:
    617
    Danke vergeben:
    113
    Hallo Günter,

    er meint damit, wenn man die Suche in Artikelattributen/Artikeleigenschaften aktiviert.
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    2. November 2017
    Beiträge:
    176
    Danke erhalten:
    30
    Danke vergeben:
    78
    @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?
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    2. November 2017
    Beiträge:
    176
    Danke erhalten:
    30
    Danke vergeben:
    78
    #65 Anonymous, 31. Januar 2019
    Zuletzt bearbeitet: 31. Januar 2019
    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...
     
  6. joergschenk

    joergschenk Erfahrener Benutzer

    Registriert seit:
    14. Juli 2011
    Beiträge:
    163
    Danke erhalten:
    3
    Danke vergeben:
    18
    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.
     
  7. MosTec

    MosTec Erfahrener Benutzer

    Registriert seit:
    10. Februar 2014
    Beiträge:
    182
    Danke erhalten:
    15
    Danke vergeben:
    23
    #67 MosTec, 12. Februar 2019
    Zuletzt bearbeitet: 14. Februar 2019
    @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!
     
  8. MosTec

    MosTec Erfahrener Benutzer

    Registriert seit:
    10. Februar 2014
    Beiträge:
    182
    Danke erhalten:
    15
    Danke vergeben:
    23
    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?
     
  9. guenter_baeumler

    guenter_baeumler Erfahrener Benutzer

    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    Guten Morgen,

    hast Dur "hier" auch alle Filter angelegt und aktiviert?

    [​IMG]

    Bei mir wird so der Filter, auch auf der Startseite, ohne Probleme angezeigt.

    Viel Erfolg
     
  10. MosTec

    MosTec Erfahrener Benutzer

    Registriert seit:
    10. Februar 2014
    Beiträge:
    182
    Danke erhalten:
    15
    Danke vergeben:
    23
    Ja sieht bei mir genau so aus.
    das ist ja das was ich nicht so ganz verstehe. :(

    [​IMG]
     
  11. guenter_baeumler

    guenter_baeumler Erfahrener Benutzer

    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    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.
     
  12. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    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:
     

    Anhänge:

  13. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    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?
     
  14. guenter_baeumler

    guenter_baeumler Erfahrener Benutzer

    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    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.
     
  15. guenter_baeumler

    guenter_baeumler Erfahrener Benutzer

    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    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.


    upload_2019-3-7_6-40-23.png

    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.
     
  16. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    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.
     
  17. guenter_baeumler

    guenter_baeumler Erfahrener Benutzer

    Registriert seit:
    22. Juni 2018
    Beiträge:
    376
    Danke erhalten:
    69
    Danke vergeben:
    69
    Hallo Cyrus,

    ich hab meinen Fehler gefunden. Leider hatte ich bei der Filter-Einstellung die falsche gewählt.
    upload_2019-3-7_9-11-26.png
    mit "ausblenden" geht es natürlich.

    Vielen Dank
     
  18. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.
     
  19. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    @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.
     
  20. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #80 barbara, 10. April 2019
    Zuletzt bearbeitet: 13. September 2020
    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 :)