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


PlayChik

Регистрация: 10 марта 2011
Offline Активность: 03 июня 2011 13:51
-----

#3948 Страница Товара

Отправлено Vaccina на 01 Июнь 2011 - 18:02

Хм. Попробуйте в шаблоне "Товар"

найти блок

<!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDeliveryBlock" colspan="2">
					<h4>Условия доставки</h4>
					{% FOR goods_delivery %}
					  <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
					  <div class="goodsDataMainDeliveryItem" >
						<p>{goods_delivery.DESC}</p>
	  
						{% IF goods_delivery.rules_empty %}
						  Стоимость доставки: {goods_delivery.PRICE | money_format}
						{% ELSE %}
						  <div class="goodsDataMainDeliveryItemRules">
							<table>
							  <thead>
								<tr>
								  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								</tr>
								<tr>
								  <td>Для заказов больше</td>
								  <td>Стоимость доставки</td>
								</tr>
							  </thead>
							  <tbody class="num">
								{% FOR rules %}
								  <tr>
									<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									<td>{goods_delivery.rules.PRICE | money_format}</td>
								  </tr>
								{% ENDFOR %}
								  <tr>
									<td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
									<td>{goods_delivery.PRICE | money_format}</td>
								  </tr>
							  </tbody>
							</table>
						  </div>
						{% ENDIF %}
					  </div>
					{% ENDFOR %}
				  </td>
				</tr>

далее заменить его на

<!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDeliveryBlock" colspan="2">
					{GOODS_DESCRIPTION_LARGE}
				  </td>
				</tr>

далее находим и удаляем блок
<!-- Блок описания товара. Показываем его есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3>Описание {GOODS_NAME}</h3>
	{GOODS_DESCRIPTION_LARGE}
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его есть описание товара -->



#4001 Страница Товара

Отправлено Vaccina на 03 Июнь 2011 - 05:33

Хм. попробуйте восстановить шаблон, и вернуть все к исходному состоянию, далее проделать выше изложенную операцию еще раз. Видимо вы где-то ошиблись. и пропустили теги.


#3465 Изменение Шапки И Перенос Элементов В Другие Части Страницы

Отправлено a.pashuta на 13 Май 2011 - 11:01

Просмотр сообщенияPlayChik (12 Май 2011 - 22:04) писал:

И где можно убрать слово "поиск" из поисковой строки?
Там же. В строке у вас сейчас так:
<input type="text" value="Поиск" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q">
Нужно сделать вот так:
<input type="text" value="" onblur="" onfocus="" id="s" class="search_box alignleft" name="q">



#3309 Горизонтальное Меню

Отправлено Vaccina на 05 Май 2011 - 23:11

Хм. думаю можно пойти следующими путями:

1) Изменить навигацию

  Найти
<div id="mainNav">
		<table>
		  <tr>
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					<div>
					  <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>
					</div>
				  </td>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </tr>
		</table>
	  </div>


заменить на

<div id="mainNav">
		<table>
		  <tr>
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					<div>
					  <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 %}>{% IFNOT menu.header.links.last %} {menu.header.links.NAME}{% ELSE %}{% IF CLIENT_IS_LOGIN %}Выход{% ELSE %}Войти в ЛК{% ENDIF %} {% ENDIF %}</a>
					</div>
				  </td>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </tr>
		</table>
	  </div>

Теперь можно изменить названия последних значений, понаставить отступов.

2) Можно убрать последний пункт "Выход", и переместить его в любое другое место

Для этого изменим

<div id="mainNav">
		<table>
		  <tr>
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					<div>
					  <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>
					</div>
				  </td>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </tr>
		</table>
	  </div>

на

<div id="mainNav">
		<table>
		  <tr>
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}  
				  <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
 {% IF menu.header.links.URL != USER_LOGOUT_URL %} 
					<div>
					   <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>					</div> {% ENDIF %} 
				  </td>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </tr>
		</table>
	  </div>

Далее можно в любом месте шаблона вставить ссылку на выход

{% IF CLIENT_IS_LOGIN %}<a href="{USER_LOGOUT_URL}" title="Выход">Выход</a>{% ENDFOR %} 



#2773 Номер Телефона В Шапке

Отправлено Vaccina на 15 Апрель 2011 - 18:11

Вам нужно поправить стиль #contactInfo в main.css

Найти

#contactInfo {
	font-size: 1.2em;
	left: 330px;
	position: absolute;
	top: 5px;
}

Заменить на

#contactInfo {
	font-size: 1.2em;
	left: 510px;
	position: absolute;
	top: -25px;
}

Если не устроит данное расположение, то поэкспериментируйте с свойствами top: -25px; и left: 510px;


#64 Ресурсы с информацией о магазинах

Отправлено support на 23 Сентябрь 2010 - 01:05

Возможно немного не в тему, но есть еще замечательный ресурс по юзабилити. Он предназначен не только для интернет магазинов, но и любых других сайтов:
http://converlab.com/

Советую почитать, там довольно много информации о приемах юзабилити да и вообще о том как сделать интерфейс магазина понятнее.

Довольно часто встречаемся с такой вот ошибкой, которую допускают очень многие владельцы интернет магазинов, когда сами правят шаблоны магазина:
Они закачивают фоновыми изображениями файлы неизменно больших размеров, доходит до 1-2 мегабайт на файл. Файлы эти весят столько потому что сохранены в самом лучшем качестве, предоставляемым редактором, например photoshop-ом или illustrator-ом.

Для примера: самый тяжелый шаблон на данный момент в нашей системе - сияние, в собранном виде вместе со всеми изображениями из CSS, самими стилями, JS файлами и HTML кодом, он весит 587 кбайта, - это мелочь для широкого канала и довольно много для пользователей из глубинки, но даже для них сайт грузится быстро, т.к здесь 362кб - яваскрипт библиотеки, которые загружаются в последний момент.
По факту такой пользователь из глубинки, сидящий например на модеме 56К загрузит сайт со следующей скоростью:
25кб - 5.24 сек - HTML код
63кб - 13.71 сек - Сам CSS
135кб - 35.02 сек - CSS Изображения (По факту конечно получится меньше, т.к не все изображения отображаются сразу на сайте)
Далее загружается JS и прочее, но пользователь сайт уже видит, и не уйдет с него в ожидании пока он наконец догрузится.

В случае если мы вставляем всего лишь одно изображение даже в пол мегабайта в качестве фона, такой пользователь точно не будет дожидаться пока загрузится фон ( >135 сек. ожидания ), т.к. сайт без этого фона не смотрится, текст в панели навигации белый - сливается по цвету с белым фоном страницы, которая еще не загрузилась, так что он даже навигироваться не сможет, пока не подождет 2х минут, рассматривая пустой сайт или пока не заварит кофе. Причем в этом примере мы говорим о файлах в пол мегабайта, а не одном или двух мегабайтах, которые также с успехом закачиваются на сайт. Если увеличить скорость загрузки страницы, отказов станет значительно меньше, соответственно повысится и конверсия посетителей в заказы.

Хороший сайт которым мы проводим подобные проверки:
http://analyze.websi...ization.com/wso

Уменьшить эти изображения обычно можно простым сохранением в том же photoshop в формате jpg с качеством до 80.
Разница между 100% качеством и 80% выражается как троекратное увеличение размера файла, при еле заметном повышении качества изображения. Более того в фоновое изображение пользователь скорее всего не будет вглядываться, и подобные размеры изображений не принесут вам ни капли пользы.
Так же показатель размера сайта с недавних пор используется поисковыми системами, такими как Google при ранжировании сайтов, оно и понятно, большой сайт - больше отказов, такие сайты ползут вниз.
В общем советуем обращать внимание на размера вашего сайта, это поможет приобрести вам новых покупателей и возможно постоянных клиентов, у которых сайты конкурентов просто не будут загружаться  :)