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


Карточка Товара

Автор Stas_Y, 03 сент. 2015 06:49

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

#1 Stas_Y

Stas_Y

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

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

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

Добрый день! Как привести товары к такому виду? Т.е. по стандарту блок вылетает на изображение, а хотелось бы чтобы в такой стилистике он был под товаром

Рис. в приложении

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

  • Товар.jpg

#2 Ирина345

Ирина345

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

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

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

Просмотр сообщенияStas_Y (03 Сентябрь 2015 - 06:49) писал:

Добрый день! Как привести товары к такому виду? Т.е. по стандарту блок вылетает на изображение, а хотелось бы чтобы в такой стилистике он был под товаром

Рис. в приложении
Здравствуйте,уточните для какого магазина вам необходима данная информация?

#3 Stas_Y

Stas_Y

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

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

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

Вот для этого) SL-356051

#4 Ирина345

Ирина345

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

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

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

Просмотр сообщенияStas_Y (03 Сентябрь 2015 - 10:56) писал:

Вот для этого) SL-356051
Здравствуйте, найдите в шаблоне Товары код
	<div class="product-addto-wrap">
					   <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}" />
						<!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
						<a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
						<!-- Если есть возможность добавить товар в избранное -->
						{% IF goods.IS_HAS_IN_FAVORITES_LIST %}
						  <a class="add-wishlist added  btn-addto"
							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; из избранного"
							title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
							href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  ></a>
						{% ELSE %}
						  <a class="add-wishlist  btn-addto"
							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; из избранного"
							title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  ></a>
						{% ENDIF %}
						<!-- END Если есть возможность добавить товар в избранное -->
						<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						  {% IF goods.IS_HAS_IN_COMPARE_LIST %}
							<a class="add-compare added btn-addto"
							  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}"
							  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}"
							></a>
						  {% ELSE %}
							<a class="add-compare btn-addto"
							  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}"
							  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}"
							></a>
						  {% ENDIF %}
						{% ENDIF %}
						<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					  </form>
					</div>

и перенесите после строк
  <div class="product-price">
					  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
						<span class="regular-price">
							<span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<p class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<p class="price-old">{goods.MIN_PRICE_OLD | money_format}</p>
						  {% ENDIF %}
						</span>
					  </div>
					</div>


далее найдите в файле main.css

.products-grid .item {overflow: hidden;margin-bottom: 30px;height: 380px;}
замените на

.products-grid .item {overflow: hidden;margin-bottom: 30px;height: 400px;}
далее найдите

.products-grid .product-info {text-align: left;line-height: 100%;overflow: hidden;display:block;}
замените на

.products-grid .product-info {text-align: center;line-height: 100%;overflow: hidden;display:block;}
далее найдите


.products-grid .item-inner:hover .bg-hover-grid {right:0;opacity: 0.9;filter:alpha(opacity = 90);}
.products-grid .item-inner:hover .product-addto-wrap {top: 40%;left: 13%;}
.products-grid .item-inner .product-addto-wrap {position: absolute;z-index: 1;top: 40%;left: -100%;}
/* Иконки кнопок Корзина, Сравнение, Избранное */




замените на


/*.products-grid .item-inner:hover .bg-hover-grid {right:0;opacity: 0.9;filter:alpha(opacity = 90);}*/
.products-grid .item-inner:hover .product-addto-wrap {top: 40%;left: 13%;}
/*.products-grid .item-inner .product-addto-wrap {position: absolute;z-index: 1;top: 40%;left: -100%;}*/

.product-addto-wrap {
	padding-left: 32px;
}
/* Иконки кнопок Корзина, Сравнение, Избранное */

#5 Stas_Y

Stas_Y

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

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

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

Замечательно!)
1) А как сделать чтобы старая цена и новая цена были в одну строку? А не в столбик

2)И значки: купить сравнение и избранное - сделать меньше

#6 Ирина345

Ирина345

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

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

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

Просмотр сообщенияStas_Y (03 Сентябрь 2015 - 12:50) писал:

Замечательно!)
1) А как сделать чтобы старая цена и новая цена были в одну строку? А не в столбик

2)И значки: купить сравнение и избранное - сделать меньше
1. Найдите в шаблоне Товары код
  <span class="regular-price">
							<span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<p class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<p class="price-old">{goods.MIN_PRICE_OLD | money_format}</p>
						  {% ENDIF %}
						</span>
замените на

 <span class="regular-price">
							<span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
						  {% ENDIF %}
						</span>

2. найдите в файле ain.css

.products-grid .item .product-addto-wrap .btn-addto {position: relative;width: 54px;height: 54px;display: block;float: left;text-indent: -999em;background-color: #fff;background-repeat: no-repeat;border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;box-shadow: 0 0 0 3px transparent;-webkit-box-shadow: 0 0 0 3px transparent;-moz-box-shadow: 0 0 0 3px transparent;}
замените на

.products-grid .item .product-addto-wrap .btn-addto {position: relative;width: 44px;height: 44px;display: block;float: left;text-indent: -999em;background-color: #fff;background-repeat: no-repeat;border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;box-shadow: 0 0 0 3px transparent;-webkit-box-shadow: 0 0 0 3px transparent;-moz-box-shadow: 0 0 0 3px transparent;}
далее найдите

.products-grid .item .product-addto-wrap .product-addcart {background-position: left -73px;}
.products-grid .item .product-addto-wrap .product-addcart:hover {background-position:left 0px;}
замените на

.products-grid .item .product-addto-wrap .product-addcart {background-position: center -73px;}
.products-grid .item .product-addto-wrap .product-addcart:hover {background-position:center -6px;}
далее найдите

.products-grid .item .product-addto-wrap .add-wishlist:hover, .products-grid .item .product-addto-wrap .add-wishlist.added {background-position:2px -294px;}
замените на

.products-grid .item .product-addto-wrap .add-wishlist:hover, .products-grid .item .product-addto-wrap .add-wishlist.added {background-position:-3px -294px;}
далее найдите
.products-grid .item .product-addto-wrap .add-compare:hover, .products-grid .item .product-addto-wrap .add-compare.added {background-position:left -146px;}
замените на

.products-grid .item .product-addto-wrap .add-compare:hover, .products-grid .item .product-addto-wrap .add-compare.added {background-position:left -151px;}

#7 Stas_Y

Stas_Y

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

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

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

Отлично))) но есть кое-что: поменять местами старую и новую цену и раздвинуть их (чтобы между ними было где то 6 пробелов, так они впритык друг к другу
2) сделать шрифт у новой цены больше

#8 Ирина345

Ирина345

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

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

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

Просмотр сообщенияStas_Y (03 Сентябрь 2015 - 13:46) писал:

Отлично))) но есть кое-что: поменять местами старую и новую цену и раздвинуть их (чтобы между ними было где то 6 пробелов, так они впритык друг к другу
2) сделать шрифт у новой цены больше
Найдите в шаблоне Товары код

 <span class="regular-price">
														<span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
												  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
												  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
												  {% ENDIF %}
												</span>

замените на

 <span class="regular-price">
													 
												  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
												  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
												  {% ENDIF %}
													 <span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
												</span>

далее найдите в файле main.css
.price-old {
	text-decoration: line-through;
	color: #666666;
	font-size: 90%;
	padding-top: 10px;
   }
замените на

.price-old {
	text-decoration: line-through;
	color: #666666;
	font-size: 90%;
	padding-top: 10px;
	margin-right: 22px;
}

span.price {
	font-size: 25px;
}

#9 Stas_Y

Stas_Y

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

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

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

не поменялось(

#10 Vaccina

Vaccina

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

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

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

В шаблоне Товары найдите:
<span class="regular-price">
														<span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
												  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
												  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
												  {% ENDIF %}
												</span>

замените на:
<span class="regular-price">
													   {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
												  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
														<span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
												  {% ENDIF %}
<span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
												 
												</span>

#11 Stas_Y

Stas_Y

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

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

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

Спасибо))

#12 Stas_Y

Stas_Y

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

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

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

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

#13 Vaccina

Vaccina

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

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

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

Инструкция по реализации быстрого просмотра товара во всплывающем окне:
http://forum.storela...тр/#entry137347
Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Цитрус
  5. → Каталог товаров
  6. Privacy Policy