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


Как Изменить Форму Вывода Списка Товара В Каталоге?

Автор Levchik, 29 марта 2015 20:00

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

#1 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 29 Март 2015 - 20:00

Здравствуйте!

В каталоге при отображении перечня товаров в виде списка, отображается полное описание товара.
http://greenheart66....ods_view_type=1

Как сделать отображение списка в виде (название столбцов):
- Наименование (Название товара и слева от названия - небольшое фото товара)
- Краткое описание
- Цена
- Кол-во (возможность выбора количества товара)
- Кнопка "В корзину"

Пример списка - на фото. Только вместо столбца "Мин. отпуск" нужен столбец "Краткое описание"

Прикрепленные изображения

  • Каталог список пример.jpg

#2 Ирина345

Ирина345

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

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

Отправлено 29 Март 2015 - 20:32

Просмотр сообщенияLevchik (29 Март 2015 - 20:00) писал:

Здравствуйте!

В каталоге при отображении перечня товаров в виде списка, отображается полное описание товара.
http://greenheart66....ods_view_type=1

Как сделать отображение списка в виде (название столбцов):
- Наименование (Название товара и слева от названия - небольшое фото товара)
- Краткое описание
- Цена
- Кол-во (возможность выбора количества товара)
- Кнопка "В корзину"

Пример списка - на фото. Только вместо столбца "Мин. отпуск" нужен столбец "Краткое описание"
Здравствуйте, найдите в шаблоне Товар код

<div class="right">
			  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
			  {% IF goods.DESCRIPTION_LARGE %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_LARGE}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
			</div>
замените на
   <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
			  {% IF goods.DESCRIPTION_SHORT %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_SHORT}
				  
				  </div>
				</div>
			  {% ENDIF %}
			  <div class="price">
				{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
				{% ENDIF %}
				<span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
				<div class="clear"></div>
			  </div>
			   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
					<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}" />
					<div class="plus_minus_quantity">
					<span class="qty-minus">-</span>
				  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
				  <span class="qty-plus">+</span>
				</div>
					<a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a>
					<!--a class="add_to_cart_small" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"></a-->
				  </form>
			</div>

далее добавьте в конец файла main.css
.right .price {
  overflow: hidden;
}.desc.std.a-left {
  width: 41%;
  float: left;
}

#3 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 29 Март 2015 - 21:00

