Отключен JavaScript

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

1

Что Бы На Товаре Была Надпись Хит Товара

Автор denet, 04 окт. 2015 20:32

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

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

#1 denet

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

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

Отправлено 04 Октябрь 2015 - 20:32

Здравствуйте, мне надо что бы на товаре была надпись хит товара и было видно как и в категорий так и в карточке товара

Наверх

#2 Danil

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

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

Отправлено 05 Октябрь 2015 - 17:09

denet (04 Октябрь 2015 - 20:32) писал:

Здравствуйте, мне надо что бы на товаре была надпись хит товара и было видно как и в категорий так и в карточке товара

Здравствуйте.
В шаблоне Товар найдите строку

	  <!-- Большое изображение -->

и после нее вставьте

								  {% IF GOODS_IS_NEW %}
<div class="new_prod">NEW</div>
{% ELSEIF GOODS_IS_TOP %}
<div class="new_prod hit">HIT</div>
{% ENDIF %}
{% IF GOODS_MAX_DISCOUNT>0 %}
<div class="new_prod sale">SALE</div>
{% ENDIF %}

В style.css найдите код

.new_prod {
	background: #ff0000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 5px;
	position: absolute;
	top: 20px;
	right: -2px;
}

и замените на

.new_prod {
	background: #ff0000 !important;
	color: #fff;
	font-size: 14px;
	display: block !important;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 5px;
	position: absolute;
	width: auto !important;
	top: 0px;
	height: auto !important;
	right: 0px;
}

Наверх

#3 denet

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

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

Отправлено 05 Октябрь 2015 - 17:33

Danil (05 Октябрь 2015 - 17:09) писал:

Здравствуйте.
В шаблоне Товар найдите строку

 <!-- Большое изображение -->

и после нее вставьте

{% IF GOODS_IS_NEW %}
<div class="new_prod">NEW</div>
{% ELSEIF GOODS_IS_TOP %}
<div class="new_prod hit">HIT</div>
{% ENDIF %}
{% IF GOODS_MAX_DISCOUNT>0 %}
<div class="new_prod sale">SALE</div>
{% ENDIF %}

В style.css найдите код

.new_prod {
background: #ff0000;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 3px 5px;
position: absolute;
top: 20px;
right: -2px;
}

и замените на

.new_prod {
background: #ff0000 !important;
color: #fff;
font-size: 14px;
display: block !important;
font-weight: bold;
text-transform: uppercase;
padding: 3px 5px;
position: absolute;
width: auto !important;
top: 0px;
height: auto !important;
right: 0px;
}

ничего не поменялось не какой надписи нету

Наверх

#4 Danil

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

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

Отправлено 05 Октябрь 2015 - 17:35

denet (05 Октябрь 2015 - 17:33) писал:

ничего не поменялось не какой надписи нету

На данный момент изменения отсутствуют, произведите их и отпишитесь, для дальнейших инструкций.

Наверх

#5 denet

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

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

Отправлено 05 Октябрь 2015 - 17:41

Danil (05 Октябрь 2015 - 17:35) писал:

На данный момент изменения отсутствуют, произведите их и отпишитесь, для дальнейших инструкций.

всё сделал как написано и код не удалял

Наверх

#6 Danil

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

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

Отправлено 05 Октябрь 2015 - 17:45

denet (05 Октябрь 2015 - 17:41) писал:

всё сделал как написано и код не удалял

В style.css найдите код

.product_img_wrapper {
	float: left;
	width: 280px;
}

и замените на

.new_prod {
	z-index: 1;
}
.product_img_wrapper {
	float: left;
	width: 280px;
	position: relative;
}

Наверх

#7 denet

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

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

Отправлено 05 Октябрь 2015 - 18:19

Danil (05 Октябрь 2015 - 17:45) писал:

В style.css найдите код

.product_img_wrapper {
float: left;
width: 280px;
}

и замените на

.new_prod {
z-index: 1;
}
.product_img_wrapper {
float: left;
width: 280px;
position: relative;
}

