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


Поменять Стилистику Кнопок


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

#1 oleinresurs

oleinresurs

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

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

Отправлено 14 Сентябрь 2016 - 18:29

Помогите поменять стилистику кнопок в карточке товара:
только кнопки:Характеристики Отзывы

На данный момент заливка черная при наведении цвет меняется.
Необходимо сделать кнопки с рамкой в 3 px, поменять цвет при наведении, цвет текста. кнопки сделать овальные а не прямоугольные.
попробовал менять сдесь

/* Кнопки */
.button {display: inline-block;overflow: visible;background-color: #f05529;color: #fff;width: auto;height: 40px;line-height: 40px;padding: 0 15px;font-family: 'Ubuntu', sans-serif;;font-size: 18px;text-transform: uppercase;text-align: center;white-space: nowrap;border-radius: 0;border: 0;margin: 0;outline: 0;cursor: pointer;-webkit-appearance: none;}

но меняет только кнопки корзина и быстрый заказ. а их трогать не надо.
Спасибо.

#2 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

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

Здравствуйте.
В редакторе шаблона Товар найдите (строка 251)
<div class="product-tabs f-fix clear">
<ul class="tabs">
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
{% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>{% ENDIF %}
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
</ul>
замените на
<div class="product-tabs f-fix clear">
<ul class="tabs">
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" >Описание</a></li>{% ENDIF %}
	 {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2" class="edit" >Характеристики</a></li>{% ENDIF %}
	 {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3" >Доставка</a></li>{% ENDIF %}
	 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4" class="edit" >Отзывы</a></li>{% ENDIF %}
</ul>

затем в файле  main.css в блоке /* Вкладки табы */ (строка 532)
добавить
.product-tabs .tabs li a.edit {background: #2b3038;border: 0px solid #000;border-radius: 0px;color: #fff;}
.product-tabs .tabs li a.edit:hover {background: #2b3038;}
где:
background  -цвет фона
border  -толщина и цвет рамки
border-radius  -радиус скругления
color  -цвет текста

#3 oleinresurs

oleinresurs

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

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

Отправлено 15 Сентябрь 2016 - 11:20

Спасибо, все поменял.
Теперь можно ли убрать кнопку "Быстрый заказ" с сайта. Вообще удалить эту функцию.

#4 Razon

Razon

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

  • Модератоpы
  • 321 сообщений

Отправлено 15 Сентябрь 2016 - 11:47

Просмотр сообщенияoleinresurs (15 Сентябрь 2016 - 11:20) писал:

Спасибо, все поменял.
Теперь можно ли убрать кнопку "Быстрый заказ" с сайта. Вообще удалить эту функцию.

Для того,  чтоб убрать кнопку *Быстрый заказ*
Найдите код в шаблоне Товар:
		 <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; Купить"/>Быстрый заказ</button>

Замените его на:
<!--		 <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; Купить"/>Быстрый заказ</button>-->

Также при оформлении заказа из корзины, нажав кнопку Оформить заказ, используется форма быстрого заказа,  если вы хотите его убрать,  найдите код в шаблоне Корзина:
<td colspan="6">
		 <div class="buttons">
			 <a id="startOrder" class="button" title="Перейти к быстрому оформлению заказа">Оформить заказ</a>

Замените его на:
<td colspan="6">
		 <div class="buttons">
			 <input class="button" type="submit" name="next_step" value="Оформить заказ" title="Перейти к оформлению заказа в 4 шага" />
			 <!--<a id="startOrder" class="button" title="Перейти к быстрому оформлению заказа">Оформить заказ</a>-->


#5 oleinresurs

oleinresurs

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

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

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

Ок, все получилось.

#6 oleinresurs

oleinresurs

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

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

Отправлено 19 Сентябрь 2016 - 10:13

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

1.Как можно сделать, что бы на главной были размещены все категории товаров. Примерно как здесь Изображение
2. Категории товаров "Хиты продаж" и "Новинки" - поменять на другие названия "Новые товары" и "Популярное".

#7 Alekseys

Alekseys

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

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

Отправлено 19 Сентябрь 2016 - 10:20

Просмотр сообщенияoleinresurs (19 Сентябрь 2016 - 10:13) писал:

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

1.Как можно сделать, что бы на главной были размещены все категории товаров. Примерно как здесь
2. Категории товаров "Хиты продаж" и "Новинки" - поменять на другие названия "Новые товары" и "Популярное".
Здравствуйте.
1. В разделе Сайт - Главная выберите в качестве главной страницы Каталог.
2. В разделе Сайт - Редактор шаблонов - шаблон HTML замените надписи "Хиты продаж" и "Новинки" на "Новые товары" и "Популярное" в строках
				{% IFNOT index_page_new_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-new" {% IF index_page_goods_empty=1 %}class="active"{% ENDIF %}>Новинки</a></li>{% ENDIF %}
				{% IFNOT index_page_favorites_goods_empty %}<li class="item-nav"><a href="#" data-filter="pdt-best" {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}class="active"{% ENDIF %}>Хиты продаж</a></li>{% ENDIF %}


#8 oleinresurs

oleinresurs

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

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

Отправлено 19 Сентябрь 2016 - 10:30

Спасибо все сделал!

#9 oleinresurs

oleinresurs

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

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

Отправлено 19 Сентябрь 2016 - 10:59

Еще можно отредактировать надписи в рамках "Артикул" и "В наличии".
Убрать рамки поменять цвет шрифта

#10 Alekseys

Alekseys

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

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

Отправлено 19 Сентябрь 2016 - 11:06

Просмотр сообщенияoleinresurs (19 Сентябрь 2016 - 10:59) писал:

Еще можно отредактировать надписи в рамках "Артикул" и "В наличии".
Убрать рамки поменять цвет шрифта
Здравствуйте. В main.css удалите
.product-view .product-shop .goodsDataMainModificationArtNumber span {background: #ef8743;}
на
.product-view .product-shop .goodsDataMainModificationArtNumber span {color: #ef8743;}
и
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span {background: #55c65e;}
замените на
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span {color: #55c65e;}
после чего можете заменить цвет, сменив значение параметра color на нужный (в 1 случае для Артикула, во втором для наличия).

#11 oleinresurs

oleinresurs

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

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

Отправлено 19 Сентябрь 2016 - 11:58

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

#12 Razon

Razon

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

  • Модератоpы
  • 321 сообщений

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

Просмотр сообщенияoleinresurs (19 Сентябрь 2016 - 11:58) писал:

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

В файле main.css найдите строку:
.product-view .product-shop .price-box .old-price > span:after {content: "\f158";display: inline-block;font-family: FontAwesome;font-weight: 300;font-size: 80%;line-height: 1;margin-left: 5px;}

Замените на:
.product-view .product-shop .price-box .old-price > span:after {/*content: "\f158";display: inline-block;font-family: FontAwesome;font-weight: 300;font-size: 80%;line-height: 1;margin-left: 5px;*/}


#13 oleinresurs

oleinresurs

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

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

Отправлено 19 Сентябрь 2016 - 14:57

Как сделать сортировку товара при просмотре каталога по умолчанию не "таблицей" а "списком"??

#14 Ирина345

Ирина345

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

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

Отправлено 19 Сентябрь 2016 - 15:08

Просмотр сообщенияoleinresurs (19 Сентябрь 2016 - 14:57) писал:

Как сделать сортировку товара при просмотре каталога по умолчанию не "таблицей" а "списком"??
Здравствуйте, найдите в шаблоне Товары код
  {% IF GOODS_VIEW_TYPE=1 %}
			  <span title="Таблица" class="fa fa-th-large"></span>
			  <a data-href="?goods_view_type=2" title="Список" class="fa fa-th-list"></a>
			{% ELSE %}
			  <a data-href="?goods_view_type=1" title="Таблица" class="fa fa-th-large"></a>
			  <span title="Список" class="fa fa-th-list"></span>
			{% ENDIF %}
замените на
  {% IF GOODS_VIEW_TYPE=2 %}
			  <span title="Таблица" class="fa fa-th-large"></span>
			  <a data-href="?goods_view_type=1" title="Список" class="fa fa-th-list"></a>
			{% ELSE %}
			  <a data-href="?goods_view_type=2" title="Таблица" class="fa fa-th-large"></a>
			  <span title="Список" class="fa fa-th-list"></span>
			{% ENDIF %}

далее найдите
 <!-- Вывод товаров -->
	<div class="products-container f-fix">
	  <div class="products-ajax">
	  {% IF GOODS_VIEW_TYPE=1 %}

замените на

 <!-- Вывод товаров -->
	<div class="products-container f-fix">
	  <div class="products-ajax">
	  {% IF GOODS_VIEW_TYPE=2 %}


#15 oleinresurs

oleinresurs

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

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

Отправлено 19 Сентябрь 2016 - 16:02

Спасибо все идеально!

#16 oleinresurs

oleinresurs

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

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

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

Можно ли на главной (после каталога) сделать товары "новинки" следующим образом.
Изображение

картинка слева краткое - описание справа, с наименованием, и кнопкой "перейти", как в примере.

#17 Vaccina

Vaccina

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

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

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

В шаблоне HTML найдите:
{% FOR index_page_new_goods %}
					<li class="item pdt-new col-sm-4 col-sms-6 col-smb-12">
					  <div class="item-inner" itemscope itemtype="http://schema.org/Product">
						<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{index_page_new_goods.MIN_PRICE_NOW_ID} goodsListForm">
						  <input type="hidden" name="hash" value="{HASH}" />
						  <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
						  <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
						  <div class="item-img">
							<a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" class="product-image">
							  <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}" title="{index_page_new_goods.NAME}"  itemprop="image">
							  {% IF index_page_new_goods.IS_NEW %}
								<span class="ico-new">Новинка</span>
							  {% ELSEIF index_page_new_goods.IS_TOP %}
								<span class="ico-best">Хит</span>
							  {% ENDIF %}
							  {% IF index_page_new_goods.MAX_DISCOUNT %}
								<span class="ico-sale">Скидка</span>
							  {% ENDIF %}
							</a>
							<div class="ratings">
							  <a href="{index_page_new_goods.URL | url_amp}#goodsDataOpinionAdd" title="Перейти к отзывам">
								<div class="rating-box">
								  {% IF index_page_new_goods.OPINION_RATING_VALUE %}
								  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
									<meta itemprop="worstRating" content = "1">
									<meta itemprop="bestRating" content = "10">
									<meta itemprop="ratingValue" content = "{index_page_new_goods.OPINION_RATING_VALUE}">
									<meta itemprop="reviewCount" content = "{index_page_new_goods.OPINION_RATING_CNT_ALL}">
									<div class="rating" style="width:{index_page_new_goods.OPINION_RATING_VALUE}0%" alt="{index_page_new_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
								  </span>
								  {% ELSE %}
									<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
								  {% ENDIF %}
								</div>
							  </a>
							</div>
							<div class="actions">
							  <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>Быстрый заказ{% ENDIF %}</span></a-->
							  <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
							  <!-- Если есть возможность добавить товар в избранное -->
							  {% IF index_page_new_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;{index_page_new_goods.NAME}&raquo; в избранное"
								  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
								  data-add-tooltip="В Избранное"
								  data-del-tooltip="Убрать из избранного"
								  data-tooltip="Убрать из избранного"
								  title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
								  href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
								><i class="fa fa-heart"></i></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;{index_page_new_goods.NAME}&raquo; в избранное"
								  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
								  data-add-tooltip="В Избранное"
								  data-del-tooltip="Убрать из избранного"
								  data-tooltip="В Избранное"
								  title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
								  href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
								><i class="fa fa-heart"></i></a>
							  {% ENDIF %}
							  <!-- END Если есть возможность добавить товар в избранное -->
							  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
							  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
								{% IF index_page_new_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;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
									data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
									data-prodname="{index_page_new_goods.NAME}"
									data-produrl="{index_page_new_goods.URL}"
									data-id="{index_page_new_goods.ID}"
									data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
									data-add-tooltip="В Сравнение"
									data-del-tooltip="Убрать из сравнения"
									data-tooltip="Убрать из сравнения"
									title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
									href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
								  ><i class="fa fa-retweet"></i></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;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
									data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
									data-prodname="{index_page_new_goods.NAME}"
									data-produrl="{index_page_new_goods.URL}"
									data-id="{index_page_new_goods.ID}"
									data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
									data-add-tooltip="В Сравнение"
									data-del-tooltip="Убрать из сравнения"
									data-tooltip="В Сравнение"
									title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
									href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
								  ><i class="fa fa-retweet"></i></a>
								{% ENDIF %}
							  {% ENDIF %}
							  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
							</div>
						  </div>
						  <div class="item-info">
							<div class="product-name"><a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" itemprop="url">{index_page_new_goods.NAME}</a></div>
							<meta itemprop="name" content="{index_page_new_goods.NAME}">
							<meta itemprop="description" content="{% IF index_page_new_goods.DESCRIPTION_SHORT %}{index_page_new_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
							<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
							  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
								<span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{index_page_new_goods.MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
							  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
								<span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
								<span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span>
							  {% ENDIF %}
							</div>
						  </div>
						</form>
					  </div>
					</li>
				  {% ENDFOR %}

замените на:
		  {% FOR index_page_new_goods %}
		  <li style="width: 50%;" class="item pdt-new col-xs-12" itemscope itemtype="http://schema.org/Product">
			<div class="item-inner row">
			  <div class="col-sm-4 col-sms-4 col-smb-12 product-image">
				<a href="{index_page_new_goods.URL | url_amp}" title="{index_page_new_goods.NAME}">
				  <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}" title="{index_page_new_goods.NAME}" itemprop="image"/>
				  {% IF index_page_new_goods.IS_NEW %}
					<span class="ico-new">Новое</span>
				  {% ELSEIF index_page_new_goods.IS_TOP %}
					<span class="ico-best">Топ продаж</span>
				  {% ENDIF %}
				  {% IF index_page_new_goods.MAX_DISCOUNT %}
					<span class="ico-sale">Скидка</span>
				  {% ENDIF %}
				</a>
			  </div>
			  <div class="col-sm-8 col-sms-8 col-smb-12 product-shop">
				<h4 class="product-name"><a href="{index_page_new_goods.URL | url_amp}" title="{index_page_new_goods.NAME}" itemprop="url">{index_page_new_goods.NAME}</a></h4>
				<meta itemprop="name" content="{index_page_new_goods.NAME}">
				<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
				  <!-- информация для поисковика о валюте товара -->
				  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					<span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{index_page_new_goods.MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
				  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
					<span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
					<span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span>
				  {% ENDIF %}
				</div>
				<div class="ratings">
				  <div class="rating-box">
					{% IF index_page_new_goods.OPINION_RATING_VALUE %}
					<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
					  <meta itemprop="worstRating" content = "1">
					  <meta itemprop="bestRating" content = "10">
					  <meta itemprop="ratingValue" content = "{index_page_new_goods.OPINION_RATING_VALUE}">
					  <meta itemprop="reviewCount" content = "{index_page_new_goods.OPINION_RATING_CNT_ALL}">
					  <div class="rating" style="width:{index_page_new_goods.OPINION_RATING_VALUE}0%" alt="{index_page_new_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
					</span>
					{% ELSE %}
					  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
					{% ENDIF %}
				  </div>
				</div>
				{% IF index_page_new_goods.DESCRIPTION_SHORT %}
				<div class="desc">
				  <p itemprop="description">{index_page_new_goods.DESCRIPTION_SHORT}</p>
				  <a href="{index_page_new_goods.URL | url_amp}" class="learn-more">Подробнее...</a>
				</div>
				{% ENDIF %}
				<div class="actions">
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{index_page_new_goods.MIN_PRICE_NOW_ID} goodsListForm">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
					<!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>Быстрый заказ{% ENDIF %}</span></a-->
					<a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
					<!-- Если есть возможность добавить товар в избранное -->
					{% IF index_page_new_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;{index_page_new_goods.NAME}&raquo; в избранное"
						data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
						data-add-tooltip="В Избранное"
						data-del-tooltip="Убрать из избранного"
						data-tooltip="Убрать из избранного"
						title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
						href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					  ><i class="fa fa-heart"></i></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;{index_page_new_goods.NAME}&raquo; в избранное"
						data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
						data-add-tooltip="В Избранное"
						data-del-tooltip="Убрать из избранного"
						data-tooltip="В Избранное"
						title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					  ><i class="fa fa-heart"></i></a>
					{% ENDIF %}
					<!-- END Если есть возможность добавить товар в избранное -->
					<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					  {% IF index_page_new_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;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
						  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
						  data-prodname="{index_page_new_goods.NAME}"
						  data-produrl="{index_page_new_goods.URL}"
						  data-id="{index_page_new_goods.ID}"
						  data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
						  data-add-tooltip="В Сравнение"
						  data-del-tooltip="Убрать из сравнения"
						  data-tooltip="Убрать из сравнения"
						  title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
						  href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						><i class="fa fa-retweet"></i></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;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
						  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
						  data-prodname="{index_page_new_goods.NAME}"
						  data-produrl="{index_page_new_goods.URL}"
						  data-id="{index_page_new_goods.ID}"
						  data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
						  data-add-tooltip="В Сравнение"
						  data-del-tooltip="Убрать из сравнения"
						  data-tooltip="В Сравнение"
						  title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
						  href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						><i class="fa fa-retweet"></i></a>
					  {% ENDIF %}
					{% ENDIF %}
					<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				  </form>
				</div>
			  </div>
			</div>
		  </li>
		  {% ENDFOR %}


#18 oleinresurs

oleinresurs

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

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

Отправлено 20 Сентябрь 2016 - 18:06

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

#19 Vaccina

Vaccina

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

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

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

Пришлите пожалуйста скриншот с указанием проблемного места, к сожалению, не удалось обнаружить залезание текста на блок с фото товара
123321.jpg

#20 oleinresurs

oleinresurs

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

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

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

Изображение
смартфон/ альбомное расположение




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

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