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


Отображение Названий В Каталоге Товаров, Выравнивание Товаров По Сетке

каталог товаров выравнивание товаров

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

#1 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 02 Сентябрь 2015 - 21:48

Доброго времени суток всем, вернулся, чтобы всех доставать )

Большинство того, что надо исправить, сам же наворотил, но пути назад нет )

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

Также названия не отображаются в разделе "Хиты продаж". Названия отображаются в разделе "Товары на главной", но там не отображается кнопка "заказать".
Безымянный2.png

Итого необходимо:
1. вернуть отображение названий в каталог товаров,
2. вернуть отображение названий в "хиты продаж",
3. вернуть кнопку "заказать" в раздел "на главной странице"
4. при всё при этом необходимо исправить проблему со смещением сетки товаров, когда название одного товара длиннее других.

Заранее благодарю за любую помощь.

#2 Vaccina

Vaccina

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

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

Отправлено 03 Сентябрь 2015 - 05:40

1. В шаблоне Товары найдите:
<!-- Проходим по массиву списка товаров -->
	 {% FOR goods %}
		 <div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;text-align:center;">
		 <figure style="width: 173px;position: relative;overflow:hidden;">
			 <a href="{goods.URL | url_amp}" title="{goods.NAME}" >
		 <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
замените на:
<!-- Проходим по массиву списка товаров -->
	 {% FOR goods %}
		 <div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;text-align:center;">
		 <figure style="width: 173px;position: relative;overflow:hidden;">
			 <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
<a href="{goods.URL | url_amp}" title="{goods.NAME}" >
			 <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
2. В шаблоне HTML найдите:
{% FOR index_page_favorites_goods %}
			 <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
				 <div style="width: 193px;position: relative;overflow:hidden;">
				 <a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">
					 <img alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" />
				 </a>
				 </div>

замените на:
{% FOR index_page_favorites_goods %}
			 <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
<h3><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_favorites_goods.NAME}</a></h3>
			
				 <div style="width: 193px;position: relative;overflow:hidden;">
				 <a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">
					 <img alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" />
				 </a>
				 </div>
3. В шаблоне HTML найдите:
<div class="price">
			 <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
			 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
				 <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
				 <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
			 <div class="rating">
после него вставьте:
<div class="buy-item">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
					 <div>
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
					
					 <!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</button-->
					 <button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button><!-- /Похожий на текст кнопки купить/заказать -->
					 </div>
				 </form>
				 </div>

4. Приведите пожалуйста пример данного отображения(ссылка\скриншот).

#3 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 03 Сентябрь 2015 - 20:08

Просмотр сообщенияVaccina (03 Сентябрь 2015 - 05:40) писал:

4. Приведите пожалуйста пример данного отображения(ссылка\скриншот).

Большое спасибо, всё помогло. По поводу смещения товаров при разной длине названий пример ниже.
Безымянный.png

#4 Danil

Danil

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

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

Отправлено 03 Сентябрь 2015 - 20:33

Просмотр сообщенияConstantinRS (03 Сентябрь 2015 - 20:08) писал:

Большое спасибо, всё помогло. По поводу смещения товаров при разной длине названий пример ниже.
Прикрепленный файл Безымянный.png
Здравствуйте.
Попробуйте сделать следующее:
в style.css найдите код
.containers .items, .containers2 .items {
	display: inline-block;
	float: none !important;
	vertical-align: top;
	width: 170px !important;
}
и замените на
.containers .items, .containers2 .items {
	display: block !important;
	float: left !important;
	vertical-align: top;
	width: 170px !important;
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
}
.items.masonry-brick h3 {
	height: 51px;
}
.items.masonry-brick figure h4 {
	height: 54px;
}
В шаблоне html найдите код
<div style="width: 193px;position: relative;overflow:hidden;">
и замените на
<div style="width: 193px;position: relative;overflow:hidden;height:175px;">


#5 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 05 Сентябрь 2015 - 21:07

Просмотр сообщенияDanil (03 Сентябрь 2015 - 20:33) писал:

Здравствуйте.
Попробуйте сделать следующее:

Огромное спасибо, всё получилось )





Темы с аналогичным тегами каталог товаров, выравнивание товаров

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

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