Изменить Компановку Главной
#141
Отправлено 04 Декабрь 2015 - 14:28
Еще хотелки:
выбор фильтра сделать не выпадающим, а показывать все характеристики сразу, типа как здесь http://napleche.ru/c...e-ryukzaki?form[filter][attr][2205526][6766130]=1 ( кажется на этом конструкторе сделано), но в два или три столбца. И добавить кнопку, по которой фильтр будет срабатывать, сейчас фильтруется при выборе любого параметра.
#142
Отправлено 04 Декабрь 2015 - 14:39
pilot (04 Декабрь 2015 - 14:28) писал:
Еще хотелки:
выбор фильтра сделать не выпадающим, а показывать все характеристики сразу, типа как здесь http://napleche.ru/c...e-ryukzaki?form[filter][attr][2205526][6766130]=1 ( кажется на этом конструкторе сделано), но в два или три столбца. И добавить кнопку, по которой фильтр будет срабатывать, сейчас фильтруется при выборе любого параметра.
{% FOR filter_attr_list %} <div class="filter"> <div> {filter_attr_list.NAME}:<br /> <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" 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"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div> {filter_prop_list.NAME}:<br /> <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %}замените на
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter {% IF filter_attr_list.NAME = Цвет %}colors{% ENDIF %}"> {filter_attr_list.NAME}:<br /> {% FOR values %} <label class="filter2-label"> <input value="1" type="checkbox" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} onclick="$(this).attr('name', $(this).attr('value') == -1 ? '' : $(this).attr('rel'));this.form.submit();" name="{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}"> <span>{filter_attr_list.values.VALUE}</span> ({filter_attr_list.values.NB_GOODS_FILTERED}) </label> {% ENDFOR %} </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div> {filter_prop_list.NAME}:<br /> <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" 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"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</option> {% ENDFOR %} </select> </div> </div> {% ENDFOR %}добавьте в конец style.css
.filter label { display: block; }
#143
Отправлено 04 Декабрь 2015 - 17:05
ЗЫ А еще нужна возможность менять размер и положение этой кнопки
ЗЫ ЗЫ А вот эти элементы, сортировка, нужно вынести вверх за пределы кнопки
#144
Отправлено 07 Декабрь 2015 - 12:54
#145
Отправлено 07 Декабрь 2015 - 17:25
pilot (04 Декабрь 2015 - 17:05) писал:
ЗЫ А еще нужна возможность менять размер и положение этой кнопки
ЗЫ ЗЫ А вот эти элементы, сортировка, нужно вынести вверх за пределы кнопки сортировка.jpg
.filter { padding-right: 10px; padding-bottom: 10px; display: inline-block; display: -moz-inline-stack; vertical-align: top; position: relative; z-index: 100; width: auto; }
замените на
.filter { padding-right: 10px; padding-bottom: 10px; display: inline-block; display: -moz-inline-stack; vertical-align: top; position: relative; z-index: 100; width: 219px; }
#147
Отправлено 08 Декабрь 2015 - 13:05
pilot (08 Декабрь 2015 - 08:28) писал:
#148
Отправлено 08 Декабрь 2015 - 13:41
#150
Отправлено 19 Декабрь 2015 - 13:41
#152
Отправлено 02 Март 2016 - 10:38
pilot (02 Март 2016 - 09:37) писал:
Здравствуйте. В редакторе шаблонов, в шаблоне style.css после строк:
@media only screen and (max-width:1210px) {вставьте:
.shopregion {top: 50px;} .shopregionp {top: 55px;} #header-right {margin-top: 5px;}
затем после строк:
@media only screen and (max-width:959px) {вставьте:
ul.accordion_main, div#search_block_top { margin-top: 3px; } div#header_shopping_cart { margin-top: -9px; }
#154
Отправлено 03 Март 2016 - 07:09
#155
Отправлено 03 Март 2016 - 07:46
Настроить количество выводимого товара по умолчанию вы можете в разделе Настройки - Основные.
#156
Отправлено 03 Март 2016 - 08:01
Vaccina (03 Март 2016 - 07:46) писал:
В настройках есть только шаг выбора лимита выдачи для пользователя. Вот только где его пользователь выбирает? У меня на сайте нет такого функционала
Вот еще на маленьком мониторе съехавший элемент нашел
#157
Отправлено 03 Март 2016 - 13:02
#158
Отправлено 03 Март 2016 - 14:59
pilot (03 Март 2016 - 08:01) писал:
В настройках есть только шаг выбора лимита выдачи для пользователя. Вот только где его пользователь выбирает? У меня на сайте нет такого функционала
Вот еще на маленьком мониторе съехавший элемент нашел Безымянный3.png
Здравствуйте, в style.css добавьте код:
#title { margin-top: 74px !important; }
после кода:
@media only screen and (max-width:1210px) {
В конце main.css добавьте код:
label.sort_by { width: auto; }
В шаблоне Товары после кода:
<div id="productsSortForm"> <!-- Поле выбора сортировки --> {% IF goods_show_order_fields %} <label class="sort_by">Сортировать по:</label> <select name="goods_search_field_id" onchange="this.form.submit();"> {% 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> {% ENDIF %} </div>
добавьте код:
<!-- Страницы --> {% IF show_pages %} <div class="pages"> <ul class="pagination"> {% FOR goods_pages %} {% IF goods_pages.CURRENT %} <li class="current">{goods_pages.PAGE}</li> {% ELSE %} <li class="page_number"><a href="{GOODS_PAGINATE_URL | url_amp}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a></li> {% ENDIF %} {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /Страницы -->
и в конце main.css добавьте код:
.pages {float: right;} .pages ol {display:inline;} .pages li {display:inline-block; margin:0 2px;font-size: 14px;color:#7f7f7f;font-weight: 700;background: #f8f8f8;border-radius: 3px;text-align: center;min-height: 32px;min-width: 32px;line-height: 32px;} .pages .current, .pages li:hover {color:#fff; background: #DA3B44;} .pages li a {color: #afafaf;} .pages li a:hover {color: #fff;} .pages li .fa {font-size: 24px;color: #7f7f7f;padding: 3px 5px;margin: 0 0 1px;vertical-align: middle;} i.fa.fa-angle-double-right:before { content: '>'; font-size: 16px; vertical-align: top; } .pages li:hover .fa {color: #fff;} i.fa.fa-angle-double-left:before { content: '<'; font-size: 16px; vertical-align: top; }
#160
Отправлено 05 Март 2016 - 14:04
pilot (05 Март 2016 - 13:58) писал:
В конец style.css добавьте
label.sort_by { margin-top: -10px !important; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных