Фильтрация товаров – неотъемлемая часть процесса покупки в интернет-магазине.
Возможность произвести фильтрацию, по необходимым параметрам, помогает клиенту лучше ориентироваться в представленном ассортименте ИМ.
Но и с фильтрами есть сложности: из названия характеристики, не всегда можно понять её предназначение, и соответственно посетители могут запутаться, встретив незнакомый им параметр.
Плагин «подсказки для характеристик фильтра как в Яндекс.Маркет», поможет Вам вывести необходимые пояснения к характеристикам в фильтре товаров категории.
Возможности плагина.
- вывод пояснений для всех характеристик фильтра категорий, и списка характеристик на странице товара
- вывод пояснений для текстовых значений характеристик типа «выбор» («выпадающий список» и «чекбоксы (множественный выбор)»)
- возможность использования в полях пояснений html кода (например можно использовать теги оформления текста, изображения, видео и т.п.)
- настраиваемые стили оформления иконки и всплывающего блока с пояснением
- возможность отключить плагин
* Для вывода подсказок в фильтре категории, потребуется ввести незначительные изменения в коде шаблона (описания изменений). Если у Вас возникают сложности с изменением кода – напишите в службу тех. Поддержки kolmakov.igor@gmail.com
Для отображения содержимого плагина (иконка «помощи» и всплывающего окна с пояснением), необходимо сделать 2 изменения в одном файле темы оформления.
* если у Вас возникают сложности с изменением кода – обратитесь в службу тех поддержки – kolmakov.igor@gmail.com. (потребуются данные для доступа к администраторской сайта и адрес URL самого сайта)
* найти необходимую строку в файле можно с помощью встроенного в браузер поля поиска. Вызов поля поиска осуществляется комбинацией клавиш «CTRL+F»
В шаблоне «Купить Просто»
В файле «shop.filters.html» (сайт-дизайн-шаблоны)
1/Заменить строку
<b data-feature="{$fid}"><span>{$filter.name|escape}</span><i class="{if in_array($fid, explode(',', $shop_filters))}icon-caret-up{else}icon-caret-down{/if}"></i></b>
На
<b data-feature="{$fid}">
<span class="fiwex-feat" data-feat_id="{$filter.id}">{$filter.name|escape}</span>
<i class="{if in_array($fid, explode(',', $shop_filters))}icon-caret-up{else}icon-caret-down{/if}"></i>
</b>
2/заменить строку
<label><input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}</label><br>
На
<label>
<span class="fiwex-feat-val" data-feat_val_id="{$v_id}" data-fiwex-parent_id="{$filter.id}">
<input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}
</span>
</label><br />
В шаблоне «Удобная Покупка»
В файле «sidebar.html» (магазин-витрина-дизайн-шаблоны)
1/замените
<b data-feature="{$fid}">{$filter.name|escape}<i class="{if in_array($fid, explode(',', $shop_filters))}icon-angle-up{else}icon-angle-down{/if}"></i></b>
На
<b data-feature="{$fid}">
<span class="fiwex-feat" data-feat_id="{$filter.id}">{$filter.name|escape}</span>
<i class="{if in_array($fid, explode(',', $shop_filters))}icon-angle-up{else}icon-angle-down{/if}"></i>
</b>
2/замените
<label><input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}</label><br>
на
<label>
<span class="fiwex-feat-val" data-feat_val_id="{$v_id}" data-fiwex-parent_id="{$filter.id}">
<input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}
</span>
</label><br />
В шаблоне «Default 2.0»
В файле «category.html» (магазин-витрина-дизайн-шаблоны)
1/ замените
<h5>{$filter.name|escape}</h5>
На
<h5><span class="fiwex-feat" data-feat_id="{$filter.id}">{$filter.name|escape}</span></h5>
2/ замените
<label>
<input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}
</label>
На
<label>
<span class="fiwex-feat-val" data-feat_val_id="{$v_id}" data-fiwex-parent_id="{$filter.id}"><input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}</span>
</label>
В шаблонах «CUSTOM», «Clear», «Nifty», «Sidebar», «Facebook», «ВКонтакте»
В файле «category.html» (магазин-витрина-дизайн-шаблоны)
1/замените
<b>{$filter.name|escape}</b><br>
на
<b><span class="fiwex-feat" data-feat_id="{$filter.id}">{$filter.name|escape}</span></b><br />
2/замените
<label>
<input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}
</label><br>
На
<label>
<span class="fiwex-feat-val" data-feat_val_id="{$v_id}" data-fiwex-parent_id="{$filter.id}"><input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}</span>
</label><br />
В файле product.html (магазин-витрина-шаблоны)
1. Заменить
{$features[$f_code].name|escape}
на
<span class="fiwex-feat" data-feat_id="{$features[$f_code].id}">
{$features[$f_code].name|escape}
</span>
2. Заменить
{implode(', ', $f_value)}
на
{foreach $f_value as $fiwex_k => $fiwex_v name="fiwex_feature_values"}
<span class="fiwex-feat-val" data-product_id="{$product.id}" data-fiwex-parent_id="{$features[$f_code].id}">
{$fiwex_v}
</span>
{if $smarty.foreach.fiwex_feature_values.last}{else}, {/if}
{/foreach}
3. Заменить
{$f_value}
на
<span class="fiwex-feat-val" data-product_id="{$product.id}" data-fiwex-parent_id="{$features[$f_code].id}">
{$f_value}
</span>