@Jan Brodowsky , schau mal unter "templates/Honeygrid/module/filter_selection/checkboxes.html" hier sind die Checkbox-Einstellungen.
@Cyrus (LeGong) : Die habe ich gefunden, aber meine html kenntnisse beissen da einfach aus; wie und wo ich da rein schreibe: liste alle checkboxen quer auf und nicht untereinander
Hier die notwendige Dateien für die Version 3.7.x.x VOR HOCHLADEN Datensicherung per FTP und Datenbanksicherung NICHT VERGESSEN. ODER AM BESTENS ZUERST AUF EINEN TEST-SHOP TESTEN!
Ich nutze GX3 Vers.7.3.0 Ich mache mich heute Mittag mal daran und halte Dich auf dem laufenden - wie vorher auch schon DANKE
Ich bin mir nicht sicher, ob mir das hilft, aber... Ich hätte gerne die Filterbox mit angezeigt, wenn ich Artikel suche. Beispiel ein Kunde interessiert sich für Outdoor. Nun habe ich aber Tassen, Shirts etc. mit Outdoor. Diese suche soll er Filtern können. Geht das?
Hallo Jan, das funktioniert auch unter Version 3.11.x.x. Evtl. müssen die betroffene USERMOD-Dateien entsprechend der neue ORIGINAL-Dateien angepasst werden. Hierbei geht es hauptsächlich um Einführung von "{block}-Erweiterung" von Smarty 3, die schon seit Version 3.8.x.x. von Gambio eingeführt worden sind. Man kann einfach die Dateien mit einem Programm wie "WinMerge" vergleichen und anpassen.
TEIL 1 "Umzug der Artikel-Filter-box auf main-inside für Gambio ab Version 3.10.x.x Hier wird nur die Version für "Smarty Blocks" beschrieben und NICHT das USERMOD-System verwendet. Falls du das USERMOD-System hast, musst du diese Dateien unbenennen, sonst funktioniert es nicht oder führt zu Fehler. 1: Lege dir einen neuen Ordner in den Ordner SHOP/GXModules an und benene ihn mit z.B. deinem Namen. (Bei mir heißt er "Legong"). OPTIONALER NAME 2: Lege in den neu erstellten Ordner einen neuen Ordner an mit dem Namen "Filter-Umzug". OPTIONALER NAME 3: Lege in den Ordner "Filter-Umzug" einen neuen Ordner mit dem Namen "Shop" an. OBLIGATORISCHER NAME 4: Lege in den Ordner "Shop" einen neuen Ordner mit dem Namen "Templates" an. OBLIGATORISCHER NAME 5: Lege in den Ordner "Templates" einen neuen Ordner mit dem Namen "Honeygrid" an. OBLIGATORISCHER NAME. Falls dein Template anderes heißt, dann muss du diesen anderen Namen verwenden. 6: Lege in den Ordner "Honeygrid" 3 weitere Ordner an mit folgenden Namen: "Boxes"; "Css"; "module". 7: Lege in den Ordner "module" einen Ordner mit dem Namen "filter_selection" an. OBLIGATORISCHER NAME Nun solltest du folgende Ordnerstrukturen haben: SHOP-ORDNER/GXModules/Legong/Filter-Umzug/Shop/Templates/Honeygrid/Boxes SHOP-ORDNER/GXModules/Legong/Filter-Umzug/Shop/Templates/Honeygrid/Css SHOP-ORDNER/GXModules/Legong/Filter-Umzug/Shop/Templates/Honeygrid/module SHOP-ORDNER/GXModules/Legong/Filter-Umzug/Shop/Templates/Honeygrid/module/filter_selection wenn du das hast 8: Schreibe eine Html-Datei mit folgendem Inhalt: Code: <!------------------------------------------------------------- changing the position of filter selection "index.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="index_inner_wrapper_main_banner" append} <!-- BOF Change Filter Position --> {block name="new_filter_position"} {if ""|show_left_column === true} {menuboxes first=2 last=2} {/if} {/block} <!-- EOF Change Filter Position --> {/block} {block name="index_inner_wrapper_left_content"} {if ""|show_left_column === true} <!-- BOF Turnoff Filter --> {menuboxes first=1 last=1 exclude="filter"} {menuboxes first=3 last=100 exclude="filter"} <!-- EOF Turnoff Filter --> {/if} {/block} benenne diese Datei "index.html" und speichere sie in dem Ordner "Honeygrid".
TEIL 2 "Umzug der Artikel-Filter-box auf main-inside für Gambio ab Version 3.10.x.x so wird es am Ende aussehen: 9: Schreibe eine Html-Datei mit folgendem Inhalt: Code: <!----------------------------------------------------------------------- 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 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} und benenne sie "box_filter.html" und speichere sie in dem Ordner "Boxes". 10: Schreibe eine Html-Datei mit folgendem Inhalt Code: <!--------------------------------------------------------------------------- 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 --> und benenne sie "box_filter_form_content.html" und speichere sie in dem Ordner "Boxes". 11: Schreibe eine Html-Datei mit folgendem Inhalt Code: <!----------------------------------------------------------------------- changing the design of dropdowns for categories filter "dropdown.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="module_filter_section_dropdown"} <fieldset> <div class="filter-form-group{if $feature_value.VISIBLE == false && $feature_value.DISPLAY_MODE == 1} disabled{/if}"> <!-- BOF Adding a Table --> {block name="filter_table"} <table style="width:100%;"> <tr style="width:100%;"> <td class="filter-td"> {block name="module_filter_section_dropdown_label"} <label class="filter-control-label option-heading" for="filter_fv_id[{$content_data.FEATURE_ID}][]"> {$content_data.FEATURE_NAME} </label> {/block} </td> <td> {block name="module_filter_section_dropdown_select"} <select class="filter-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 value="">-</option> {foreach name=features item=feature_value from=$content_data.FEATURE_VALUE_DATA} {block name="module_filter_section_dropdown_option"} <option value="{$feature_value.ID}" {if $feature_value.SELECTED}selected="selected"{/if}> {$feature_value.NAME} </option> {/block} {/foreach} </select> {/block} </td> </tr> </table> {/block} <!-- EOF Adding a Table --> </div> </fieldset> <input type="hidden" name="value_conjunction[{$content_data.FEATURE_ID}]" value="{$content_data.VALUE_CONJUNCTION}" /> {/block} und benenne sie "dropdown.html" und speichere sie in dem Ordner "filter_selection".
TEIL 3 "Umzug der Artikel-Filter-box auf main-inside für Gambio ab Version 3.10.x.x so sieht es aus geschlossen: 12: Schreibe eine Html-Datei mit folgendem Inhalt Code: <!----------------------------------------------------------------------- changing the design of "filter_selection.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="module_filter_section_title"} <!-- BOF Changin the selector of the title text --> <h2>{$txt.text_current_filter}</h2> <!-- EOF Changin the selector of the title text --> {/block} {block name="module_filter_section_list_filter"} <li> <strong>{$feature.feature_name} </strong> {block name="module_filter_section_sublist"} <ul class="filter-selection"> {assign var="feature_value_count" value=$feature.feature_values|count} {foreach name=filter_values_selection item=feature_value from=$feature.feature_values} {block name="module_filter_section_sublist_values"} <li> {$feature_value}{if $feature_value_count > 1 && $smarty.foreach.filter_values_selection.last !== true}, {/if} </li> {/block} {/foreach} </ul> {/block} </li> {/block} und benenne sie "filter_selection.html" und speichere sie in dem Ordner "filter_selection". 13: Schreibe eine Css-Datei mit folgendem Inhalt 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 { 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; } und benenne sie "filter.css" und speichere sie in dem Ordner "Css". Nun musst du die Caches für die Seitenausgabe, Modulinformationen und evtl. Filterzuordnung leeren damit du die Wirkung siehst. Bitte ACHTE, DASS DU EVTL. EINIGES ÄNDERN MUSS UM DAS GANZE PASSEND ZU DEINEM SHOP ZU MACHEN. Viel Erfolg Cyrus
TEIL 4 "Umzug der Artikel-Filter-box auf main-inside für Gambio ab Version 3.10.x.x Hier die ZIP-Datei mit Ordnerstruktur und die notwendige Dateien:
Hallo Cyrus, ein super Modul, welches ich vor der der "Filterarbeit" schon einmal eingebunden habe. Vielleicht gibt es für die kleinen Probleme Hilfe. Mein ursprüngliches Suchfeld (rechts neben Logo) ist verschwunden und die noch angezeigte "Suche" lässt sich nicht nutzen. (Wird nicht korrekt "aufgeklappt") Wie kann ich das Ändern? Im Styleedit bin ich leider nicht fündig geworden. Zur Zeit habe ich nur drei Artikel im Filter https://www.gbschmuckshop.de/Modeschmuck/Ketten/Ketten-rot-rosa/ Dass sieht soweit gut aus, ...aber die Varinaten für z.B. "Material", "Farbe", und "Größe" werden einzeln dargestellt. Bei vielen Artikel wird das mit Sicherheit absolut unübersichtlich. Wie bekomme ich die jeweiligen Varinaten in eine Menübox zum scrollen. Vielen Dank im Voraus für die Hilfe und Unterstützung. Shop Version: v3.11.2.0
Hallo @guenter_baeumler, 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. HTML: {load_language_text section="box_search"} {load_language_text section="buttons" name="button"} {load_language_text section="general" name="general"} {categories out=ARR_categories } {block name="box_top_search"} <!-- BOF changing the visibility of top-search-container --> <div id="search" class="navbar-search collapse navbar-collapse"> <!-- EOF --> {block name="box_top_search_heading"} {$headline=$txt.text_default_value|replace:'...':''} <p class="navbar-search-header dropdown-header">{$headline}</p> {/block} {block name="box_top_search_form"} <form action="{$content_data.FORM_ACTION_URL}" method="{$content_data.FORM_METHOD}" data-gambio-widget="live_search"> <div class="navbar-search-input-group input-group"> <div class="navbar-search-input-group-btn input-group-btn custom-dropdown" data-dropdown-trigger-change="false" data-dropdown-trigger-no-change="false"> {block name="box_top_search_form_search_button"} <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="dropdown-name">{$general.MENU_TOP_SEARCH_BUTTON}</span> <span class="caret"></span> </button> {/block} {block name="box_top_search_form_dropdown_if"} {if $ARR_categories|count > 0} {block name="box_top_search_form_dropdown"} <ul class="dropdown-menu"> {foreach item=category from=$ARR_categories} {block name="box_top_search_form_dropdown_search_button"} <li><a href="#" data-rel="0">{$general.MENU_TOP_SEARCH_BUTTON}</a></li> {/block} {foreach item=category_data from=$category} {block name="box_top_search_form_dropdown_categories_name"} <li><a href="#" data-rel="{$category_data.categories_id}">{$category_data.categories_name}</a></li> {/block} {/foreach} {/foreach} </ul> {/block} {/if} {/block} {block name="box_top_search_form_categories_if"} {if $ARR_categories|count > 0} {block name="box_top_search_form_categories"} <select name="categories_id" id="search-categories-id"> <option value="0">{$general.MENU_TOP_SEARCH_BUTTON}</option> {foreach item=category from=$ARR_categories} {foreach item=category_data from=$category} {block name="box_top_search_form_categories_option"} <option value="{$category_data.categories_id}">{$category_data.categories_name}</option> {/block} {/foreach} {/foreach} </select> {/block} {/if} {/block} </div> <input type="text" name="{$content_data.INPUT_NAME}" placeholder="{$txt.text_default_value}" class="form-control search-input" autocomplete="off" /> {block name="box_top_search_form_submit"} <button type="submit" class="gm-search form-control-feedback"></button> {/block} </div> {if $ARR_categories|count > 0} <input type="hidden" value="1" name="inc_subcat" /> {/if} {block name="box_top_search_form_advanced"} <div class="navbar-search-footer visible-xs-block"> {block name="box_top_search_form_advanced_button"} <button class="btn btn-primary btn-block" type="submit"> {$txt.text_default_value} </button> {/block} {block name="box_top_search_form_advanced_link"} <a href="advanced_search.php" class="btn btn-default btn-block" title="{$general.NAVBAR_TITLE_ADVANCED_SEARCH}"> {$general.NAVBAR_TITLE_ADVANCED_SEARCH} </a> {/block} </div> {/block} <div class="search-result-container"></div> </form> {/block} </div> {/block} Ich würde da persönlich mich für die "DROPDOWN-Variante" entscheiden.
Hallo Cyrus, vielen Dank, mit der Suche funktioniert es wieder. "Ich würde da persönlich mich für die "DROPDOWN-Variante" entscheiden." Klingt gut und wie mache ich das, wenn ich fragen darf?
Einfach in der "Kategorie bearbeiten --> Kategorie-Filter" statt "checkboxes.html", "dropdown.html" auswählen.
Hallo Cyrus, Habe noch drei Fragen: 1. Gibt es eine Möglichkeit des Importes der Artikelfilter per CSV? (Vorausgesetzt die Artikelfilter sind im Shop bereits angelegt) (wie z.B. auch "VPE" (p_vpe_status) oder "Mengeneinheit" (p_qty_unit_id) per CSV importiert werden kann) 2. bezüglich Einfach in der "Kategorie bearbeiten --> Kategorie-Filter" statt "checkboxes.html", "dropdown.html" auswählen. Gibt es eine Möglichkeit im Shop die Kategorie-Filter generell mit "dropdown.html" vorzubelegen? (wie z.B. "Vorlage für Artikelattribute" (product_options_dropdown.html) per CSV importiert werden kann) .. oder per SQL-Befehl 3. Ist es Möglich den Filter "Suche Verfeinern" in jeden Suchvorgang anzeigen zu lassen (für Artikel die bereits mit Filtern belegt sind)? wie z.B. eine Suche in meinem Shop nach "Kette": Vielen Dank erneut für die Bemühungen und für die Antwort, ob es geht oder nicht, schon im Vorraus.
Das glaube ich nicht. Vielleicht durch eine extra Modul. Suche in Forum. Das wird evtl. über eine USERMOD-Datei oder ein Overload möglich sein. Das wird auch evtl. über eine USERMOD-Datei und/oder Overloads möglich sein. Suche in Forum.
Hallo Profis, die Filtereinrichtung ist ja nicht gerade die zeitsparendste Aufgabe. Damit kommen natürlich auch Unmengen von weiteren Daten in den Shop. In den Einstellung > Mein Shop gibt ja die Möglichkeit "Suche in Artikelattributen/Artikeleigenschaften" zu aktivieren. Seht Ihr eine Möglichkeit auch die Angaben aus den Filtern in die Suche zu integrieren?