Не совсем правильно вышло ((
- гигантская высота строк
- выбор количества и кнопка заказать находятся под описанием, а не в той же строке
- знаки + и - очень мелкие, при наведения на них курсора его форма меняется на "I", не понятно, что на эти знаки можно нажимать

Прикрепленные изображения

  • Каталог кривой.jpg

#4 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 31 Март 2015 - 21:10

Ответьте, пожалуйста, на вопрос. Очень нужно!!

#5 Vaccina

Vaccina

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

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

Отправлено 02 Апрель 2015 - 02:08

Сохраните пожалуйста изменения, чтобы мы смогли проконсультировать вас на полученных результатах

#6 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 02 Апрель 2015 - 13:18

Просмотр сообщенияVaccina (02 Апрель 2015 - 02:08) писал:

Сохраните пожалуйста изменения, чтобы мы смогли проконсультировать вас на полученных результатах

Изменения сохранены.

И сразу еще - надо по умолчанию сделать вид списком.

#7 Ирина345

Ирина345

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

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

Отправлено 02 Апрель 2015 - 14:34

Просмотр сообщенияLevchik (02 Апрель 2015 - 13:18) писал:

Изменения сохранены.

И сразу еще - надо по умолчанию сделать вид списком.

здравствуйте, найдите в шаблоне Товары код
<!-- Если отображаем товары таблицей -->
	  {% ELSE %}
		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="category-info">
			<div class="left">
			  <div class="image goods-cat-image-medium-square">
				{% IF user_agent_ie7 %}
				  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					<div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					<div class="product-image"><img class="goods-cat-image-medium"  src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				  </a>
				{% ELSE %}
				  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					<img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
				  </a>
				{% ENDIF %}
			  </div>
			  {% IF goods.IS_NEW %}
				<span class="new_prod">Новинка</span>
			  {% ELSEIF goods.IS_TOP %}
				<span class="new_prod">Хит</span>
			  {% ENDIF %}
			  <div class="price">
				{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
				{% ENDIF %}
				<span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
				<div class="clear"></div>
			  </div>
			  <div class="cart">
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
				  <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="add_to_cart_small" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a>
				  <!--a class="add_to_cart_small" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"></a-->
				</form>
			   
			   <!-- Если есть возможность добавить товар в избранное -->
				{% IF goods.IS_HAS_IN_FAVORITES_LIST %}
				  <a class="add_to_wishlist_small added"
					data-action-is-add="0"
					data-action-add-url="{FAVORITES_ADD_URL}"
					data-action-delete-url="{FAVORITES_DELETE_URL}"
					data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				  ></a>
				{% ELSE %}
				  <a class="add_to_wishlist_small"
					data-action-is-add="1"
					data-action-add-url="{FAVORITES_ADD_URL}"
					data-action-delete-url="{FAVORITES_DELETE_URL}"
					data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
				  ></a>
				{% ENDIF %}
				<!-- END Если есть возможность добавить товар в избранное -->
			   
				<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				  {% IF goods.IS_HAS_IN_COMPARE_LIST %}
					<a class="add_to_compare_small added"
					  data-action-is-add="0"
					  data-action-add-url="{COMPARE_ADD_URL}"
					  data-action-delete-url="{COMPARE_DELETE_URL}"
					  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					  title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					  href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					></a>
				  {% ELSE %}
					<a class="add_to_compare_small"
					  data-action-is-add="1"
					  data-action-add-url="{COMPARE_ADD_URL}"
					  data-action-delete-url="{COMPARE_DELETE_URL}"
					  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
					  title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
					  href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					></a>
				  {% ENDIF %}
				{% ENDIF %}
				<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
			  </div>
			</div>
		 
		  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
						  {% IF goods.DESCRIPTION_SHORT %}
								<div class="desc std a-left">
								  <div class="htmlDataBlock">
										{goods.DESCRIPTION_SHORT}
								 
								  </div>
								</div>
						  {% ENDIF %}
						  <div class="price">
								{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
								  <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
								{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
								  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
								{% ENDIF %}
								<span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
								<div class="clear"></div>
						  </div>
						   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
										<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}" />
										<div class="plus_minus_quantity">
										<span class="qty-minus">-</span>
								  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
								  <span class="qty-plus">+</span>
								</div>
										<a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a>
										<!--a class="add_to_cart_small" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"></a-->
								  </form>
						</div>
		 
			<div class="clear"></div>
		  </div>
		{% ENDFOR %}
		<!-- /Проходим по массиву списка товаров -->
	  {% ENDIF %}
	  <!-- /Список товаров таблица -->
замените на
	  <!-- Если отображаем товары таблицей -->
	  {% ELSE %}
		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="category-info">
			<div class="left">
			  <div class="image goods-cat-image-medium-square">
				{% IF user_agent_ie7 %}
				  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					<div class="product-image"><img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					<div class="product-image"><img class="goods-cat-image-medium"  src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				  </a>
				{% ELSE %}
				  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					<img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
				  </a>
				{% ENDIF %}
			  </div>
			  {% IF goods.IS_NEW %}
				<span class="new_prod">Новинка</span>
			  {% ELSEIF goods.IS_TOP %}
				<span class="new_prod">Хит</span>
			  {% ENDIF %}
			  <div class="price">
				{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
				{% ENDIF %}
				<span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
				<div class="clear"></div>
			  </div>
		   
			</div>
		 
		  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
						  {% IF goods.DESCRIPTION_SHORT %}
								<div class="desc std a-left">
								  <div class="htmlDataBlock">
										{goods.DESCRIPTION_SHORT}
								 
								  </div>
								</div>
						  {% ENDIF %}
						  <div class="price"style="float: left;  margin: 15px;">
								{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
								  <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
								{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
								  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
								{% ENDIF %}
								<span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
							  <div class="clear"></div>
						  </div>
							 <div class="cart"style="float: left;  margin: 15px;">
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
					<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}" />
					<div class="plus_minus_quantity">
					 <span class="qty-minus">-</span>
				  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
				  <span class="qty-plus">+</span>
				</div>
					<a class="add_to_cart_small" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a>
					<!--a class="add_to_cart_small" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"></a-->
				  </form>
				 
				  <!-- Если есть возможность добавить товар в избранное -->
				  {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
					<a class="add_to_wishlist_small added"
					  data-action-is-add="0"
					  data-action-add-url="{FAVORITES_ADD_URL}"
					  data-action-delete-url="{FAVORITES_DELETE_URL}"
					  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					></a>
				  {% ELSE %}
					<a class="add_to_wishlist_small"
					  data-action-is-add="1"
					  data-action-add-url="{FAVORITES_ADD_URL}"
					  data-action-delete-url="{FAVORITES_DELETE_URL}"
					  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
					  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
					  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					></a>
				  {% ENDIF %}
				  <!-- END Если есть возможность добавить товар в избранное -->
				 
				  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					{% IF goods.IS_HAS_IN_COMPARE_LIST %}
					  <a class="add_to_compare_small added"
						data-action-is-add="0"
						data-action-add-url="{COMPARE_ADD_URL}"
						data-action-delete-url="{COMPARE_DELETE_URL}"
						data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					  ></a>
					{% ELSE %}
					  <a class="add_to_compare_small"
						data-action-is-add="1"
						data-action-add-url="{COMPARE_ADD_URL}"
						data-action-delete-url="{COMPARE_DELETE_URL}"
						data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
						title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
						href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
					  ></a>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 
				</div>
						</div>
	  
		  
	  
		{% ENDFOR %}
		<!-- /Проходим по массиву списка товаров -->
	  {% ENDIF %}
	  <!-- /Список товаров таблица -->


далее найдите 
 {% IF GOODS_VIEW_TYPE=2 %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
				<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
			  {% ELSE %}
				<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
			  {% ENDIF %}

замените на

 {% IF GOODS_VIEW_TYPE=1 %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
				<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
			  {% ELSE %}
				<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
			  {% ENDIF %}

#8 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 02 Апрель 2015 - 15:28

Отлично,

Просмотр сообщенияИрина345 (02 Апрель 2015 - 14:34) писал:


после внесения второго блока правок перестал включаться режим списка вообще.

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

#9 Ирина345

Ирина345

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

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

Отправлено 02 Апрель 2015 - 19:21

Просмотр сообщенияLevchik (02 Апрель 2015 - 15:28) писал:

Отлично,

после внесения второго блока правок перестал включаться режим списка вообще.

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

Уточните какие необходимо внести изменения в отображение товара списком


для того что отображалось по умолчанию списком, найдите в шаблоне Товары код
 {% IFNOT goods_empty %}   
	<div class="product-list{% IF GOODS_VIEW_TYPE=2 %}2{% ENDIF %}">
	  
	  {% IF GOODS_VIEW_TYPE=2 %}
		{% FOR goods %}

замените на

 {% IFNOT goods_empty %}   
	<div class="product-list{% IF GOODS_VIEW_TYPE=2 %}2{% ENDIF %}">
	  
	  {% IF GOODS_VIEW_TYPE=1 %}
		{% FOR goods %}

далее найдите 

{% IF GOODS_VIEW_TYPE=1 %}
								<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
								<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
						  {% ELSE %}
								<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
								<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
						  {% ENDIF %}

замените на

{% IF GOODS_VIEW_TYPE=2 %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
				<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
			  {% ELSE %}
				<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
			  {% ENDIF %}

#10 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 02 Апрель 2015 - 23:14

Просмотр сообщенияИрина345 (02 Апрель 2015 - 19:21) писал:

Уточните какие необходимо внести изменения в отображение товара списком




Ура! Заработало, спасибо!

Правки:
1. Верхняя строка налазит на серую строчку. Надо опустить чуть ниже, под строку
2. Остается много свободного места между строками товаров. Сделайте строки ближе к друг другу. Можно уменьшить размер фотографии
3. Уберите отображение стоимости под фотографией
4. При нажатии на + и - при изменении количества товара, при каждом последующем нажатии происходит все большее выделение этого блока
5. Уберите слова "Вид списка" с пиктограммами способов отображения (над фильтрами)
6. Можно ли добавить столбец между ценой и количеством выбранного товара, показывающий наличие товара? Словами или цифрами будет показывать - зависит от установленных настроек для отображения в карте товара
7. Можно ли сделать так, чтобы у строк через одну был фон белый или светло-серый. Т.е. идет строка с белым фоном, под ней - с серым, дальше с белым, потом снова с серым и т.д.?
8. При нажатии кнопки "Быстрый заказ" и далее "Продолжить покупки" пользователь возвращается вверх страницы. Надо сделать так, чтобы старница оставалась в том же положении, в каком он нажал кнопку "Быстрый заказ".
9. Можно ли сделать так, чтобы при прокрутке страницы вниз, информация о корзине (сумма покупок) не уходила вверх из вида, а оставалась всегда на виду?

#11 Vaccina

Vaccina

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

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

Отправлено 03 Апрель 2015 - 04:48

1. В main.css найдите:
.category-info {
  float: left;
  margin-bottom: 30px;
  min-height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}

замените на:
.category-info {
  display: inline-block;
  float: none;
  margin-bottom: 30px;
  min-height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}

2.В main.css добавьте:
.category-info .goods-cat-image-medium, .category-info .goods-cat-image-medium-square {
  max-height: 100px;
}

3.В main.css после:
.prod_hold .price, .prod_hold_recent .price, .category-info .price {
  color: #333333;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
}

вставьте:
.category-info .price {
  display: none;
}

4. При быстром нажатии выделяется текст внутри блока, все равно что дважды быстро нажать на любой другой текст, например описания. Это не исправить.

5.В шаблоне Товары найдите и удалите:
<label>Вид списка:</label>

6.В шаблоне Товары перед:
<div style="float: left;  margin: 15px;" class="cart">

вставьте:
!-- Доступность товара -->
{% IF goods.MAX_REST_VALUE=0 %}
<div class="goodsDataMainModificationAvailable" style="float: left;  margin: 15px;">
	<div rel="false" class="available-false">Товара нет в наличии</div>
</div>
{% ELSEIF goods.MAX_REST_VALUE>0 %}
<div class="goodsDataMainModificationAvailable" style="float: left;  margin: 15px;">
<div rel="true" class="available-true">Товар есть в наличии</div>
</div>
{% ENDIF %}
<!-- Доступность товара -->

7.В main.css после:
.category-info {
  display: inline-block;
  float: none;
  margin-bottom: 30px;
  min-height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}
добавьте:
.category-info:nth-child(2n) {
  background: #eee;
}

8. В каком браузере наблюдается подобное поведение? В Mozille положение сохраняется.

9.В main.css найдите:
#header #cart {
  min-width: 300px;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 20;
}

замените на:
#header #cart {
  background: #f5f5f5;
  min-width: 300px;
  position: fixed;
  right: 0;
  top: 75px;
  z-index: 20;
}

далее найдите:
#header #cart .heading {
  float: right;
  margin-top: 15px;
  padding-left: 14px;
  padding-right: 46px;
  position: relative;
  z-index: 1;
}
замените на:
#header #cart .heading {
  float: right;
  padding-left: 14px;
  padding-right: 46px;
  position: relative;
  z-index: 1;
}

#12 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 03 Апрель 2015 - 07:07

Просмотр сообщенияVaccina (03 Апрель 2015 - 04:48) писал:


Спасибо!!! Почти всё работает как надо.

2. Можно ли еще поплотнее разместить строки товаров, чтобы на странице помещались не 3 строки, а 4-5? Пример: http://www.prirodaur...orm-dlja-sobak/
4. И никак это вообще не обойти? Не критично, но хотелось бы избавится от этого выделения
5. Слова "Вид списка" удалился, а пиктограммы остались. Их тоже надо убрать
6. Не нашел в шаблоне Товары код <divstyle="float: left;  margin:15px;"class="cart">
8. Действительно, проверил в IE, всё работает нормально. Правда, там сайт некорректно отображается. Посмотрю этот вопрос в других темах форума, вроде обсуждался уже.
Можно ли исправить эту функцию для Opera 28.0?
9. Можно ли окошко корзины поднять максимально вверх и сделать так, чтобы текст страницы при прокрутке не заходил на эту строчку? Чтобы корзина на текст не налазила
вот пример: http://www.prirodaur...orm-dlja-sobak/
И можно ли, чтобы корзина так работала только на станице каталога? А то она везде на текст находит
10. Как убрать белый прямоугольник вокруг изображения? Особенно он заметен на строках с серым фоном. Или сделать его маленьким, вокруг фотографии, без таких широких полей справа и слева

#13 Ирина345

Ирина345

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

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

Отправлено 06 Апрель 2015 - 10:22

Просмотр сообщенияLevchik (03 Апрель 2015 - 07:07) писал:

Спасибо!!! Почти всё работает как надо.

2. Можно ли еще поплотнее разместить строки товаров, чтобы на странице помещались не 3 строки, а 4-5? Пример: http://www.prirodaur...orm-dlja-sobak/
4. И никак это вообще не обойти? Не критично, но хотелось бы избавится от этого выделения
5. Слова "Вид списка" удалился, а пиктограммы остались. Их тоже надо убрать
6. Не нашел в шаблоне Товары код <divstyle="float: left;  margin:15px;"class="cart">
8. Действительно, проверил в IE, всё работает нормально. Правда, там сайт некорректно отображается. Посмотрю этот вопрос в других темах форума, вроде обсуждался уже.
Можно ли исправить эту функцию для Opera 28.0?
9. Можно ли окошко корзины поднять максимально вверх и сделать так, чтобы текст страницы при прокрутке не заходил на эту строчку? Чтобы корзина на текст не налазила
вот пример: http://www.prirodaur...orm-dlja-sobak/
И можно ли, чтобы корзина так работала только на станице каталога? А то она везде на текст находит
10. Как убрать белый прямоугольник вокруг изображения? Особенно он заметен на строках с серым фоном. Или сделать его маленьким, вокруг фотографии, без таких широких полей справа и слева
Здравствуйте,
2. найдите  в main.css
.category-info {
  display: inline-block;
  float: none;
  margin-bottom: 30px; 
  min-height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}


замените на




.category-info {
  display: inline-block;
  float: none;
  /* margin-bottom: 30px; */
  min-height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}


5.Найдите в шаблоне Товары код
<div class="view-mode">
			
		   {% IF GOODS_VIEW_TYPE=2 %}
								<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
								<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
						  {% ELSE %}
								<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
								<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
						  {% ENDIF %}
			</div>
замените на

<div class="view-mode" style="display:none;">
			
		   {% IF GOODS_VIEW_TYPE=2 %}
								<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
								<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
						  {% ELSE %}
								<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
								<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
						  {% ENDIF %}
			</div>
6.данный код находится на строке 369
9 найдите в main.css
#header #cart {
  background: #f5f5f5;
  min-width: 300px;
  position: fixed;
  right: 0;
  top: 75px;
  z-index: 20;
}
замените на

#header #cart {
  background: #f5f5f5;
  min-width: 253px;
  position: fixed;
  right: 0;
  top: 12px;
  z-index: 20;
}

далее найдите в шаблоне HTML
 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок 
				{% IF cart_count_empty %}
				<span class="red">0</span>
				{% ELSE %}
				  {CART_COUNT_TOTAL}
				{% ENDIF %}

замените на

 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок 
				{% IF cart_count_empty %}
				<span class="red">0</span>
				{% ELSE %}
				  {CART_COUNT_TOTAL}
				{% ENDIF %}<br />

#14 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 06 Апрель 2015 - 13:50

Все работает, кроме:

Просмотр сообщенияИрина345 (06 Апрель 2015 - 10:22) писал:



6.данный код находится на строке 369


После внесения изменений, на странице стало отображаться !-- Доступность товара -->
И видимо из-за этого высота строки увеличилась и снова стало отображаться 3 строчки.

Просмотр сообщенияИрина345 (06 Апрель 2015 - 10:22) писал:



найдите в main.css


Блок с корзиной переместился вверх. Но залез на шапку сайта. и при прокрутке также закрывает текст, только чуть выше, чем раньше.
Еще раз, что бы здесь хотелось:
1. Корзина отображается, там и и была раньше - на строке с меню.
2. При переходе в каталог шапка сайта исчезает, строка с меню и корзиной фиксируется в самом верху. Страница прокручивается под этой строкой, т.е. строка с меню не должна находить на текст.
3. В идеале, п .2. должен работать только на страницах подкаталога, где списком отображается перечень товаров. Если это невозможно, тогда пусть на всех страницах.

#15 Alekseys

Alekseys

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

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

Отправлено 06 Апрель 2015 - 16:14

Просмотр сообщенияLevchik (06 Апрель 2015 - 13:50) писал:

Все работает, кроме:



После внесения изменений, на странице стало отображаться !-- Доступность товара -->
И видимо из-за этого высота строки увеличилась и снова стало отображаться 3 строчки.



Блок с корзиной переместился вверх. Но залез на шапку сайта. и при прокрутке также закрывает текст, только чуть выше, чем раньше.
Еще раз, что бы здесь хотелось:
1. Корзина отображается, там и и была раньше - на строке с меню.
2. При переходе в каталог шапка сайта исчезает, строка с меню и корзиной фиксируется в самом верху. Страница прокручивается под этой строкой, т.е. строка с меню не должна находить на текст.
3. В идеале, п .2. должен работать только на страницах подкаталога, где списком отображается перечень товаров. Если это невозможно, тогда пусть на всех страницах.
Здравствуйте. В шаблоне Товары замените
!-- Доступность товара -->
на
<!-- Доступность товара -->
В main.css замените
.header_top {
  background-color: #f5f5f5;
  margin: 0 auto;
  min-height: 60px;
  width: 100%;
}
на
.header_top {
  background-color: #f5f5f5;
  margin: 0 auto;
  min-height: 60px;
  width: 100%;
  margin-top: 65px;
}
затем
#header_colapse {
  position: relative;
  background-color: #ff0551;
  color: #ffffff;
  z-index: 1000;
}
замените на
#header_colapse {
  position: fixed;
  background-color: #ff0551;
  color: #ffffff;
  z-index: 1000;
  width: 100%;
}
и
#header #cart {
  background: #f5f5f5;
  min-width: 253px;
  position: fixed;
  right: 0;
  top: 12px;
  z-index: 20;
}
замените на
#header_colapse {
  position: fixed;
  background-color: #ff0551;
  color: #ffffff;
  z-index: 1000;
  width: 100%;
}

#16 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 06 Апрель 2015 - 18:48

Просмотр сообщенияAlekseys (06 Апрель 2015 - 16:14) писал:


про "доступность" исправилось.

шапка с корзиной встала почти как надо. Не совсем то, что просил, но так вроде лучше получилось
Но она работает только после того, как нажмешь кнопку быстрого заказа.

без этого шапка отображается криво, см. скриншот 1.

на скриншоте 2 шапка работает нормально, но:
1. Надо сдвинуть шапку максимально вверх, чтобы не было узкой полоски с текстом страницы между шапкой и началом окошка браузера.
2. Текстовку корзины и иконку корзины надо разместить по середине шапки (по высоте), так же как размещен остальной текст
3. Текстовку корзины и иконку надо сделать в тех же цветах, что и остальной текст/иконки. иначе сливается с шапкой
4. Надо немного сдвинуть поле поиска и его иконку право, чтобы иконка корзины и  поле поиска не соприкасались.

Также, не решены эти вопросы:

8. При нажатии кнопки "Быстрый заказ" и далее "Продолжить покупки" пользователь возвращается вверх страницы. Надо сделать так, чтобы страница оставалась в том же положении, в каком он нажал кнопку "Быстрый заказ". Ошибка возникает в опере, в IE нормально работает.
10. как сделать поля белого прямоугольника справа и слева вокруг изображения не такими большими? надо такими же, как сверху-снизу

Прикрепленные изображения

  • Шапка 1.jpg
  • Шапка 2.jpg

#17 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 08 Апрель 2015 - 07:41

Сразу не заметил ((

После внесения правок исчезла стоимость товара в списке товаров.
Надо её вернуть. Расположение - или между кратким описанием товара и информацией о наличии товара. Или над блоком с указанием выбранного количества товара.

И блок с количеством товара расположен неравномерно. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом?

#18 Ирина345

Ирина345

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

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

Отправлено 09 Апрель 2015 - 14:43

Просмотр сообщенияLevchik (08 Апрель 2015 - 07:41) писал:

Сразу не заметил ((

После внесения правок исчезла стоимость товара в списке товаров.
Надо её вернуть. Расположение - или между кратким описанием товара и информацией о наличии товара. Или над блоком с указанием выбранного количества товара.

И блок с количеством товара расположен неравномерно. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом?
Здравствуйте, найдите в файле main.css
#header_colapse {
  position: fixed;
  background-color: #ff0551;
  color: #ffffff;
  z-index: 1000;
  width: 100%;
}
замените на

#header_colapse {
  position: fixed;
  background-color: #ff0551;
  color: #ffffff;
  z-index: 1000;
  width: 100%;
  top: 0;
}

далее добавьте в конец main.css
#cart {
  position: relative;
  top: 9px;
  right: 24px;
}

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

<!-- Доступность товара -->
{% IF goods.MAX_REST_VALUE=0 %}
<div class="goodsDataMainModificationAvailable" style="float: left;  margin: 15px;">
		<div rel="false" class="available-false">Товар под заказ</div>
</div>
{% ELSEIF goods.MAX_REST_VALUE>0 %}
<div class="goodsDataMainModificationAvailable" style="float: left;  margin: 15px;">
<div rel="true" class="available-true">Товар есть в наличии</div>
</div>
{% ENDIF %}
<!-- Доступность товара -->
замените на
 <!-- Доступность товара -->
{% IF goods.MAX_REST_VALUE=0 %}
<div class="goodsDataMainModificationAvailable" style="float: left;  margin: 15px;">
		<div rel="false" class="available-false">Товар под заказ</div>
			<div class="price" style="display: block;">
				{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
				{% ENDIF %} 
				<span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
			  </div>
</div>
{% ELSEIF goods.MAX_REST_VALUE>0 %}
<div class="goodsDataMainModificationAvailable" style="float: left;  margin: 15px;">
<div rel="true" class="available-true">Товар есть в наличии</div>
	<div class="price" style="display: block;">
				{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
				{% ENDIF %} 
				<span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span>
			  </div>
</div>
{% ENDIF %}
<!-- Доступность товара -->

#19 Levchik

Levchik

    Продвинутый пользователь

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

Отправлено 09 Апрель 2015 - 14:57

Просмотр сообщенияИрина345 (09 Апрель 2015 - 14:43) писал:

Здравствуйте, найдите в файле main.css
#header_colapse {
position: fixed;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
width: 100%;
}


Данный блок у меня встречается 2 раза. Где править? Экспериментировать не хочу, т.к. и так уже после изменений сайт отображается некорректно.

И на предыдущее сообщение ответите?

#20 Ирина345

Ирина345

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

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

Отправлено 09 Апрель 2015 - 15:27

Просмотр сообщенияLevchik (09 Апрель 2015 - 14:57) писал:

Данный блок у меня встречается 2 раза. Где править? Экспериментировать не хочу, т.к. и так уже после изменений сайт отображается некорректно.

И на предыдущее сообщение ответите?
Произведите изменения на 115 строке
О каких изображениях идет речь, уточните.
Обратно в Каталог товаров


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Каталог товаров
  6. Privacy Policy