Как Перенести Фильтр
#1
Отправлено 28 Сентябрь 2013 - 12:10
#2
Отправлено 28 Сентябрь 2013 - 13:03
subrain (28 Сентябрь 2013 - 12:10) писал:
Найдите в шаблоне HTML код -
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS %} <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам --> {% IF SHOW_GOODS_FILTERS %} <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <div class="contentTbodySearchFilterBlock cornerAll"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) --> {% FOR filter_attr_list %} <em>{filter_attr_list.NAME}</em> <div class="contentTbodySearchFilterBlockValues"> {% FOR values %} <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} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br /> {% ENDFOR %} </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <em>{filter_prop_list.NAME}</em> <div class="contentTbodySearchFilterBlockValues"> {% FOR values %} <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{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="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br /> {% ENDFOR %} </div> {% ENDFOR %} </div> </form> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->и удалите его
Далее найдите в шаблоне HTML код -
</tr> </tbody> <!-- Подвал сайта --> <tbody>и перед ним добавьте код -
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS %} <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам --> {% IF SHOW_GOODS_FILTERS %} <td> <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <div class="contentTbodySearchFilterBlock cornerAll"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) --> {% FOR filter_attr_list %} <em>{filter_attr_list.NAME}</em> <div class="contentTbodySearchFilterBlockValues"> {% FOR values %} <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} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br /> {% ENDFOR %} </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <em>{filter_prop_list.NAME}</em> <div class="contentTbodySearchFilterBlockValues"> {% FOR values %} <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{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="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br /> {% ENDFOR %} </div> {% ENDFOR %} </div> </form></td> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
#3
Отправлено 28 Сентябрь 2013 - 13:21
2) Сделать количество колонок категорий 4 или 5, сейчас всего 3
#4
Отправлено 29 Сентябрь 2013 - 08:23
subrain (28 Сентябрь 2013 - 13:21) писал:
2) Сделать количество колонок категорий 4 или 5, сейчас всего 3
У Вас нарушена верстка
Найдите код в шаблоне HTML -
<!--<table> <tr> <td><div><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}baner.jpg" alt="{SETTINGS_STORE_NAME}" /></a></div> </td> <td>ghjghjg </td>--> </tr> </table>и замените на -
<!--<table> <tr> <td><div><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}baner.jpg" alt="{SETTINGS_STORE_NAME}" /></a></div> </td> <td>ghjghjg </td> </tr> </table> -->Строки 64 - 72
Далее найдите код -
<td colspan="2" class="valignTop">и замените на -
<td {% IF SHOW_GOODS_FILTERS %} colspan="2" {%ELSE%} colspan="3" {%ENDIF%} class="valignTop">Это строка 375
#5
Отправлено 29 Сентябрь 2013 - 17:55
#6
Отправлено 30 Сентябрь 2013 - 08:08
subrain (29 Сентябрь 2013 - 17:55) писал:
Откройте раздел Сайт - Страницы "Акция: купи компьютер и получи монитор за пол цены!"
Далее через кнопку Источник код страницы -
<span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:20px;"> С 1 сентября года по 1 октября, при покупке компьтера, монитор за пол цены! Успевайте!</span></span><img src="домен/2/768/217/693413.jpg" style="float: left; width: 600px; height: 452px;" />замените на -
<span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:20px;"> С 1 сентября года по 1 октября, при покупке компьтера, монитор за пол цены! Успевайте!</span></span><img src="домен/2/768/217/693413.jpg" style="width: 600px; height: 452px;" />
#7
Отправлено 30 Сентябрь 2013 - 09:06
miyako (30 Сентябрь 2013 - 08:08) писал:
Далее через кнопку Источник код страницы -
<span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:20px;"> С 1 сентября года по 1 октября, при покупке компьтера, монитор за пол цены! Успевайте!</span></span><img src="домен/2/768/217/693413.jpg" style="float: left; width: 600px; height: 452px;" />замените на -
<span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:20px;"> С 1 сентября года по 1 октября, при покупке компьтера, монитор за пол цены! Успевайте!</span></span><img src="домен/2/768/217/693413.jpg" style="width: 600px; height: 452px;" />
1)Корзину не могу очистить. Случайно при загрузке csv файла перепутал полное описание и название. Получилось название товара очень длинное, переместил в корзину, теперь из корзины удалить не получается.
2) Еще заметил одну ошибку, мелкая картинка товара при поиске. скрин в приложении
#8
Отправлено 30 Сентябрь 2013 - 19:25
subrain (30 Сентябрь 2013 - 09:06) писал:
1)Корзину не могу очистить. Случайно при загрузке csv файла перепутал полное описание и название. Получилось название товара очень длинное, переместил в корзину, теперь из корзины удалить не получается.
2) Еще заметил одну ошибку, мелкая картинка товара при поиске. скрин в приложении
2) в разделе настройки -> основные в размерах изображений измените 40 на большее число.
#12
Отправлено 02 Октябрь 2013 - 14:24
subrain (02 Октябрь 2013 - 14:14) писал:
Найдите код в main.css -
.goodsDataMainImagesIcon { width: 46px; height: 46px; margin: 0.2em 0.4em 0.2em 0em; }и замените на -
.goodsDataMainImagesIcon { width: 80px; height: 80px; margin: 0.2em 0.4em 0.2em 0em; }
#13
Отправлено 11 Октябрь 2013 - 13:23
Необходимо сделать ленту header в самом верху сайта. На ней расположить лого и ссылки. В качестве фона используется паттерн размером 60 высота и ширина 10пикс.
1. сделать "резиновую" ленту высотой 60px, чтобы была от края до края браузера.
2. разместить логотип высотой 60пикс и шириной 220пкс с таким же фоном, при этом нужно чтобы логотип равнялся с телом сайта, а не с краем браузера
3. разместить верхнюю навигацию, шрифт Tahoma
4. сделать отступ между навигацией и входом в личный кабинет
Спасибо
И еще вопросы по слайдеру, как убрать блик и внутреннюю тень
#14
Отправлено 11 Октябрь 2013 - 16:16
Весь код из файла "HTML".
Заменить на измененый код:
Добавить в конец файла код:
.header-line { display: block; height: 60px; width: 100%; background: #072c60; } .header-logo { width: 25%; display: inline-block; float: left; margin-left: 1%; } .header-menu { width: 74%; display: inline-block; float: left; padding-top: 20px; } .list-menu-header { display: inline-block; float: left; margin-left: 20%; } .list-menu-header li { display: inline-block; height: 100%; } .login-block.contentTableHeadUserInfo { display: inline-block; float: right; width: auto; margin-right: 2em; } .login-block.contentTableHeadUserInfo li { display: inline-block; } .header-line a { color: white; font: 12px tahoma; }
#15
Отправлено 11 Октябрь 2013 - 20:08
1) ленту сделать по ширине окна браузера, в качестве фона используется картинка размером высотой 60 шириной 10 пикс
2) знак | сделать белым цветом а не черным
3) Вход с паролем передвинуть вправо
На втором скрине уменьшить расстояние между блоками товаров и правой гранью сайта.
На третьем скрине. В експлоере поехало меню
спасибо
#16
Отправлено 11 Октябрь 2013 - 21:27
subrain (11 Октябрь 2013 - 20:08) писал:
1) ленту сделать по ширине окна браузера, в качестве фона используется картинка размером высотой 60 шириной 10 пикс
2) знак | сделать белым цветом а не черным
3) Вход с паролем передвинуть вправо
На втором скрине уменьшить расстояние между блоками товаров и правой гранью сайта.
На третьем скрине. В експлоере поехало меню
спасибо
<div class="header-line"> <div class="header-main"> <div class="header-logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a> </div> <div class="header-menu"> <ul class="list-menu-header"> {% FOR menu %} {% FOR header %} {% FOR links %} <li> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> {% IF menu.header.links.rindex>1 %}|{% ENDIF %} </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <ul class="login-block contentTableHeadUserInfo"> {% IF TARIFF_FEATURE_CLIENT_ROOM %} {% IF CLIENT_IS_LOGIN %} Здравствуйте, <li><a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a> <a href="{USER_LOGOUT_URL}">Выйти</a></li><br /> {% ELSE %} <li><a href="{USER_LOGIN_URL}">Вход с паролем |</a> </li> <li><a href="{USER_REGISTER_URL}">Регистрация |</a></li> {% ENDIF %} {% ENDIF %} </ul> </div> </div> </div>его вырежьте и вставьте после строки
<body lang="ru">Далее в main.css добавьте такой код
.header-line .header-main { width: 1360px; margin: auto; }Теперь код
.header-menu { width: 64%; display: inline-block; float: left; padding-top: 20px; }замените на этот
.header-menu { width: 70%; display: inline-block; float: right; padding-top: 20px; }код
.list-menu-header { display: inline-block; float: left; margin-left: 20%; }замените на
.list-menu-header { display: inline-block; float: left; }Это решит первый и третий вопросы.
По второму пункту - в main.css код
.list-menu-header li { display: inline-block; height: 100%; }замените на этот
.list-menu-header li { display: inline-block; height: 100%; color: white; }Чтобы уменьшить указанное расстояние, следует уменьшить ширину всей странички. В main.css в коде
.content {max-width:1360px;min-width:1100px;margin:auto;border:1px solid #CCCCCC;border-top:0px;}max-width:1360px; замените на max-width:1255px;
В этом случае, правда, придется в недавно добавленном коде
.header-line .header-main { width: 1360px; margin: auto; }также заменить width: 1360px; на width: 1255px;
#17
Отправлено 11 Октябрь 2013 - 21:44
#18
Отправлено 12 Октябрь 2013 - 01:53
<meta content="IE=7" http-equiv="X-UA-Compatible">
#19
Отправлено 12 Октябрь 2013 - 07:16
Vaccina (12 Октябрь 2013 - 01:53) писал:
<meta content="IE=7" http-equiv="X-UA-Compatible">
Заметил вот такую недочет, когда в полноэкраном режиме, то всё нормально отображается, когда сворачиваю браузер, то появляются проблема
#20
Отправлено 12 Октябрь 2013 - 07:35
subrain (12 Октябрь 2013 - 07:16) писал:
Добавьте в конец main.css код -
html>body .list-menu-header { display: inline-block; float: left; zoom: 1; } html>body .list-menu-header li { display: inline-block; height: 100%; color: white; zoom: 1; } html>body .header-menu { width: 70%; display: inline-block; float: right; padding-top: 20px; zoom: 1; } html>body .login-block.contentTableHeadUserInfo { display: inline-block; float: right; width: auto; margin-right: 1em; zoom: 1; } html>body .login-block.contentTableHeadUserInfo li { display: inline-block; zoom: 1; }
В ie 7 некорректно отображается меню. Не заметила проблем с фоном. Когда Вы находитесь в ie7, откройте панель (F12), посмотрите какой у Вас стоит Режим документов.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных