Подсказки для характеристик

Артикул: fiwex

Категории: Плагины для Shop-Script 6

Демо версия

Цена: 999 руб.
Купить*

* При нажатии на кнопку, Вы перейдете в магазин приложений WebAsyst, где сможете купить данный товар

  • Описание
  • Фильтра товаров
  • Характеристики на странице товара

Обзор

Фильтрация товаров – неотъемлемая часть процесса покупки в интернет-магазине.
Возможность произвести фильтрацию, по необходимым параметрам, помогает клиенту лучше ориентироваться в представленном ассортименте ИМ.

Но и с фильтрами есть сложности: из названия характеристики, не всегда можно понять её предназначение, и соответственно посетители могут запутаться, встретив незнакомый им параметр.

Плагин «подсказки для характеристик фильтра как в Яндекс.Маркет», поможет Вам вывести необходимые пояснения к характеристикам в фильтре товаров категории.

Возможности плагина.

  • вывод пояснений для всех характеристик фильтра категорий, и списка характеристик на странице товара
  • вывод пояснений для текстовых значений характеристик типа «выбор» («выпадающий список» и «чекбоксы (множественный выбор)»)
  • возможность использования в полях пояснений 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>

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх