tanch (21 Февраль 2016 - 23:16) писал:
Здравствуйте
Помогите убрать лишнее над и под каталогом:
значки "таблица", "список" и "Показывать по:"
2016-02-22 01-57-22 Скриншот экрана.png
Сортировку оставить только по
названию,
цене
Сделать сортировку не выпадающим списком, а отдельными надписями с маленькими стрелочками вверх/вниз
Перенести туда же (к сортировке) фильтр
без фильтра по цене
И сделать видимыми большее количество страниц. Сейчас из например пяти существующих страниц видно только 2, и некоторые пользователи не понимают что их больше
2016-02-22 02-12-50 Кольца - Mozilla Firefox.png
пример категории
Здравствуйте. Перед внесением изменений, создайте бэкап!
1) Чтобы убрать значки "таблица" и "список", нужно определиться, какой из этих двух вариантов отображения товаров будет отображаться по умолчанию.
2) Чтобы убрать "показывать по", в шаблоне
main.css замените строку:
.toolbar .limiter {float: left;margin-left: 0px;padding: 0 10px;color: #666666;line-height: 50px;height: 50px;}
на:
.toolbar .limiter {float: left;margin-left: 0px;padding: 0 10px;color: #666666;line-height: 50px;height: 50px;display:none;}
3) Убираем пункты сортировки: в шаблоне ТОВАРЫ замените блок кода (встречается 2 раза):
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) -->
<div class="sort-by change-submit">
<label>Сортировать по:</label>
<select name="goods_search_field_id" class="selectBox sort-by">
{% FOR goods_order_fields %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option>
{% ENDFOR %}
</select>
</div>
<!-- /END Сортировать по: -->
на:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) -->
<div class="sort-by change-submit">
<label>Сортировать по:</label>
<select name="goods_search_field_id" class="selectBox sort-by">
{% FOR goods_order_fields %}
<option value="{goods_order_fields.ID}"{%IF goods_order_fields.ID=5 || goods_order_fields.ID=6 || goods_order_fields.ID=7 || goods_order_fields.ID=8 || goods_order_fields.ID=9 || goods_order_fields.ID=10 || goods_order_fields.ID=11 || goods_order_fields.ID=12 || goods_order_fields.ID=13 || goods_order_fields.ID=14 %} style="display:none;" {%ENDIF%} {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
{% ENDFOR %}
</select>
</div>
<!-- /END Сортировать по: -->
Уточните, пожалуйста, на примере (скриншот или ссылка), как должна отображаться сортировка?
4) Переносим фильтры: в шаблоне
html удалите блок кода:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
{filter_attr_list.NAME}:<br />
<select class="form-control" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
<option> - все - </option>
{% FOR values %}
<option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter">
{filter_prop_list.NAME}:<br />
<select class="form-control" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
<option> - все - </option>
{% FOR values %}
<option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
Далее в шаблоне
ТОВАРЫ перед строками:
</form>
</div>
</div>
<!-- END Верхний блок, изменяющий отображение данных выдачи товаров -->
{% ENDIF %}
<!-- Вывод товаров -->
вставьте:
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
<form action="" method="get">
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
{filter_attr_list.NAME}:
<select class="form-control" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
<option> - все - </option>
{% FOR values %}
<option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter">
{filter_prop_list.NAME}:
<select class="form-control" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
<option> - все - </option>
{% FOR values %}
<option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
</form>
{% ENDIF %}
затем в конец
main.css добавьте:
.filter {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
5) Предлагаю отображать еще и последнюю страницу: так пользователи будут видеть, сколько всего страниц товаров они могут просмотреть. В шаблоне ТОВАРЫ после строк:
{% IF GOODS_PAGES_SHOW_LAST %}
<li class="next-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" class="{goods_pages.index}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li>
<li class="last-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" class="{goods_pages.index}" title="Последняя страница"><i class="fa icon-angle-right"></i></a></li>
{% ENDIF %}
вставьте:
{% IF GOODS_PAGES_LAST != GOODS_PAGES_CURRENT && GOODS_PAGES_LAST != GOODS_PAGES_NEXT %}
<li class="last-page"><span>...</span></li>
<li class="last-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" class="{goods_pages.index}" title="Последняя страница"><span>{GOODS_PAGES_LAST}</span></a></li>
{% ENDIF %}