Отключен JavaScript

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

0

Как Изменить Стиль Фильтра По Цене

Автор 2308el, 27 авг. 2016 11:52

Вперед

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

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

#1 2308el

Пользователь

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

Отправлено 27 Август 2016 - 11:52

Добрый день! Подскажите где и как поменять шрифт, цвет шрифта и положение заголовка "Цена"

Наверх

#2 RayLi

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

Модераторы
2 864 сообщений

Отправлено 27 Август 2016 - 12:40

2308el (27 Август 2016 - 11:52) писал:

Добрый день! Подскажите где и как поменять шрифт, цвет шрифта и положение заголовка "Цена" Прикрепленный файл

цена.PNG

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

li.goods_filters h2 {
	color: #b41e84;
	font-size: 17px;
	margin-left: 10px;
}

Где в строке:
    color: #b41e84; - вы можете изменить цвет текста;
    font-size: 17px; - вы можете изменить размер текста;
    margin-left: 10px; - вы можете изменить положение текста в горизонтальной плоскости;

Проверьте, пожалуйста.

Наверх

#3 2308el

Пользователь

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

Отправлено 27 Август 2016 - 15:37

Спасибо, получилось. А как точку убрать? (маркеровку списка)

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

Наверх

#4 MikDark

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

Модераторы
6 468 сообщений

Отправлено 27 Август 2016 - 16:35

2308el (27 Август 2016 - 15:37) писал:

Спасибо, получилось. А как точку убрать? (маркеровку списка)

Здравствуйте. Попробуйте в шаблоне HTML найти код:

<li class="goods_filters"><br /><h2>Цена</h2>
<ul>
<div class="contentTbodySearchPriceFilterBlock cornerAll">
<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
<div id="goods-filter-price-slider"></div>
<div class="goodsFilterPriceInfo">
от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
</div>
<div class="goodsFilterPriceSubmit">
<input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:12px;" />
</div>
</div>
</ul>
</li>

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

<br /><h2>Цена</h2>
<ul>
<div class="contentTbodySearchPriceFilterBlock cornerAll">
<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
<div id="goods-filter-price-slider"></div>
<div class="goodsFilterPriceInfo">
от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
</div>
<div class="goodsFilterPriceSubmit">
<input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:12px;" />
</div>
</div>
</ul>

Наверх

#5 2308el

Пользователь

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

Отправлено 28 Август 2016 - 16:23

точка убирается, но при этом предыдущие настройки стиля все сбиваются!

Наверх

#6 Danil

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

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

Отправлено 28 Август 2016 - 16:40

2308el (28 Август 2016 - 16:23) писал:

точка убирается, но при этом предыдущие настройки стиля все сбиваются!

Здравствуйте.
Изменения Вам произвел, проверьте.

Наверх

#7 2308el

Пользователь

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

Отправлено 28 Август 2016 - 17:50

Danil (28 Август 2016 - 16:40) писал:

Здравствуйте.
Изменения Вам произвел, проверьте.

спасибо! все окей!

Наверх

#8 2308el

Пользователь

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

Отправлено 28 Август 2016 - 18:36

Danil (28 Август 2016 - 16:40) писал:

Здравствуйте.
Изменения Вам произвел, проверьте.

Подскажите, а можно сделать так, чтобы при раскладке товара таблицей под изображением отображалось краткое описание товара? Очень нужно!

Наверх

#9 RayLi

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

Модераторы
2 864 сообщений

Отправлено 28 Август 2016 - 18:46

2308el (28 Август 2016 - 18:36) писал:

Подскажите, а можно сделать так, чтобы при раскладке товара таблицей под изображением отображалось краткое описание товара? Очень нужно!

