Помогите С Дизайном Сайта
#1
Отправлено 05 Июнь 2016 - 20:21
Переделываем дизайн сайта. Осталось несколько моментов, которые сами разобрать не смогли (ссылка на магазин http://z195419.storeland.ru/ ):
1. Как выводить изображение категории
В левое бокове меню нашего сайта, чтобы получилось так:
То есть изображение - это логотип марки, продукция, которой представлена в данном конкретном разделе, если нет изображения, то нечего не выводиться.
2. Сейчас вывели в левое боковое меню фильтры, но они в виде выпадающего окна, нужно сделать список с чек-боксами:
сейчас:
а нужно (правда на фото ниже нет чек боксов. Перед каждым пунктом должен стоять чек-бокс):
3. Как сделать, чтобы в каталоге хлебные крошки выводились на всю ширину страницы?
сейчас:
а нужно так:
#2
Отправлено 07 Июнь 2016 - 02:21
#3
Отправлено 07 Июнь 2016 - 06:11
http://forum.storela...инку/#entry9636
На счет фильтров, в шаблоне HTML найдите:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> {filter_attr_list.NAME}:<br /> <select class="form-control" 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"{% 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" 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"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %}
замените на:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <div class="title">{filter_attr_list.NAME}:</div> <ul> {% FOR values %} <li> <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div class="title">{filter_prop_list.NAME}:</div> <ul> {% FOR values %} <li> <input type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <div class="goodsFilterPriceSubmit"> <center><button class="button" type="submit" title="Показать">Показать</button></center> </div>
На счет хлебных крошек, для начала необходимо во всех шаблонах удалить примерно следующий код:
<div class="breadcrumbs"> <div class="with-keyup-navigation"> <ul> <li><a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a><span> </span></li> <li><a href="{CATALOG_URL}" title="Перейти в каталог товаров">Каталог</a><span> </span></li> {% FOR upper_navigation %} <li><a href="{upper_navigation.URL}" title="Перейти в категорию «{upper_navigation.NAME}»">{upper_navigation.NAME}</a><span> </span></li> {% ENDFOR %} <li><strong>{GOODS_NAME}</strong></li> </ul> <div class="arrow-helper"> {% IF opinion_show_pages %} {% IF OPINION_PAGES_LIST_SHOW_PREVIOUS %} <a class="previous_page" href="{GOODS_OPINION_PAGINATE_URL | url_amp}&page={OPINION_PAGES_LIST_PREVIOUS}#opinion-list-table" title="Предыдущая страница">←</a> {% ENDIF %} <span title="Используйте клавиатуру для большего удобства при просмотре отзывов о {GOODS_NAME}">Ctrl</span> {% IF OPINION_PAGES_LIST_SHOW_NEXT %} <a class="next_page" href="{GOODS_OPINION_PAGINATE_URL | url_amp}&page={OPINION_PAGES_LIST_NEXT}#opinion-list-table" title="Следующая страница">→</a> {% ENDIF %} {% ENDIF %} </div> <br class="clear" /> </div> </div>
#4
Отправлено 07 Июнь 2016 - 20:26
Также сейчас когда много пунктов в фильтре они все выводятся, нужно чтобы было ограничение по высоте и чтобы появлялась прокрутка как на картинке ниже. (Нужно стилизовать саму полоску проркрутки и чек боксы как на картинке.
сейчас:
а надо так:
#5
Отправлено 07 Июнь 2016 - 20:40
bg999 (07 Июнь 2016 - 20:26) писал:
Здравствуйте, на платформе производились некоторые настройки по домену storeland.net, сейчас все должно работать корректно.
Данное отображение сайта могло занять пару минут.
#6
Отправлено 07 Июнь 2016 - 22:13
bg999 (07 Июнь 2016 - 20:26) писал:
Также сейчас когда много пунктов в фильтре они все выводятся, нужно чтобы было ограничение по высоте и чтобы появлялась прокрутка как на картинке ниже. (Нужно стилизовать саму полоску проркрутки и чек боксы как на картинке.
сейчас:
а надо так:
#7
Отправлено 08 Июнь 2016 - 02:06
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <div class="title">{filter_attr_list.NAME}:</div> <ul> {% FOR values %} <li> <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div class="title">{filter_prop_list.NAME}:</div> <ul> {% FOR values %} <li> <input type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <div class="goodsFilterPriceSubmit"> <center><button class="button" type="submit" title="Показать">Показать</button></center> </div>
замените на:
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <div class="title">{filter_attr_list.NAME}:</div> <ul> {% FOR values %} <li> <input onchange="this.form.submit();" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div class="title">{filter_prop_list.NAME}:</div> <ul> {% FOR values %} <li> <input onchange="this.form.submit();" type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %}
На счет стилизации, уточните пожалуйста, в какой категории сейчас можно просмотреть фильтры и на их основе указать вам необходимые стили?
#8
Отправлено 08 Июнь 2016 - 14:58
Vaccina (08 Июнь 2016 - 02:06) писал:
Нужна стилизация чекбоксов и скролинга фильтров, за основу берем фильтр, который называется "Designer". Т. е. делаем свои стилизованные чекбоксы, скролинг и ограничиваем поле выдачи каждого фильтра по высоте. Пример находится тут
#9
Отправлено 09 Июнь 2016 - 06:04
Инструкция по установке:
http://forum.storela..._140#entry94163
http://ruseller.com/...demo/index.html
#10
Отправлено 09 Июнь 2016 - 23:36
Vaccina (09 Июнь 2016 - 06:04) писал:
Инструкция по установке:
http://forum.storela..._140#entry94163
http://ruseller.com/...demo/index.html
Пожалуйста, помогите реализовать как на примере выше что я куазывал. Напоминаю: нужно ограничить по высоте вывод фильтров чтобы появился скролинг, стилизовать скролинг и чек боксы именно в таком виде как указано в примере (там есть возможность менять с помощью стилей толщину и цвет элементов. Пример находится тут
#11
Отправлено 11 Июнь 2016 - 02:12
http://forum.storela..._140#entry94163
В ней уже указано подключение и изменение кода в магазине на нашей платформе.
#12
Отправлено 13 Июнь 2016 - 16:20
Vaccina (11 Июнь 2016 - 02:12) писал:
http://forum.storela..._140#entry94163
В ней уже указано подключение и изменение кода в магазине на нашей платформе.
Во вторых там не указанно как ограничить по высоте количество выдваемых фильтров, чтобы появилась прокрутка (допустим в фильтре 50 стрк вывода, но мы ограничиваем до 10 и появляется прокрутка и клиент прокручивает низ чтобы увидеть остальные). Помогите пожалуйста
#13
Отправлено 16 Июнь 2016 - 19:08
#14
Отправлено 18 Июнь 2016 - 23:46
#15
Отправлено 21 Июнь 2016 - 15:44
Уже который день ни кто не реагирует на наши вопросы! Такое отношение к своим клиентам просто не допустимо, я бы никогда вас больше никому не порекомендовал! Еще два года назад поддержка была на высоком уровне, а сейчас просто игнорируете в наглую. У нас на сторленде 12 магазинов и мы исправно платим за каждый, планировали открывать еще, однако складывается впечатление, что сторленд приходит в упадок и приходится задумываться о смене площадки, так вы растеряете всех своих платежеспособных клиентов, продолжайте игнорировать и забивать на нас и наши вопросы и не пишите про форум и поддержку 24/7 при привлечение клиентов.
#16
Отправлено 21 Июнь 2016 - 16:36
bg999 (13 Июнь 2016 - 16:20) писал:
Во вторых там не указанно как ограничить по высоте количество выдваемых фильтров, чтобы появилась прокрутка (допустим в фильтре 50 стрк вывода, но мы ограничиваем до 10 и появляется прокрутка и клиент прокручивает низ чтобы увидеть остальные). Помогите пожалуйста
Приложили Вам архив, из него в раздел Сайт - Редактор шаблонов загрузите: icheck.js, icheck.min.js
Далее из инструкции вместо:
<script src="{ASSETS_JS_PATH}jquery.icheck.js"></script>
вставьте:
<script src="{ASSETS_JS_PATH}icheck.js"></script> <script src="{ASSETS_JS_PATH}icheck.min.js"></script>
Приведите, пожалуйста, пример страницы, где у Вас большие фильтры.
#17
Отправлено 23 Июнь 2016 - 02:43
MikDark (21 Июнь 2016 - 16:36) писал:
Далее из инструкции вместо:
<script src="{ASSETS_JS_PATH}jquery.icheck.js"></script>
вставьте:
<script src="{ASSETS_JS_PATH}icheck.js"></script> <script src="{ASSETS_JS_PATH}icheck.min.js"></script>
Приведите, пожалуйста, пример страницы, где у Вас большие фильтры.
Здравствуйте!
А где сам архив не вижу его.
Вот здесь много фильтров http://z195419.store...990][8234250]=1
#18
Отправлено 24 Июнь 2016 - 05:28
#19
Отправлено 24 Июнь 2016 - 22:50
bg999 (23 Июнь 2016 - 02:43) писал:
А где сам архив не вижу его.
Вот здесь много фильтров http://z195419.store...990][8234250]=1
Написанно приложили архив, где он? По ссылке http://ruseller.com/...demo/index.html я уже скачивал и пробовал как в примере и нечего не полчучилось
#20
Отправлено 28 Июнь 2016 - 20:38
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных