Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Дизайн Иконок Товаров И Категорий

Автор atvparts, 05 нояб. 2013 22:08

Авторизуйтесь для ответа в теме

Сообщений в теме: 4

#1 atvparts

Новичок

Пользователи
8 сообщений

Отправлено 05 Ноябрь 2013 - 22:08

Добрый вечер!
Подскажите пожалуйста, как сделать чтобы товары вот так красиво и ровно отображались:

А не вот так как сейчас у меня:

И еще один вопросик, как сделать расстояние между категориями в таблице:

http://снегоходам.рф/

Заранее благодарен!

Наверх

#2 atvparts

Новичок

Пользователи
8 сообщений

Отправлено 05 Ноябрь 2013 - 23:33

И не сочтите за наглость, еще вопросик,
есть у меня вот такой раздел:
http://снегоходам.рф...klienty#content

Как в нем можно выложить фотки техники клиентов?

Наверх

#3 Сake

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

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

Отправлено 06 Ноябрь 2013 - 00:59

atvparts (05 Ноябрь 2013 - 22:08) писал:

Добрый вечер!
Подскажите пожалуйста, как сделать чтобы товары вот так красиво и ровно отображались:

Прикрепленный файл

Безымянный.jpg

А не вот так как сейчас у меня:

Прикрепленный файл

Беззымянный.jpg

И еще один вопросик, как сделать расстояние между категориями в таблице:

http://снегоходам.рф/

Заранее благодарен!

У вас как я понимаю заменен шаблон "Товары", код взят из другой темы оформления, в связи с чем не применяются стили. Целесообразность такого изменения не совсем понятна. Вам лучше всего восстановить шаблон "Товары" использовав шаблон по умолчанию. Замените ваш шаблон "Товары" на следующий код

Скрытый текст

<div class="crumbs padd51 fnt12 clr txtalgnlft">
	  <div class="dinline clr anone padd1"><a href="http://{NET_DOMAIN}/">Главная</a>
	 
	  <!-- Если отображаем полный каталог товаров, без указания категории -->
	  {% IF IS_FULL_CATALOG %}
	  &raquo; <span class="current fnt12 b">Каталог товаров</span>
	  <!-- Если отображаем товары в категории -->
	  {% ELSE %} 
	   {% FOR upper_navigation %}
		{% IF upper_navigation.CURRENT %}
		  &raquo; <span class="current fnt12 b">{upper_navigation.NAME}</span>
		{% ELSEIF upper_navigation.CURRENT_PARENT %}
		  &raquo; <a href="{upper_navigation.URL}">{upper_navigation.NAME}</a>
		{% ENDIF %}
	  {% ENDFOR %}
	  {% ENDIF %} 
	</div>
	</div>
	<div id="hr"></div>
	<div class="contenttext clr padd51">
	  <div class="title dinline fnt14 b fntarl padd51">{CATEGORY_NAME}</div>
	</div>

<!-- Фильтры показываются только если есть товары в категории -->
{% IFNOT goods_empty %}
  <form action="">
 
	<div class="cort fnt11 txtalgnlft">
	  <div class="left">
		<ul>
		  {% FOR goods_filters %}
		  <li>
		  <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
		  </li>
		   {% ENDFOR %}
		  <li>
			<!-- Поле выбора сортировки -->
			{% IF goods_show_order_fields %}
			  Сортировать по:
			  <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 %}
		  </li>
		  {% IF goods_show_per_page %}
			{% IFNOT index_page %}
			  <li>Показывать по:
				<select name="per_page" onchange="this.form.submit();">
				  {% FOR goods_per_page_list %}
					<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
				  {% ENDFOR %}
				</select>
			  </li>
			{% ENDIF %}
		  {% ENDIF %}
		 </ul>
	   </div>
	   <div class="right">
		<ul>
		  {% IF GOODS_VIEW_TYPE=1 %}
			<li><a href="?goods_view_type=2" class="table"></a></li>
			<li><a href="?goods_view_type=1" class="list current"></a></li>
		  {% ENDIF %}
		  {% IF GOODS_VIEW_TYPE=2 %}
			<li><a href="?goods_view_type=2" class="table current"></a></li>
			<li><a href="?goods_view_type=1" class="list"></a></li>
		  {% ENDIF %}
		</ul>
	  </div>
	  <div class="clr"></div>
	</div>
   
  </form>
{% ENDIF %}
<!-- END Фильтры показываются только если есть товары в категории -->
		  <div id="hr" class="clr"></div>