Здравствуйте.
Если я вас правильно понял, о попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне Товары найдите, пожалуйста, данный код:

				<div class="goodsListItemPriceOld">
				  {% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
					<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
					<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
				  {% ENDIF %} 

			</td>
			{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		  {% ENDFOR %}
		</tr>
	  </table>
	<!-- /Список товаров. Таблица -->

И замените его вот этим вот кодом:

				<div class="goodsListItemPriceOld">
				  {% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
					<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
					<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
				  {% ENDIF %} 
				
			</td>
			{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		  {% ENDFOR %}
		  {% IF GOODS_DESCRIPTION_SHORT %}
		   <p style="padding-top:1em;" itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
		  {% ENDIF %}
		</tr>
	  </table>
	<!-- /Список товаров. Таблица -->

Наверх

#10 2308el

Пользователь

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

Отправлено 28 Август 2016 - 19:35

RayLi (28 Август 2016 - 18:46) писал:

Здравствуйте.
Если я вас правильно понял, о попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне Товары найдите, пожалуйста, данный код:

<div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}

</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

И замените его вот этим вот кодом:

<div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}

</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
{% IF GOODS_DESCRIPTION_SHORT %}
<p style="padding-top:1em;" itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
{% ENDIF %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

Ничего не произошло!

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

пока оно совсем не отображается...

Наверх

#11 RayLi

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

Модераторы
2 864 сообщений

Отправлено 28 Август 2016 - 19:41

2308el (28 Август 2016 - 19:35) писал:

FullSizeRender.jpg

Ничего не произошло!
Прикрепленный файл

FullSizeRender.jpg
нужно, чтобы краткое описание товара было под изображением....

пока оно совсем не отображается...

Тогда произведите, пожалуйста, ещё некоторые изменения:
В том же шаблоне Товары найдите снова тот же код:

<div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}

</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
{% IF GOODS_DESCRIPTION_SHORT %}
<p style="padding-top:1em;" itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
{% ENDIF %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

И замените его вот этим вот кодом:

<div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}

</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
{% IF goods.DESCRIPTION_SHORT %}
<p style="padding-top:1em;" itemprop="description">{goods.DESCRIPTION_SHORT}</p>
{% ENDIF %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

Наверх

#12 2308el

Пользователь

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

Отправлено 28 Август 2016 - 20:36

RayLi (28 Август 2016 - 19:41) писал:

Тогда произведите, пожалуйста, ещё некоторые изменения:
В том же шаблоне Товары найдите снова тот же код:

<div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}

</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
{% IF GOODS_DESCRIPTION_SHORT %}
<p style="padding-top:1em;" itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
{% ENDIF %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

И замените его вот этим вот кодом:

<div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}

</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
{% IF goods.DESCRIPTION_SHORT %}
<p style="padding-top:1em;" itemprop="description">{goods.DESCRIPTION_SHORT}</p>
{% ENDIF %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

Ничего не происходит! Краткое описание не выводит!

Может можно сделать так, чтобы там отображалась модификация?

Наверх

#13 2308el

Пользователь

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

Отправлено 29 Август 2016 - 18:15

Вопрос о отображении краткого описания товара в раскладке таблицей остался открытым!!!! Помогите настроить!

Наверх

#14 Vaccina

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

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

Отправлено 30 Август 2016 - 02:16

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

<!-- Список товаров. Таблица -->
	 <table>
	 <tr>
		 {% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder1 cornerAll"><div style = "margin-top: 5px;height:40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" style="font-size:12px; color: #777;">{goods.NAME}</a></div>
			 <table class="goodsListItemImage">
				 <tr>
				 <td>
					 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				 </td>
				 </tr>
			 </table>
			
			
			 <div class="goodsListItemPriceNew">
				 <div style=" margin-left:10px;float:left; width:23px;">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm">
					 <p>
					 <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.MAX_PRICE_NOW_ID}" />
					 <a onclick="$('#goodsListFormId{goods.MAX_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.MAX_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"><img class="t-kart-img" src="{ASSETS_IMAGES_PATH}karz.png" /></a>
					 </p>
				 </form>
				 </div>
				 <div class="cena_holder" style=" margin-top: 5px; float:right; background: url({ASSETS_IMAGES_PATH}cena.png); width:90px; height:28px;">
				 <div style="margin-top:3px;" class="cena">
				 &nbsp;&nbsp;&nbsp;<a href="{goods.URL_MAX_PRICE_NOW}">{goods.MAX_PRICE_NOW | money_format}</a>
				 </div>
				 </div>
			 </div>
			 <div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}
</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
{% IF goods.DESCRIPTION_SHORT %}
<p style="padding-top:1em;" itemprop="description">{goods.DESCRIPTION_SHORT}</p>
{% ENDIF %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

замените на:

<!-- Список товаров. Таблица -->
	 <table>
	 <tr>
		 {% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder1 cornerAll"><div style = "margin-top: 5px;height:40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" style="font-size:12px; color: #777;">{goods.NAME}</a></div>
			 <table class="goodsListItemImage">
				 <tr>
				 <td>
					 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				 </td>
				 </tr>
			 </table>

<p class="description">{goods.DESCRIPTION_SHORT}</p>

<div class="mods">
	 {% FOR mods %}
					 {% FOR v %}
						 <div>
	 {goods.mods.v.NAME}: {goods.mods.v.VALUE}
						 </div>
					 {% ENDFOR %}
				 {% ENDFOR %}
</div>
			
			
			 <div class="goodsListItemPriceNew">
				 <div style=" margin-left:10px;float:left; width:23px;">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm">
					 <p>
					 <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.MAX_PRICE_NOW_ID}" />
					 <a onclick="$('#goodsListFormId{goods.MAX_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.MAX_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"><img class="t-kart-img" src="{ASSETS_IMAGES_PATH}karz.png" /></a>
					 </p>
				 </form>
				 </div>
				 <div class="cena_holder" style=" margin-top: 5px; float:right; background: url({ASSETS_IMAGES_PATH}cena.png); width:90px; height:28px;">
				 <div style="margin-top:3px;" class="cena">
				 &nbsp;&nbsp;&nbsp;<a href="{goods.URL_MAX_PRICE_NOW}">{goods.MAX_PRICE_NOW | money_format}</a>
				 </div>
				 </div>
			 </div>
			 <div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}
</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

В main.css найдите:

.goodsListItemBlock				 {height:317px;width:213px;margin:5px;overflow:hidden; background: url('{ASSETS_IMAGES_PATH}fontov.jpg');}

замените на:

.goodsListItemBlock				 {height:400px;width:213px;margin:5px;overflow:hidden; background: url('{ASSETS_IMAGES_PATH}fontov.jpg');background-size: cover;}
.goodsListItemBlock .description {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
	height: 30px;
}
.goodsListItemBlock .mods {
height: 47px;
overflow: hidden;
text-align: left;
padding: 0 10px;
}
.goodsListItemBlock .mods div {
font-size: 12px;
color: #999;
}

Результат:

Наверх

#15 2308el

Пользователь

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

Отправлено 31 Август 2016 - 00:59

Vaccina (30 Август 2016 - 02:16) писал:

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

<!-- Список товаров. Таблица -->
	 <table>
	 <tr>
		 {% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder1 cornerAll"><div style = "margin-top: 5px;height:40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" style="font-size:12px; color: #777;">{goods.NAME}</a></div>
			 <table class="goodsListItemImage">
				 <tr>
				 <td>
					 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				 </td>
				 </tr>
			 </table>
			
			
			 <div class="goodsListItemPriceNew">
				 <div style=" margin-left:10px;float:left; width:23px;">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm">
					 <p>
					 <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.MAX_PRICE_NOW_ID}" />
					 <a onclick="$('#goodsListFormId{goods.MAX_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.MAX_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"><img class="t-kart-img" src="{ASSETS_IMAGES_PATH}karz.png" /></a>
					 </p>
				 </form>
				 </div>
				 <div class="cena_holder" style=" margin-top: 5px; float:right; background: url({ASSETS_IMAGES_PATH}cena.png); width:90px; height:28px;">
				 <div style="margin-top:3px;" class="cena">
				 &nbsp;&nbsp;&nbsp;<a href="{goods.URL_MAX_PRICE_NOW}">{goods.MAX_PRICE_NOW | money_format}</a>
				 </div>
				 </div>
			 </div>
			 <div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}
</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
{% IF goods.DESCRIPTION_SHORT %}
<p style="padding-top:1em;" itemprop="description">{goods.DESCRIPTION_SHORT}</p>
{% ENDIF %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

замените на:

<!-- Список товаров. Таблица -->
	 <table>
	 <tr>
		 {% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder1 cornerAll"><div style = "margin-top: 5px;height:40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" style="font-size:12px; color: #777;">{goods.NAME}</a></div>
			 <table class="goodsListItemImage">
				 <tr>
				 <td>
					 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				 </td>
				 </tr>
			 </table>

<p class="description">{goods.DESCRIPTION_SHORT}</p>

<div class="mods">
	 {% FOR mods %}
					 {% FOR v %}
						 <div>
	 {goods.mods.v.NAME}: {goods.mods.v.VALUE}
						 </div>
					 {% ENDFOR %}
				 {% ENDFOR %}
</div>
			
			
			 <div class="goodsListItemPriceNew">
				 <div style=" margin-left:10px;float:left; width:23px;">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm">
					 <p>
					 <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.MAX_PRICE_NOW_ID}" />
					 <a onclick="$('#goodsListFormId{goods.MAX_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.MAX_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"><img class="t-kart-img" src="{ASSETS_IMAGES_PATH}karz.png" /></a>
					 </p>
				 </form>
				 </div>
				 <div class="cena_holder" style=" margin-top: 5px; float:right; background: url({ASSETS_IMAGES_PATH}cena.png); width:90px; height:28px;">
				 <div style="margin-top:3px;" class="cena">
				 &nbsp;&nbsp;&nbsp;<a href="{goods.URL_MAX_PRICE_NOW}">{goods.MAX_PRICE_NOW | money_format}</a>
				 </div>
				 </div>
			 </div>
			 <div class="goodsListItemPriceOld">
{% IF goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>goods.MAX_PRICE_NOW %}
<a href="{goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MAX_PRICE_OLD>goods.MAX_PRICE_NOW %}
<div style=" margin-top: 9px; "><a href="{goods.URL_MAX_PRICE_OLD}" class="lineThrough">{goods.MAX_PRICE_OLD | money_format}</a></div>
{% ENDIF %}
</td>
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table>
<!-- /Список товаров. Таблица -->

В main.css найдите:

.goodsListItemBlock				 {height:317px;width:213px;margin:5px;overflow:hidden; background: url('{ASSETS_IMAGES_PATH}fontov.jpg');}

замените на:

.goodsListItemBlock				 {height:400px;width:213px;margin:5px;overflow:hidden; background: url('{ASSETS_IMAGES_PATH}fontov.jpg');background-size: cover;}
.goodsListItemBlock .description {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
height: 30px;
}
.goodsListItemBlock .mods {
height: 47px;
overflow: hidden;
text-align: left;
padding: 0 10px;
}
.goodsListItemBlock .mods div {
font-size: 12px;
color: #999;
}

Результат:
Прикрепленный файл

123.jpg

Низкий поклон! Все получилось! вывелось и краткое описание и модификации! Единственное, выводит 3 модификации, а 4я не полностью... Как поправить, чтобы выводились все? А краткое описание тогда можно убрать.

Наверх

#16 Vaccina

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

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

Отправлено 31 Август 2016 - 01:29

Чтобы убрать краткое описание в шаблоне Товары найдите и удалите:

<p class="description">{goods.DESCRIPTION_SHORT}</p>

В main.css найдите:

.goodsListItemBlock .description {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
height: 30px;
}
.goodsListItemBlock .mods {
height: 47px;
overflow: hidden;
text-align: left;
padding: 0 10px;
}

замените на:

.goodsListItemBlock .mods {
height: 65px;
overflow: hidden;
text-align: left;
padding: 0 10px;
}

Наверх

#17 2308el

Пользователь

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

Отправлено 05 Сентябрь 2016 - 17:12

RayLi (27 Август 2016 - 12:40) писал:

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

li.goods_filters h2 {
color: #b41e84;
font-size: 17px;
margin-left: 10px;
}

Где в строке:
color: #b41e84; - вы можете изменить цвет текста;
font-size: 17px; - вы можете изменить размер текста;
margin-left: 10px; - вы можете изменить положение текста в горизонтальной плоскости;

Проверьте, пожалуйста.

Добрый день! Поменяла раскладку фильтра, теперь нужно поменять стиль фильтра по параметрам.. Подскажите как???

Наверх

#18 RayLi

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

Модераторы
2 864 сообщений

Отправлено 05 Сентябрь 2016 - 17:38

2308el (05 Сентябрь 2016 - 17:12) писал:

Добрый день! Поменяла раскладку фильтра, теперь нужно поменять стиль фильтра по параметрам.. Подскажите как??? Прикрепленный файл

FullSizeRender (2).jpg

Здравствуйте.
Уточните, пожалуйста, в каком конкретном каталоге вашего интернет-магазина у вас установлены данные фильтры, так как сейчас их не получается у вас найти.
Спасибо.

Наверх

#19 2308el

Пользователь

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

Отправлено 05 Сентябрь 2016 - 17:43

RayLi (05 Сентябрь 2016 - 17:38) писал:

Здравствуйте.
Уточните, пожалуйста, в каком конкретном каталоге вашего интернет-магазина у вас установлены данные фильтры, так как сейчас их не получается у вас найти.
Спасибо.

http://sss-sport.ru/...ozhku-dlja-doma

Наверх

#20 2308el

Пользователь

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

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

RayLi (05 Сентябрь 2016 - 17:38) писал:

Здравствуйте.
Уточните, пожалуйста, в каком конкретном каталоге вашего интернет-магазина у вас установлены данные фильтры, так как сейчас их не получается у вас найти.
Спасибо.

кардиотренажеры-беговые дорожки- дорожки для дома