Перейти к содержимому


Как Перенести Фильтр


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 337

#1 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 28 Сентябрь 2013 - 12:10

Добрый день! Скажите плиз, как перенести фильтр в отдельную колонку справа. Скрин снизу

#2 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 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 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 28 Сентябрь 2013 - 13:21

1) После изменений появилась цифра "1", не могу найти где ошибка в коде
2) Сделать количество колонок категорий 4 или 5, сейчас всего 3

#4 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 29 Сентябрь 2013 - 08:23

Просмотр сообщенияsubrain (28 Сентябрь 2013 - 13:21) писал:

1) После изменений появилась цифра "1", не могу найти где ошибка в коде
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 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 29 Сентябрь 2013 - 17:55

спасибо, получилось, но появилась ошибка. НОВИНКИ отображаются не там где надо

#6 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 30 Сентябрь 2013 - 08:08

Просмотр сообщенияsubrain (29 Сентябрь 2013 - 17:55) писал:

спасибо, получилось, но появилась ошибка. НОВИНКИ отображаются не там где надо

Откройте раздел Сайт - Страницы "Акция: купи компьютер и получи монитор за пол цены!"
Далее через кнопку Источник код страницы -
<span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:20px;">&nbsp;С 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;">&nbsp;С 1 сентября года по 1 октября, при покупке компьтера, монитор за пол цены! Успевайте!</span></span><img src="домен/2/768/217/693413.jpg" style="width: 600px; height: 452px;" />


#7 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 30 Сентябрь 2013 - 09:06

Просмотр сообщенияmiyako (30 Сентябрь 2013 - 08:08) писал:

Откройте раздел Сайт - Страницы "Акция: купи компьютер и получи монитор за пол цены!"
Далее через кнопку Источник код страницы -
<span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:20px;">&nbsp;С 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;">&nbsp;С 1 сентября года по 1 октября, при покупке компьтера, монитор за пол цены! Успевайте!</span></span><img src="домен/2/768/217/693413.jpg" style="width: 600px; height: 452px;" />
хм, вроде при создании страницы пользовался встроенными инструментами.

1)Корзину не могу очистить. Случайно при загрузке csv файла перепутал полное описание и название. Получилось название товара очень длинное, переместил в корзину, теперь из корзины удалить не получается.

2) Еще заметил одну ошибку, мелкая картинка товара при поиске. скрин в приложении

#8 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 30 Сентябрь 2013 - 19:25

Просмотр сообщенияsubrain (30 Сентябрь 2013 - 09:06) писал:

хм, вроде при создании страницы пользовался встроенными инструментами.

1)Корзину не могу очистить. Случайно при загрузке csv файла перепутал полное описание и название. Получилось название товара очень длинное, переместил в корзину, теперь из корзины удалить не получается.

2) Еще заметил одну ошибку, мелкая картинка товара при поиске. скрин в приложении
1) из корзины эти товары удалятся самостоятельно через 30 дней

2) в разделе настройки -> основные в размерах изображений измените 40 на большее число.

#9 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 01 Октябрь 2013 - 18:48

Просмотр сообщенияsupport 2.0 (30 Сентябрь 2013 - 19:25) писал:

2) в разделе настройки -> основные в размерах изображений измените 40 на большее число.

Если изменить на большее число,к примеру на 80, то в карточке твоара получается вот такое

#10 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 01 Октябрь 2013 - 19:54

Просмотр сообщенияsubrain (01 Октябрь 2013 - 18:48) писал:

Если изменить на большее число,к примеру на 80, то в карточке твоара получается вот такое
Укажите номер Вашего аккаунта или адрес магазина и мы Вам поможем передвинуть блоки с фотографиями.

#11 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 02 Октябрь 2013 - 14:14

Просмотр сообщенияsupport 2.0 (01 Октябрь 2013 - 19:54) писал:

Укажите номер Вашего аккаунта или адрес магазина и мы Вам поможем передвинуть блоки с фотографиями.


#12 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 02 Октябрь 2013 - 14:24

Просмотр сообщенияsubrain (02 Октябрь 2013 - 14:14) писал:

SL-234461

Найдите код в 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 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 11 Октябрь 2013 - 13:23

спасибо . всё получилось.
Необходимо сделать ленту header в самом верху сайта. На ней расположить лого и ссылки. В качестве фона используется паттерн размером 60 высота и ширина 10пикс.

1. сделать "резиновую" ленту  высотой 60px, чтобы была от края до края браузера.
2. разместить логотип высотой 60пикс и шириной 220пкс с таким же фоном, при этом нужно чтобы логотип равнялся с телом сайта, а не с краем браузера
3. разместить верхнюю навигацию, шрифт Tahoma
4. сделать отступ между навигацией и входом в личный кабинет

Спасибо

И еще вопросы по слайдеру, как убрать блик и внутреннюю тень

#14 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 11 Октябрь 2013 - 16:16

Предварительно создав резервную копию шаблона.
Весь код из файла "HTML".

Заменить на измененый код:
Скрытый текст
В файле "main.css".
Добавить в конец файла код:
.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 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 11 Октябрь 2013 - 20:08

не много доделал, почти всё получилось, осталось:
1) ленту сделать по ширине окна браузера, в качестве фона используется картинка размером высотой 60 шириной 10 пикс
2) знак |   сделать белым цветом а не черным
3) Вход с паролем передвинуть вправо


На втором скрине уменьшить расстояние между блоками товаров и правой гранью сайта.

На третьем скрине.  В експлоере поехало меню

спасибо

#16 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 11 Октябрь 2013 - 21:27

Просмотр сообщенияsubrain (11 Октябрь 2013 - 20:08) писал:

не много доделал, почти всё получилось, осталось:
1) ленту сделать по ширине окна браузера, в качестве фона используется картинка размером высотой 60 шириной 10 пикс
2) знак |   сделать белым цветом а не черным
3) Вход с паролем передвинуть вправо


На втором скрине уменьшить расстояние между блоками товаров и правой гранью сайта.

На третьем скрине.  В експлоере поехало меню

спасибо
Здравствуйте. В шаблоне HTML найдите код
		 <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>&nbsp;&nbsp;&nbsp;&nbsp;<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 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 11 Октябрь 2013 - 21:44

всё получилось, но в эксплоере меню "съезжает" (

#18 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Октябрь 2013 - 01:53

Шаблон HTML - найдите и удалите:
<meta content="IE=7" http-equiv="X-UA-Compatible">


#19 theone

theone

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 479 сообщений

Отправлено 12 Октябрь 2013 - 07:16

Просмотр сообщенияVaccina (12 Октябрь 2013 - 01:53) писал:

Шаблон HTML - найдите и удалите:
<meta content="IE=7" http-equiv="X-UA-Compatible">
Спасибо, получилось. во всех браузерах хорошо отображается.
Заметил вот такую недочет, когда в полноэкраном режиме, то всё нормально отображается, когда сворачиваю браузер, то появляются проблема

#20 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 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 анонимных