<!-- Товары -->
{% IF goods_empty %}
  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
  {% IF goods_filters_empty %}
	<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
	{%IFNOT nested_categories_list_empty %}
	  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
	  <div class="box padd1">
		<div class="table" width="100%" >
		  <ul class="categoriesList">
		  {% FOR nested_categories_list %}
			  <li class="fleft tabproduct">
				  <div class="title fnt13 b txtalgncnt">
					<a style="color:#a6bf2d;" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
				  </div>
				  <div class="img txtalgncnt categoriesListImg" >
					<a href="{nested_categories_list.URL}" title="Перейти на страницу &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a>
				  </div>
				  <div class="buttons txtalgncnt" style="margin-top:10px;">
					<a href="{nested_categories_list.URL}" class="orangebar" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>
				  </div>
			  </li>
			{% ENDFOR %}
		  </ul>
		</div>
	  </div>
	  <br clear="all"/>
	<!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
	{% ELSE %}
		<!--Ошибка-уведомление-->
			 <div class="error orange marg51">
			   <div class="fnt15 fntarl i b title dinline "><span><span>Внимание</span></span></div>
			   <div class="text fnt14 fntarl aunder i txtalgnlft">Нет товаров в категории </div>
			  </div>
		<!--Ошибка-уведомление-->
	{% ENDIF %}
  <!-- Если производили фильтрацию товаров в категории -->
  {% ELSE %}
  <div class="warning marg51 txtalgnlft fnt14 b i fntupcase fntarl aunder">Нет товаров для выбранных условий!</div>
  {% ENDIF %}
{% ELSE %}
  <!-- Вывод каталога таблицей -->
  {% IF GOODS_VIEW_TYPE=1 %}
	<!-- Вывод каталога списком -->
	<div class="goodsListBlock">
	{% FOR goods %}
	  <div class="goodlist padd51 clr over">
		 <div class="title fnt12 fntarl clr fleftul">
		 <a href="{goods.URL}" class="fleft" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a>
		 </div>
		  <div class="goodlistmain over clr">
			  <div class="img txtalgncnt padd50 fleft">
				<span rel="false" class="catalog-available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>
				  <div class="stikno"></div>
				</span>
				<span rel="true" class="catalog-available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
				  <div class="stikyes"></div>
				</span>
			  <a href="{goods.URL}">
				<img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" />   
			  </a>
			</div>
			  <div class="priceblock fright">
					 <div class="price over">
						<ul class="cost fnt11 fntupcase txtalgnlft fntarl fleft ">
					   
						<li>Цена: {goods.MIN_PRICE_NOW | money_format}</li>
						{% IF goods.MIN_PRICE_OLD > goods.MIN_PRICE_NOW %}
						  <li class="last linethrough">Старая цена:
							{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
						  </li>
						{%ENDIF%}
						</ul>
						<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
						{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE==0 %}
						{%ELSE%}
						  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
							<div>
							  <input type="hidden" name="hash" value="{HASH}" />
							  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
							  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
							  <a class="orangebut fnt11 fntarl txtalgncnt fright fntupcase anone0" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
							</div>
						  </form>
						{%ENDIF%}
					</div>
				  <ul class="links fnt11 fntupcase aunder">
					<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
					{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE==0 %}
					  <div class="tovar-available fnt11 fntupcase aunder">
						<a href="#" rel="false" class="catalog-available-false" >
						  <div class="stikno">Товара нет в наличии</div>
						</a>
					  </div>
					{% ENDIF %}
					<li>
						<!-- Если в тарифном плане подключен модуль сравнения товаров -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE %}
						  <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						  {% IFNOT SETTINGS_COMPARE_DISABLE %}
							 {% IF goods.IS_HAS_IN_COMPARE_LIST %}
									<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
								  {% ELSE %}
									<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить товар</a>
								  {% ENDIF %}
						  {% ENDIF %}
						{% ENDIF %}
					</li>
					<li><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробная информация </a></li>
				  </ul>
			  </div>
			  <div class="goodinfo fnt11 fntarl fleft" style="text-overflow: ellipsis;">{goods.DESCRIPTION_SHORT}</div>
		  </div>
	   </div>
	   <div id="hr"></div>
	   {% ENDFOR goods %}
	   </div>
	  <!-- END Вывод каталога списком -->
  {% ELSE %}
	 <!--Вывод товаров таблицей-->   
	<div class="goodstabl ">
		  {% FOR goods %}
			<div class="goodstable over ">
			  <div class="title anone fnt11 fntarl">
				  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a>
				 <div class="clr"></div>
				</div>
				<div class="maingoodstable">
				 <div class="img txtalgncnt clr">
				  <a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				  </div>
				 <div class="text fnt11 fntarl txtalgnjsf clr" >{goods.DESCRIPTION_SHORT}</div>
					<div class="price over">
						<ul class="cost fnt11 fntupcase txtalgnlft fntarl fleft ">
						  <li class="only">Цена: {goods.MIN_PRICE_NOW | money_format}</li>
						  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<li class="last linethrough">Старая цена:
							  {goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}
							</li>
						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<li class="last linethrough">Старая цена:
							  {goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
							</li>
						  {% ENDIF %}
						</ul>
						<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
						{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE==0 %}
						  <div class="tovar-available fnt11 fntupcase aunder">
							<a href="#" rel="false" class="catalog-available-false" >
							  <div class="stikno">Товара нет в наличии</div>
							</a>
						  </div>
						{%ELSE%}
						  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
							<div>
							  <input type="hidden" name="hash" value="{HASH}" />
							  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
							  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
							  <a class="orangebut fnt11 fntarl txtalgncnt fright fntupcase anone0" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
							</div>
						  </form>
						{% ENDIF %}
					</div>
				</div>
			<div class="bottom"></div>
		   </div>
			{% ENDFOR goods %}
	</div>
	<!--Вывод товаров таблицей-END-->
  {% ENDIF %}
{% ENDIF %}	  
<!-- Товары-конец -->		   
		   
<!-- Навигация по каталогу -->
{% IF show_pages %}
  <div class="navigation fnt12n padd clear">
	<span>Страницы:</span>
	{% FOR goods_pages %}
	  {% IF goods_pages.CURRENT %}
		<span class="current">{goods_pages.PAGE}</span>
	  {% ELSE %}
		<a href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
	  {% ENDIF %}
	{% ENDFOR %}
  </div>
{% ENDIF %}
<!-- Навигация по каталогу-Конец -->
{% IF CATEGORY_DESCRIPTION %}
	<div class="contenttext clr padd51">
	  <div class="title dinline fnt14 b fntarl padd51">{CATEGORY_NAME}</div>
		<div class="text txtalgnjsf fnt13 padd50 fntarl aunder">
		<div class="htmlDataBlock">
		  {CATEGORY_DESCRIPTION}
		</div>
	  <!-- Короткое SEO-описание -->
	  {% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
	  <div class="htmlDataBlock">
		 {CATEGORY_SEO_DESCRIPTION_SHORT}
	  </div>
	  {% ENDIF %}
	  <!-- END Короткое SEO-описание -->
	 
	  <!-- Полное SEO-описание -->
	  {% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
	  <div class="htmlDataBlock">
		  {CATEGORY_SEO_DESCRIPTION_LARGE}
	  </div>
	  {% ENDIF %}
	  <!-- END Полное SEO-описание -->
   </div>   
	</div>
{% ENDIF %}

atvparts (05 Ноябрь 2013 - 23:33) писал:

И не сочтите за наглость, еще вопросик,
есть у меня вот такой раздел:
http://снегоходам.рф...klienty#content

Как в нем можно выложить фотки техники клиентов?

Данная страница у вас создана вручную в разделе Сайт -> Страницы. Вставить изображения можно следующим образом - в разделе Сайт -> Файлы, загрузите ваши изображения, после в созданной странице Сайт -> Страницы найдите поле "Описание" в данном поле используется визуальный редактор. На панели визуального редактора найдите кнопку изображения. Именно таким образом можно выбрать и прикрепить изображение к создаваемой странице.

Наверх

#4 atvparts

Новичок

Пользователи
8 сообщений

Отправлено 06 Ноябрь 2013 - 21:05

Сake (06 Ноябрь 2013 - 00:59) писал:

У вас как я понимаю заменен шаблон "Товары", код взят из другой темы оформления, в связи с чем не применяются стили. Целесообразность такого изменения не совсем понятна. Вам лучше всего восстановить шаблон "Товары" использовав шаблон по умолчанию. Замените ваш шаблон "Товары" на следующий код

Благодарю.с товарами разобрался, а вот теперь вопрос, как сделать так чтобы на главной не товары отображались, а категории?

Наверх

#5 Сake

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

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

Отправлено 07 Ноябрь 2013 - 02:39

Найдите в шаблоне "Товары" код

<!-- Товары -->
{% IF goods_empty %}
  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
  {% IF goods_filters_empty %}
	<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
	{%IFNOT nested_categories_list_empty %}

и замените его на

<!-- Товары -->
{% IFNOT nested_categories_list_empty %}
  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
  {% IF goods_filters_empty %}
	<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
	{%IFNOT nested_categories_list_empty %}