да он работает но в категории когда смотришь товары не видно что хит

Наверх

#8 Danil

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

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

Отправлено 05 Октябрь 2015 - 18:25

denet (05 Октябрь 2015 - 18:19) писал:

да он работает но в категории когда смотришь товары не видно что хит

Если зайти в категорию "ВИД-РЫ С АНТИРАДАРОМ (2 В 1)", то можно увидеть, что у первого товара, есть значок HIT.

Наверх

#9 denet

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

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

Отправлено 07 Октябрь 2015 - 23:27

Danil (05 Октябрь 2015 - 18:25) писал:

Если зайти в категорию "ВИД-РЫ С АНТИРАДАРОМ (2 В 1)", то можно увидеть, что у первого товара, есть значок HIT.

не на одном товаре я этого не увидел, полностью чистил браузер и в других смотрел, где вы увидели я без понятия

Наверх

#10 Vaccina

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

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

Отправлено 08 Октябрь 2015 - 02:24

У вас реализовано в карточке товара:

Наверх

#11 denet

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

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

Отправлено 08 Октябрь 2015 - 13:47

Vaccina (08 Октябрь 2015 - 02:24) писал:

У вас реализовано в карточке товара:
Прикрепленный файл

123.jpg

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

Наверх

#12 Danil

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

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

Отправлено 08 Октябрь 2015 - 13:51

denet (08 Октябрь 2015 - 13:47) писал:

я написал же, что бы не только в карточке товара было видно что хит и т.д ну и в списке товаров вот здесь Прикрепленный файл

Снимок.PNG

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

 <div class="prod_image goods-cat-image-medium-square">
					{% IF user_agent_ie7 %}
					  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
						<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> 
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
						<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					  </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=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					  </a>
					{% ENDIF %} 
				  </div>

и замените на


 <div class="prod_image goods-cat-image-medium-square">
					{% IF user_agent_ie7 %}
					  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
						<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> 
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
						<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					  </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=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					  </a>
					{% ENDIF %} 
									{%IF goods.IS_NEW %}
<div class="new_prod">NEW</div>
{%ELSEIF goods.IS_TOP%}
<div class="new_prod hit">HIT</div>
{% ENDIF %}
{%IF goods.MAX_DISCOUNT>0 %}
<div class="new_prod sale">SALE</div>
{% ENDIF %}
				  </div>

В main.css найдите

.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

и замените на

.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {
	display: table-cell;
	vertical-align: top;
	position: relative;
	text-align: center;
}

Наверх

#13 denet

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

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

Отправлено 09 Октябрь 2015 - 16:28

Danil (08 Октябрь 2015 - 13:51) писал:

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

<div class="prod_image goods-cat-image-medium-square">
{% IF user_agent_ie7 %}
<a href="{goods.URL | url_amp}" title="{goods.NAME}">
<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
{% ELSEIF user_agent_ie8 %}
<a href="{goods.URL | url_amp}" title="{goods.NAME}">
<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
</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=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
{% ENDIF %}
</div>

и замените на


<div class="prod_image goods-cat-image-medium-square">
{% IF user_agent_ie7 %}
<a href="{goods.URL | url_amp}" title="{goods.NAME}">
<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
{% ELSEIF user_agent_ie8 %}
<a href="{goods.URL | url_amp}" title="{goods.NAME}">
<img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
</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=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
{% ENDIF %}
{%IF goods.IS_NEW %}
<div class="new_prod">NEW</div>
{%ELSEIF goods.IS_TOP%}
<div class="new_prod hit">HIT</div>
{% ENDIF %}
{%IF goods.MAX_DISCOUNT>0 %}
<div class="new_prod sale">SALE</div>
{% ENDIF %}
</div>

В main.css найдите

.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {
display: table-cell;
vertical-align: top;
text-align: center;
}

и замените на

.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {
display: table-cell;
vertical-align: top;
position: relative;
text-align: center;
}

работает как надо, спасибо