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


Перенос Кнопок Быстрого Заказа

быстрый заказкнопки

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

#1 shd-2014@yandex.ru

shd-2014@yandex.ru

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

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

Отправлено 26 Июль 2015 - 19:07

Приветствую.
Аккаунт SL-337500

Хочется перенести кнопки быстрого заказа, которые появляются при наведении курсора на товар в категории (при отображении таблицей) под фото товара.

Т.е. в категории товар должен выглядеть так
Сверху вниз:
фото,
название товара,
кнопки "-""+"; окошко с кол-вом, кнопки добавить товар в корзину (можно просто в ряд и кнопки "добавить в сравнение и избранное" не отображать, пускай остаются в карточке товара),
цена.

пример
http://pryazha-furni...cts/bamboo_fine

При нажатии на фото товара должно появляться увеличенное фото (как при нажатии на "увеличить изображение" в карточке товара)
А при нажатии на название товара происходит переход в карточку товара.

Как это сделать?

#2 RayLi

RayLi

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

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

Отправлено 29 Июль 2015 - 19:15

Просмотр сообщенияshd-2014@yandex.ru (26 Июль 2015 - 19:07) писал:

Приветствую.
Аккаунт SL-337500

Хочется перенести кнопки быстрого заказа, которые появляются при наведении курсора на товар в категории (при отображении таблицей) под фото товара.

Т.е. в категории товар должен выглядеть так
Сверху вниз:
фото,
название товара,
кнопки "-""+"; окошко с кол-вом, кнопки добавить товар в корзину (можно просто в ряд и кнопки "добавить в сравнение и избранное" не отображать, пускай остаются в карточке товара),
цена.

пример
http://pryazha-furni...cts/bamboo_fine

При нажатии на фото товара должно появляться увеличенное фото (как при нажатии на "увеличить изображение" в карточке товара)
А при нажатии на название товара происходит переход в карточку товара.

Как это сделать?

Здравствуйте.
Попробуйте сделать следующее:
В шаблоне main.css найдите данный код:

div.plus_minus_quantity {
	margin: 5px 0 10px;
}

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

div.plus_minus_quantity {
	margin: 5px 0 10px;
	float: left;
}

Далее там же найдите этот вот код:

input[type='text'], input[type='password'], textarea, .inputText {
	padding: 5px;
	background: #f8f8f8;
	border: 1px solid;
	border-color: #ddd #eee #eee #ddd !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	margin-left: 0;
	margin-right: 0;
}

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

input[type='text'], input[type='password'], textarea, .inputText {
	padding: 0px;
	background: #f8f8f8;
	border: 1px solid;
	border-color: #ddd #eee #eee #ddd !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	margin-left: 0;
	margin-right: 0;
}


Теперь снова там же найдите следующий код:

a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	background: url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat;
	background-color: #f36893;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	cursor: pointer;
}

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

a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	background: url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat;
	background-color: #f36893;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	cursor: pointer;
	float: right;
}


После этого в том же шаблоне найдите данный код:

a.add_to_compare_small {
	background: url("{ASSETS_IMAGES_PATH}compare_circle.png") 50% 50% no-repeat;
	background-color: #333333;
}

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

a.add_to_compare_small {
	background: url("{ASSETS_IMAGES_PATH}compare_circle.png") 50% 50% no-repeat;
	background-color: #333333;
	display: none;
}


Найдите следующий код:

a.add_to_wishlist_small {
	background: url("{ASSETS_IMAGES_PATH}wish_circle.png.png") 50% 50% no-repeat;
	background-color: #333333;
}

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

a.add_to_wishlist_small {
	background: url("{ASSETS_IMAGES_PATH}wish_circle.png.png") 50% 50% no-repeat;
	background-color: #333333;
	display: none;
}


Далее в шаблоне html найдите вот этот вот код:

<!-- Недавно просмотренные товары -->
				  {% IFNOT recently_viewed_goods_empty %}
						<div class="box recent">
						  <div class="box-heading">Вы смотрели</div>
						  <div class="box-content">
								{% FOR recently_viewed_goods %}
								{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
								  <div class="prod_hold_recent">
										<div>
										  <div class="image goods-image-icon-square"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div>
										  <div class="prod_hold_right">
												<div class="name"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}" style="*height:;">{recently_viewed_goods.NAME}</a></div>
												<div class="price">
												  {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
												  <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br />
												  {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
												  <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br />
												  {% ENDIF %}
												  <span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
												</div>
										  </div>
								  
										  <div class="cart">
												<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}">
												  <input type="hidden" name="hash" value="{HASH}" />
												  <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
												  <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
												  <a class="add_to_cart_small" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a>
												  <!--a class="add_to_cart_small" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
												</form>

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

<!-- Недавно просмотренные товары -->
				  {% IFNOT recently_viewed_goods_empty %}
						<div class="box recent">
						  <div class="box-heading">Вы смотрели</div>
						  <div class="box-content">
								{% FOR recently_viewed_goods %}
								{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
								  <div class="prod_hold_recent">
										<div>
										  <div class="image goods-image-icon-square"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div>
										  <div class="prod_hold_right">
												<div class="name"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}" style="*height:;">{recently_viewed_goods.NAME}</a></div>
												<div class="price">
												  {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
												  <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br />
												  {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
												  <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br />
												  {% ENDIF %}
												  <span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
												</div>
										  </div>
								  
										  <div class="cart">
												<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}">
												  <input type="hidden" name="hash" value="{HASH}" />
												  <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
												  <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
												  <a class="add_to_cart_small" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ"></a>
												  <!--a class="add_to_cart_small" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
												</form>





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

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