Отключен JavaScript

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

1

Помощь В Редактировании Шапки Сайта

Автор yokoshop, 18 февр. 2019 01:23

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

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

#1 yokoshop

Новичок

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

Отправлено 18 Февраль 2019 - 01:23

Добрый вечер.

1.Надо на самом верху вставит полоску цвета #038fb3 с надписью белым жирным цветом "бесплатная доставка при заказе от 5000 руб."
Пример во вложении.

2. Надо убрать разрыв между меню и товарной сеткой (отметила на рисунке цифрой 2);

3. Так же можно ли поднять меню, чтобы оно находилось справа от логотипа, как на первом рисунке?
4. И как сделан белый фон товарной карточки?

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

Наверх

#2 Vaccina

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

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

Отправлено 19 Февраль 2019 - 08:05

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

				<div class="header-inner">
					<!-- Блок навигации -->
					{% IFNOT menu_empty %}
						<nav class="head">
							<ul class="head">

перед ним вставьте:

<div class="free_del">Бесплатная доставка при заказе от 5000 руб.</div>

далее зайдите в main.css - найдите:

nav.head {
	max-width: 100%;
	overflow: hidden;
}

перед ним вставьте:

.free_del {background: #038fb3;padding: 5px;color: #ffffff;text-align: center;font-size: 16px;}

Разрыв связан с отсутствием заголовка на данной странице(должен быть "Каталог"), зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

				<header>
					<h1>{% IF CATEGORY_NAME=Каталог товаров %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
				</header>

замените на:

				<header>
					<h1>{% IF index_page %}Каталог товаров{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1>
				</header>

Зайдите раздел Сайт - Редактор шаблонов - HTML - найдите:

						<div class="logoblock-left"><div title="{SETTINGS_STORE_NAME}"><a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></div></div>
						<div class="logoblock-center">
							
						</div>
						<div class="logoblock-right">
							
						</div>
					</div>
				</div>
			</div>
		</header>
		<section>
			<div class="section-container">
				<div class="sectionblock-inner-header">
					<div class="catalogAdnCartCenter">
						<!-- Каталог товаров -->
						<nav class="sectionblock-container conta">
							{%IFNOT catalog_full_empty%}
								{%FOR catalog_full%}
								{% IF catalog_full.FIRST %}
								<ul {% IF catalog_full.LEVEL = 0 %}class="navSelect menuResp nav myhidden"{% ENDIF %}>
									{% IF catalog_full.LEVEL = 0 %}<li class="conta-one "><a href="/catalog">Каталог товаров</a></li>{% ENDIF %}
								{% ENDIF %}
									<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
										<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active selected"{% ENDIF %}>{catalog_full.NAME}</a>
										{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
									{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
								{%ENDFOR%}
							{%ENDIF%}
						</nav>
						<!-- /Каталог товаров -->

						
					</div>
				</div>
				<div class="sectionblock-inner-content">

замените на:

						<div class="logoblock-left"><div title="{SETTINGS_STORE_NAME}"><a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></div></div>
						<div class="logoblock-center">
						<!-- Каталог товаров -->
						<nav class="sectionblock-container conta">
							{%IFNOT catalog_full_empty%}
								{%FOR catalog_full%}
								{% IF catalog_full.FIRST %}
								<ul {% IF catalog_full.LEVEL = 0 %}class="navSelect menuResp nav myhidden"{% ENDIF %}>
									{% IF catalog_full.LEVEL = 0 %}<li class="conta-one "><a href="/catalog">Каталог товаров</a></li>{% ENDIF %}
								{% ENDIF %}
									<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
										<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active selected"{% ENDIF %}>{catalog_full.NAME}</a>
										{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
									{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
								{%ENDFOR%}
							{%ENDIF%}
						</nav>
						<!-- /Каталог товаров -->							
						</div>
					</div>
				</div>
			</div>
		</header>
		<section>
			<div class="section-container">
				<div class="sectionblock-inner-content">

далее зайдите в main.css - найдите:

.logoblock-left,.logoblock-center,.logoblock-right {
	position: relative;
	display: inline-block;
	float: left;
	width: 33.333333333%;
	height: 100%
}
.logoblock-left {
	display: inline-block;
	float: left;
	border: 1px solid white;
}
.logoblock-right {
	padding-top: 1%;
	padding-right: .8%
}

замените на:

.logoblock-left,.logoblock-center,.logoblock-right {
	position: relative;
	display: inline-block;
	height: 100%
}
.logoblock-left {
	border: 1px solid white;
	width: 13.333333333%;
}
.logoblock-center {
	width: 85.666666%;
}
.logoblock-right {
	display: none;
}

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

.goodsTableTovar {
	border: 1px solid #E2E2E2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #F7F7F7;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

замените на:

.goodsTableTovar {
	border: 1px solid #E2E2E2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

Наверх

#3 yokoshop

Новичок

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

Отправлено 20 Февраль 2019 - 01:00

Супер)) Спасибо Большое.

Помогите, плиз, еще множко/немножко)))

1.)
1. Корзина почему-то стала плохо реагировать на нажатие, приходится щелкать по три раза, чтобы открылась. Посмотрите, плиз, в чем беда.
2. Можно ли поменять местами поиск и корзину? Чтобы сначало шел Поиск, потом (если так можно) сердечко Избранное, а потом корзина.  И выровнять их, а то "пляшут"
2) Текст меню выровнять в ширину и высоту, и добавить кнопки соц сетей (ВК, Инста) после раздела Бренды
3) Можно ли уменьшить ширину серой полосы с надписью Каталог товаров и сделать ее белую?
4) Поменять серый фон карточек товара из раздела  "Недавно просмотренные товары"
5) и вопрос: можно ли сделать карточку товара  "снаружи" и "внутри" как в шаблоне Детский?

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

Наверх

#4 Vaccina

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

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

Отправлено 21 Февраль 2019 - 06:20

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

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<!-- блок корзины на главной -->
						<div class="cart">
							<div class="cartBtn" title="Перейти в корзину">
								<div class="cartNameBtn1">Корзина</div>
								<div class="cartImg"></div>
								<a class="countTovars" href="{CART_URL}" data-count="{CART_COUNT_TOTAL}">
									{% IF cart_count_empty %}
										<span class="red">0</span> <em class="countNameTovars"> товаров</em>
									{% ELSE %}
										<span>{CART_COUNT_TOTAL}</span> <em class="countNameTovars"> товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</em>
									{% ENDIF %}
								</a>
							</div>
							<div class="listCart" data-url="{HTTP_HOST}">
								<dl class="products">
									{% FOR cart_items %}
										<dt class="cart_block_product_{cart_items.GOODS_ID} item" >
											<div class="cartImgBlock">
												<a href="{cart_items.GOODS_URL}" title="Перейти на страницу &laquo;{cart_items.GOODS_NAME}&raquo; ">
													<img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=snow{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}">
												</a>
											</div>
											<div class="cartNameBlock">
												<h5>
													<a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>
												</h5>
												<div class="cartPriceBlock black">
													{cart_items.GOODS_MOD_PRICE_NOW | money_format}
												</div>
											</div>
											<div class="cartDeleteBlock">
												<div class="cartCountBlock">
													{cart_items.ORDER_LINE_QUANTITY}
													<span>{cart_items.GOODS_MOD_MEASURE_NAME}</span>
												</div>
												<a class="ajaxCartBlockRemoveLink btn" data-count="{cart_items.ORDER_LINE_QUANTITY}" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Убрать товар из корзины"></a>
											</div>
										</dt>
									{% ENDFOR %}
									<!-- Скидки, действующие на заказ -->
									{% FOR cart_discount %}
										{% IF cart_discount.DISCOUNT_IS_ENABLED %}
											<dt id="skidka">
												<div class="cartImgBlock">
													<a href="#" title="Скидка &laquo;{cart_discount.DISCOUNT_NAME}&raquo; ">
														<img src="{ASSETS_IMAGES_PATH}Discount-black.png?design=snow" alt="{cart_discount.DISCOUNT_NAME}">
													</a>
												</div>
												<div class="cartNameBlock">
													<h5>
														<a href="#">{cart_discount.DISCOUNT_NAME}</a>
													</h5>
													<div class="cartPriceBlock black">
														{% IF cart_discount.IS_PERCENT %}
														  {cart_discount.DISCOUNT_VALUE}%
														{% ELSE %}
														  {cart_discount.DISCOUNT_VALUE | money_format}
														{% ENDIF %}
													</div>
												</div>
											</dt>
										{% ENDIF %}
									{% ENDFOR %}
									<!-- END Скидки, действующие на заказ -->

									{% FOR cart_sum %}
										<dt id="cartPrices">
											<div class="cartPricingBlock">
												<span>Итого</span>
												<span id="cart_block_total" class="price ajaxBlockArtTotal">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
											</div>
										</dt>
									{% ENDFOR %}
									{% IF CART_COUNT_TOTAL %}
										<dt class="toOformZakazCart">
											<a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a>
										</dt>
									{% ELSE %}
										<dt class="cartClear">Корзина пуста!</dt>
									{% ENDIF %}
								</dl>
							</div>
							<div class="newCountTovars" style="display:none">{CART_COUNT_TOTAL}</div>
						</div>

перенесите его поставив после:

					<!-- Блок навигации -->
					{% IFNOT menu_empty %}
						<nav class="head">
							<ul class="head">
								{% FOR menu %}
									{% FOR header %}
										{% FOR links %}
											<li>
												<a href="{menu.header.links.URL}"  {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
											</li>
										{% ENDFOR %}
									{% ENDFOR %}
								{% ENDFOR %}
							</ul>
							<a href="#" class="pull">Меню</a><!-- Появляется только при маленьких разрешениях экрана -->

далее зайдите в main.css - найдите:

nav.head {
	max-width: 100%;
	overflow: hidden;
}

замените на:

nav.head {max-width: 100%;}

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

.header-inner,.footer-inner-header,.sectionblock-inner-header,.inner-center {
	position: relative;
	z-index: 4;
	float: left;
	clear: both;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

замените на:

.header-inner,.footer-inner-header,.sectionblock-inner-header,.inner-center {
	position: relative;
	z-index: 4;
	float: left;
	clear: both;
	width: 100%;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

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

.cart {
	position: relative;
	display: block;
	float: right;
	width: 11.1%;
	text-align: right;
	z-index: 999;
	height: 100%;
	min-width: 130px;
	padding-right:0.6em;
}

замените на:

.cart {
	position: relative;
	display: block;
	float: right;
	width: 11.1%;
	text-align: right;
	z-index: 999;
	height: 34px;
	min-width: 130px;
	padding-right:0.6em;
	margin-top: 1px;
}

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

.searchForm {
	display: block;
		height: 100%;
		position: relative;
		text-align: right;
		float: right;
		width: 250px;
}

замените на:

.searchForm {
	display: block;
		height: 100%;
		position: relative;
		text-align: right;
		float: right;
		width: 250px;
	margin-top: 4px;
}

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

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.body-content-top {
	left: 0;
	width: 100%;
	height: 98px;
	margin-top: -1px;
	border: 0;
	border-bottom: 1px solid #dbdbdb;
	background: #f7f7f7;
	margin-bottom: 15px;
}

замените на:

.body-content-top {
	left: 0;
	width: 100%;
	height: 68px;
	margin-top: -1px;
	border: 0;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 15px;
}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.recentlyProductsList .item {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 118px;
	margin: .5em 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #f7f7f7;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

замените на:

.recentlyProductsList .item {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 118px;
	margin: .5em 0;
}

5. Речь идет о добавлении кнопок "Добавить в расвнение\избранное"?

Наверх

#5 yokoshop

Новичок

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

Отправлено 21 Февраль 2019 - 19:01

1. Верхний блок там где идет логотип, далее Новинки , очищение и т.д. выровнять по ширине и высоте, чтобы заголовки не выглядели "забитыми в угол". Прикрепляю скрин раздела и образец, как хотелось бы видеть этот. И добавить кнопки соц. сетей в конце

2. По поводу карточки товара: хотелось бы поменять полностью внешний вид и внутренний. Чтобы выглядело как в шаблоне Детский. Примеры прилагаю. Возможно ли это?

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

Наверх

#6 yokoshop

Новичок

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

Отправлено 26 Февраль 2019 - 21:16

Вопросы еще актуальны))

Наверх

#7 Vaccina

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

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

Отправлено 06 Март 2019 - 05:19

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

Простите за ожидание, объем работы великоват, будет работать поэтапно. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.logoblock-left,.logoblock-center,.logoblock-right {
		position: relative;
		display: inline-block;
		height: 100%
}

замените на:

.logoblock-left,.logoblock-center,.logoblock-right {
		position: relative;
		display: inline-block;
		height: 100%;
		vertical-align: middle;
}

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

						<!-- Если отображаем товары таблицей -->
						<div class="goods-table">
							<!-- Проходим по массиву товаров -->
							{% FOR goods %}
								<figure class="tabl">
									<div class="goodsTableTovar">
										<div class="goodsTableTopBlock">
											<div class="goodsTableImg">
												<div class="catalog-gallery-img">
													{% FOR images %}
														{% IF goods.images.first %}
															<a class="menu-item-icon" target="_blank" href="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=snow{% ELSE %}{goods.images.LARGE}{% ENDIF %}">
																<div class="zoom">
																</div>
															</a>
														{% ELSE %}
															<a itemprop="image" href="{goods.images.LARGE}"  target="_blank" title="{goods.images.NAME}"></a>
														{% ENDIF %}
													{% ENDFOR images %}
												</div>
												<a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=snow{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a>
											</div>
											<div class="goodsTableButton">
												<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
												{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE==0 %}
													<div class="tovar-available">
														<span rel="false" class="catalog-available-false" >
															<div class="stikno">Товара нет в наличии</div>
														</span>
													</div>
												{%ELSE%}
													<!-- форма добавления в корзину -->
													<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
														<div class="btnToCart">
															<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="btn toCart btn-big" onclick="addItem('#goodsListFormId{goods.MIN_PRICE_NOW_ID}');
																	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; в корзину">
																В корзину
																<span class="basket_add"></span>
															</a>
														</div>
														<div class="numeric big-numeric">
															<input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="9999" step="1" value="1" title="Количество">
														</div>
													</form>
													<!-- END форма добавления в корзину -->
												{% ENDIF %}
											</div>
										</div>
										<div class="goodsTableBottomBlock">
											<h3 class="goodsTableName">
												<a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a>
											</h3>
											<div class="goodsTablePrices">
												<div class="prices">
													<ul class="cost">
														<!-- Старая цена -->
														{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
															<li class="last">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</li>
														{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
															<li class="last">{goods.MIN_PRICE_OLD | money_format}</li>
														{% ENDIF %}
														<!-- END Старая цена -->
														<li class="minPrice">{goods.MIN_PRICE_NOW | money_format}</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</figure>
							{% ENDFOR goods %}
							<!-- Проходим по массиву товаров -->

замените на:

		<!-- Вывод товаров ТАБЛИЦЕЙ -->
		<div class="products-grid row">
		  {% FOR goods %}
			<div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}">
			  <div class="item-inner" itemscope itemtype="[url="https://schema.org/Product%22>"]https://schema.org/Product">[/url]
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
				  <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="product-image">
					<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img">
					  <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
					</a>
					{% IF goods.IS_NEW %}
					  <span class="ico-new">New</span>
					{% ELSEIF goods.IS_TOP %}
					  <span class="ico-best">Hit</span>
					{% ENDIF %}
					{% IF goods.MAX_DISCOUNT %}
					  <span class="ico-sale">Sale</span>
					{% ENDIF %}
					<div class="actions">
					  <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a>
					  <!-- Добавление товара в корзину -->
					  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
						<div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div>
					  {% ELSE %}
						<!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" 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}"><span>В корзину</span></a-->
						<a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" 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}"><span>В корзину</span></a>
					  {% ENDIF %}
					  <!-- /END Добавление товара в корзину -->
					  <div class="ratings">
						<a href="{goods.URL | url_amp}" title="Перейти к отзывам">
						  <div class="rating-box">
						   {% IF GOODS_OPINION_RATING_VALUE_ROUND %}
							<img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/>
						   {% ELSE %}
							<img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" />
						   {% ENDIF %}
						  </div>
						</a>
					  </div>
					  <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;" data-tooltip="Быстрый просмотр" rel="nofollow"></a>
					</div>
				  </div>
				  <div class="product-shop">
					<meta itemprop="name" content="{goods.NAME}">
					<meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					<div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
					<div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="[url="https://schema.org/Offer%22>"]https://schema.org/Offer">[/url]
					  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						<span class="price" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
					  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<span class="price old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<span class="price old-price">{goods.MIN_PRICE_OLD | money_format}</span>
					  {% ENDIF %}
					</div>
					<!-- Добавление товара в корзину -->
					{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
					  <div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div>
					{% ELSE %}
					  <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" 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}"><span>В корзину</span></a-->
					  <a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" 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}"><span>В корзину</span></a>
					{% ENDIF %}
					<!-- /END Добавление товара в корзину -->
					<div class="add-to-links">
					  <!-- Если есть возможность добавить товар в избранное -->
					  {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
						<a class="add-wishlist 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; из избранного"
						  data-prodname="{goods.NAME}"
						  data-produrl="{goods.URL}"
						  data-id="{goods.ID}"
						  data-mod-id="{goods.MIN_PRICE_NOW_ID}"
						  data-add-tooltip="В Избранное"
						  data-del-tooltip="Убрать из избранного"
						  data-tooltip="Убрать из избранного"
						  data-action-text-add="В Избранное"
						  data-action-text-delete="В Избранном"
						  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
						  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  rel="nofollow"
						>В Избранном</a>
					  {% ELSE %}
						<a class="add-wishlist"
						  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; из избранного"
						  data-prodname="{goods.NAME}"
						  data-produrl="{goods.URL}"
						  data-id="{goods.ID}"
						  data-mod-id="{goods.MIN_PRICE_NOW_ID}"
						  data-add-tooltip="В Избранное"
						  data-del-tooltip="Убрать из избранного"
						  data-tooltip="В Избранное"
						  data-action-text-add="В Избранное"
						  data-action-text-delete="В Избранном"
						  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  rel="nofollow"
						>В Избранное</a>
					  {% ENDIF %}
					  <!-- /END Если есть возможность добавить товар в избранное -->
					  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						{% IF goods.IS_HAS_IN_COMPARE_LIST %}
						  <a class="add-compare 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; из списка сравнения с другими товарами"
							data-prodname="{goods.NAME}"
							data-produrl="{goods.URL}"
							data-id="{goods.ID}"
							data-mod-id="{goods.MIN_PRICE_NOW_ID}"
							data-add-tooltip="В Сравнение"
							data-del-tooltip="Убрать из сравнения"
							data-tooltip="Убрать из сравнения"
							data-action-text-add="В Сравнение"
							data-action-text-delete="В Сравнении"
							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}"
							rel="nofollow"
						  >В Сравнении</a>
						{% ELSE %}
						  <a class="add-compare"
							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; из списка сравнения с другими товарами"
							data-prodname="{goods.NAME}"
							data-produrl="{goods.URL}"
							data-id="{goods.ID}"
							data-mod-id="{goods.MIN_PRICE_NOW_ID}"
							data-add-tooltip="В Сравнение"
							data-del-tooltip="Убрать из сравнения"
							data-tooltip="В Сравнение"
							data-action-text-add="В Сравнение"
							data-action-text-delete="В Сравнении"
							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}"
							rel="nofollow"
						  >В Сравнение</a>
						{% ENDIF %}
					  {% ENDIF %}
					  <!-- /END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					</div>
				  </div>
				</form>
			  </div>
			</div>
		  {% ENDFOR %}
		</div>

далее зайдите в main.css - найдите:

.goods-table figure {
	display: inline-block;
	float: left;
	width: 33.333333333333336%;
	height: 475px;
	padding: .6em
}
.goodsTableName {
	overflow: hidden;
	height: 3em;
}
.goodsTablePrices {
	padding-bottom: 10px;
}
.goodsTableName a {
	text-align: center;
	font-size: 1em;
}
.goodsTableImg {
	position: relative;
	height: 100%;
	padding: 1em;
}
.goodsTableImg>a {
	display: block;
	float: none;
	max-height: 86%;
	margin: 0 auto
		;
}
.goodsTableImg>a img {
	max-height: 260px;
	margin: 0 auto
		;
}
.goodsTableBottomBlock {
	text-align: center
}
.goodsTableBottomBlock {
	padding-top: .6em;
	text-align: center
}
.goodsTableTopBlock {
	position: relative;
	display: block;
	height: 339px;
	text-align: center
}
.goodsTableButton {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	transition-duration: 300ms
}
.goodsTableButton .tovar-available {
	height: 50px;
	line-height: 40px;
}
.goodsTableButton .btn,.goodsTableButton .numeric .quantity {
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
	overflow: hidden;
	height: 30px;
}
.goodsTableButton .numeric .quantity {
	display: inline-block;
	height: 33px;
	vertical-align: top;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	border-radius: 2px;
	background-color: white;
	line-height: 27px;
}
.goodsTableButton .btn {
	font-size: 18px;
	color: #fff;
	border: 1px solid rgba(0,0,0,.17);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top,#62c462,#51a351);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
	background-image: -webkit-linear-gradient(top,#62c462,#51a351);
	background-image: -o-linear-gradient(top,#62c462,#51a351);
	background-image: linear-gradient(to bottom,#62c462,#51a351);
	background-repeat: repeat-x;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
	box-shadow: 0 1px 0 rgba(0,0,0,.05);
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	position: relative;
}
.goodsTableButton .btn:hover {
	color: #fff;
	background-color: #51a351
}
.goodsTableButton form>div,.goodsTableButton form {
	line-height: 1;
	display: block;
	height: 100%;
	margin: 0 auto;
	width: auto;
}
.goodsTableButton .btnToCart {
	display: inline-block;
	width: 110px;
	text-align: center;
}
.goodsTableButton input,.goodsTableButton a {
	display: block;
	height: 100%;
	border-color: #444
}
.goodsTableButton>form {
	max-width: 100%;
	height: 50px;
	padding: 0px 5%;
}
.hideBtn {
	transition-duration: 300ms;
}
.goodsTablePrices ul li {
	display: inline-block
}

замените на:

/* Иконки Новинка, Хит, Скидка */
.ico-new, .ico-sale, .ico-best {display: block;position: absolute;top: 10px;width: 50px;height: 50px;line-height: 50px;font-size: 16px;font-weight: 400;color: #fff;text-transform: lowercase;z-index: 2;text-align: center;vertical-align: middle;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.ico-new, .ico-best {background: #80b5e1;right: 10px;}
.ico-sale {background: #464646;left: 10px;}
.button {display: inline-block;overflow: visible;font-size: 14px;line-height: 40px;padding: 0 30px !important;border: 0;background-color: #80b5e1;color: #fff;text-transform: uppercase;text-align: center;margin: 0;outline: 0;cursor: pointer;white-space: nowrap;text-shadow: none;-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px;backface-visibility: hidden;transform: translateZ(0);-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.button:hover, .button.added, .button:focus {background-color: #2a6392;color: #fff;}
/*** Таблицей ***/
.products-grid {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;}
.products-grid .item {position: relative;padding: 0px 15px 30px;text-align: left;}
.products-grid .item .item-inner {position: relative;width: 262px;}
.products-grid.owl-carousel .item .item-inner {width: 100%;}
.products-grid .item .product-image {display: block;position: relative;overflow: hidden;margin: 0 0 10px 0;text-align: center;line-height: 175.25773195876px;height: 175px;}
.products-grid .item .product-image img {display: inline-block;max-width: 100%;width: auto;max-height:172px;}
.products-grid .item .product-image .actions {position: absolute;top: -100%;width: 100%;line-height: 1;transition: all 0.25s ease-in-out 0s;height: 175.25773195876px;}
.products-grid .item:hover .product-image .actions:before {display: block;bottom: 0;height: 100%;}
.products-grid .item .product-image .actions:before {content: "";position: absolute;background: #fff;opacity: 0.7;height: 0;left: 0;right: 0;top: 0;z-index: 3;-moz-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out;-webkit-transition-delay: 0s;transition: all 0.25s ease-in-out 0s;}
.products-grid .item:hover .product-image .actions {top: 0;-moz-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out;-webkit-transition-delay: 0s;transition: all 0.25s ease-in-out 0s;}
.products-grid .item .product-image .actions .ratings {position: absolute;bottom: 10px;left: 10px;z-index: 5;}
.products-grid .item .product-image .actions .quickview {position: absolute;bottom: 10px;right: 10px;font-size: 18px;z-index: 5;}
.products-grid .item .product-image .actions .button {position: absolute;top: 50%;left: 50%;margin-left: -100px;margin-top: -25px;width: 140px;z-index: 5;}
.products-grid .item .product-image .actions .button.empty {line-height: 50px;}
.products-grid .item .product-image .actions .hover {display: block;position: absolute;width: 100%;height: 100%;z-index: 4;}
.products-grid .item .product-shop .product-name {display: block;vertical-align: middle;margin-bottom: 7px;}
.products-grid .item .product-shop .product-name a {display: block;height: 36px;overflow: hidden;font-size: 14px;line-height: 18px;color: #000000;text-transform: uppercase;}
.products-grid .item .product-shop .product-name a:hover {color: #80b5e1;}
.products-grid .item .product-shop .price-box {padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
.products-grid .item .product-shop .price-box .price + .price {margin-left: 10px;}
.products-grid .item .product-shop .add-to-links {padding-top: 10px;line-height: 30px;}
.products-grid .item .product-shop .add-to-links a {display: inline-block;font-size: 13px;color: #9b9a9a;}
.products-grid .item .product-shop .add-to-links a + a {float: right;}
.products-grid .item .product-shop .add-to-links a:before {font-size: 18px;line-height: 15px;margin-right: 8px;}
.products-grid .item .product-shop .add-to-links a:hover, .products-grid .item .product-shop .add-to-links a.added {color: #80b5e1;}
.products-grid .item .product-shop .button {display: none;}

далее зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

 <!-- Сторонние шрифты -->
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400&subset=cyrillic,cyrillic-ext,latin' rel='stylesheet' type='text/css'>

после него вставьте:

<link rel="stylesheet" type="text/css" href="/design/font-awesome.css?design=kids">

И в раздел Сайт - Редактор шаблонов загрузите файлы из архива.

fonts.zip 595,18К 55 Количество загрузок:

Наверх

#8 yokoshop

Новичок

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

Отправлено 07 Март 2019 - 01:42

Добрый вечер.

Спасибо, что отвечаете)

Сделала, жду дальнейших инструкций. В аттаче скрин как сейчас выглядит карточка товара.

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

Наверх

#9 Vaccina

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

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

Отправлено 08 Март 2019 - 00:51

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

				  {% FOR goods %}
						<div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}">
						  <div class="item-inner" itemscope itemtype="[url="https://schema.org/Product%22>"]https://schema.org/Product">[/url]
								<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
								  <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="product-image">
										<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img">
										  <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
										</a>
										{% IF goods.IS_NEW %}
										  <span class="ico-new">New</span>
										{% ELSEIF goods.IS_TOP %}
										  <span class="ico-best">Hit</span>
										{% ENDIF %}
										{% IF goods.MAX_DISCOUNT %}
										  <span class="ico-sale">Sale</span>
										{% ENDIF %}
										<div class="actions">
										  <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a>
										  <!-- Добавление товара в корзину -->
										  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
												<div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div>
										  {% ELSE %}
												<!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" 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}"><span>В корзину</span></a-->
												<a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" 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}"><span>В корзину</span></a>
										  {% ENDIF %}
										  <!-- /END Добавление товара в корзину -->
										  <div class="ratings">
												<a href="{goods.URL | url_amp}" title="Перейти к отзывам">
												  <div class="rating-box">
												   {% IF GOODS_OPINION_RATING_VALUE_ROUND %}
														<img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/>
												   {% ELSE %}
														<img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" />
												   {% ENDIF %}
												  </div>
												</a>
										  </div>
										  <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;" data-tooltip="Быстрый просмотр" rel="nofollow"></a>
										</div>
								  </div>
								  <div class="product-shop">
										<meta itemprop="name" content="{goods.NAME}">
										<meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
										<div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
										<div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="[url="https://schema.org/Offer%22>"]https://schema.org/Offer">[/url]
										  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>

замените на:

		  {% FOR goods %}
			<div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}">
			  <div class="item-inner" itemscope itemtype="https://schema.org/Product">
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
				  <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="product-image">
					<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img">
					  <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
					</a>
					{% IF goods.IS_NEW %}
					  <span class="ico-new">New</span>
					{% ELSEIF goods.IS_TOP %}
					  <span class="ico-best">Hit</span>
					{% ENDIF %}
					{% IF goods.MAX_DISCOUNT %}
					  <span class="ico-sale">Sale</span>
					{% ENDIF %}
					<div class="actions">
					  <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a>
					  <!-- Добавление товара в корзину -->
					  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}
						<div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div>
					  {% ELSE %}
						<!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" 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}"><span>В корзину</span></a-->
						<a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" 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}"><span>В корзину</span></a>
					  {% ENDIF %}
					  <!-- /END Добавление товара в корзину -->
					  <div class="ratings">
						<a href="{goods.URL | url_amp}" title="Перейти к отзывам">
						  <div class="rating-box">
										  <div class="ratings">
												<a href="{goods.URL | url_amp}" title="Перейти к отзывам">
												  <div class="rating-box">
												   {% IF GOODS_OPINION_RATING_VALUE_ROUND %}
														<img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/>
												   {% ELSE %}
														<img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" />
												   {% ENDIF %}
												  </div>
												</a>
										  </div>
						  </div>
						</a>
					  </div>
					  <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;" data-tooltip="Быстрый просмотр" rel="nofollow"></a>
					</div>
				  </div>
				  <div class="product-shop">
					<meta itemprop="name" content="{goods.NAME}">
					<meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					<div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
					<div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>

далее зайдите в main.css - найдите:

/* Иконки Новинка, Хит, Скидка */
.ico-new, .ico-sale, .ico-best {display: block;position: absolute;top: 10px;width: 50px;height: 50px;line-height: 50px;font-size: 16px;font-weight: 400;color: #fff;text-transform: lowercase;z-index: 2;text-align: center;vertical-align: middle;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.ico-new, .ico-best {background: #80b5e1;right: 10px;}

перед ним вставьте:

/* Избранное, Сравнение */
.add-compare, .add-wishlist {display: inline-block;background-color: transparent;font-size: 20px;}
.add-compare:before, .add-wishlist:before {color: #80b5e1;}
.add-compare:hover:before, .add-wishlist:hover:before, .add-compare.added:before, .add-wishlist.added:before, .quickview:hover:before {color: #2a6392;}
.add-compare:before, .add-wishlist:before, .quickview:before {vertical-align: middle;font-family: "FontAwesome";font-weight: 400;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0,0);}
.add-wishlist:before {content: '\f08a';}
.add-wishlist.added:before {content: '\f004';}
.add-compare:before {content: '\f067';}
.add-compare.added:before {content: '\f068';}
.quickview:before {content: '\f06e';}
.add-cart {content: '\e8cc';line-height: 50px;padding: 0 60px;}
.add-cart:before {content: "";position: absolute;width: 0;height: 0;left: 50%;top: 50%;background: #fff;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;-moz-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;-webkit-transition: all 0s ease-in-out;-webkit-transition-delay: 0s;transition: all 0s ease-in-out 0s;}
.add-cart:hover:before, .add-cart:focus:before {width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out;-webkit-transition-delay: 0s;transition: all 0.5s ease-out 0s;}