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


Добавление Кнопок К Товарам


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

#1 butik-cvetoff

butik-cvetoff

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

  • Пользователи
  • PipPip
  • 14 сообщений
  • ГородЕкатеринбург

Отправлено 11 Июль 2013 - 12:40

Добрый день. Прошу прощения если ответ есть на форуме, но перечитав кучу тем я так и не понял как это сделать.

Помогите пожалуйста добавить кнопку в корзину к товарам на главной и товарам в каталоге.

мой сайт http://xn----9sbemmm...fdtau.xn--p1ai/

Чтобы человек выбрал кол-во желаемого товара, нажал купить, а затем должно всплывать окно как оно делает сейчас в карточке товара: продолжить шопинг или оплатить (примерный текст окна) которое сейчас работает =))

На данный момент выглядит вот так:
Изображение

Примерный желаемый результат:
Изображение

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

#2 Koderhan

Koderhan

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

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

Отправлено 11 Июль 2013 - 14:12

В файле "main.js".
Найти код:
// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm').submit(function(){
$(this).nyroModalManual({
formIndicator: 'ajax_q', // Value added when a form is sent
minWidth: 420, // Minimum width
minHeight: 150, // Minimum height
gallery: null // Gallery name if provided
});
return false;
});
Заменить:
// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListItemCatalogueAddToCartButton').submit(function(){
$(this).nyroModalManual({
formIndicator: 'ajax_q', // Value added when a form is sent
minWidth: 420, // Minimum width
minHeight: 150, // Minimum height
gallery: null // Gallery name if provided
});
return false;
});


В файле "main.css".
Найти код:
.goodsListItemBlock {height: 250px;margin:5px;overflow:hidden;}
Заменить:
.goodsListItemBlock {height: 300px;margin:5px;overflow:hidden;}

В файле "HTML".
После кода:
{% FOR index_page_new_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
Добавить:
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
<div>
<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}" />
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
<input type="submit" value="В корзину" class="tocart" />
<!--button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button-->
</div>
</form>
</div>

Для "Хитов продаж".
После кода:
<div class="goodsListItemBlock withBorder cornerAll">
					 <div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
					 <h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
					 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
					 {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
Добавить:
<div class="buy-item">
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}">
						 <div>
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
							 <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
							 <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
							 <input type="submit" value="В корзину" class="tocart" />
							 <!--button type="submit" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button-->
						 </div>
						 </form>
						 </div>

Для "Товары на главной".
После кода:
<div class="goodsListItemBlock withBorder cornerAll">
					 <div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
					 <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
					 <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
					 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
						 <br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
						 <br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
Добавить:
<div class="buy-item">
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
						 <div>
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
							 <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
							 <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
							 <input type="submit" value="В корзину" class="tocart" />
							 <!--button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button-->
						 </div>
						 </form>
						 </div>

В файле "main.css".
Добавить в конец файла код:
.buy-item .quantity {
width: 20px;
height: 22px;
}

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

  • ScreenShot 743.png


#3 butik-cvetoff

butik-cvetoff

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

  • Пользователи
  • PipPip
  • 14 сообщений
  • ГородЕкатеринбург

Отправлено 11 Июль 2013 - 15:18

Огромнейшее спасибо.
Но совершенству нет предела.
1. Как тоже самое повторить на страницах каталога?
на данный момент там все выглядит так
Изображение



2. И еще очень важный момент. Как зафиксировать расположение кнопки как у той, на которую стрелка показывает, чтобы длинна наименования товара не влияла на расположение кнопки?
Изображение

#4 Koderhan

Koderhan

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

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

Отправлено 11 Июль 2013 - 19:49

2.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.goodsListItemName {
	height: 42px;
}

1.
В файле "Товары".
Найти код:
{% FOR goods %}
		   <td class="goodsListItem">  
				<div class="goodsListItemBlock withBorder cornerAll">
			   <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			   <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
			   <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			   </div>  
			   <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
			   </div>
				</div>
			  </td>
		   {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
		   {% ENDFOR goods %}
Заменить:
{% FOR goods %}
		   <td class="goodsListItem">  
				<div class="goodsListItemBlock withBorder cornerAll">
			   <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			   <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
			   <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			   </div>  
			   <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
			   </div>
				  <div class="buy-item">
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
						<div>
						  <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}" />
						  <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
						  <input type="submit" value="В корзину" class="tocart" />
						  <!--button type="submit" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button-->
						</div>
					  </form>
				  </div>
				</div>
			  </td>
		   {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
		   {% ENDFOR goods %}


#5 butik-cvetoff

butik-cvetoff

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

  • Пользователи
  • PipPip
  • 14 сообщений
  • ГородЕкатеринбург

Отправлено 11 Июль 2013 - 22:30

Супер! Всё заработало как надо :D Огромнейшее спасибо!

#6 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 08 Август 2013 - 17:42

Добрый день.

также хочу сделать кнопки "купить" в каталогах.
в принципе с приведенными кодами все получается.

подскажите как сдвинуть цену во всех категориях (новинки и хиты на главной и товары в каталогах) влево, а рядом разместить кнопку купить.

чтобы получилось примерно так  "ЦЕНА       КУПИТЬ".

если еще подскажете как стилизовать Цену под кнопку, буду чрезмерно благодарен.

#7 Сake

Сake

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

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

Отправлено 09 Август 2013 - 01:27

Найдите в вашем шаблоне "HTML"

<h5><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a></h5>

и замените на

<h5 style="padding-left: 5px; padding-right: 5px;">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
<a style="display: inline-block; width: 105px; text-align: left;" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
<a class="cart-prd" style="display: inline-block; width: 110px; text-align: right;" onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_favorites_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo; в корзину">Купить сейчас</a>
</form>
</h5>

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

<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>

и замените на

<h5 style="padding-left: 5px; padding-right: 5px;">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="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 style="display: inline-block; width: 105px; text-align: left;" href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
<a class="cart-prd" style="display: inline-block; width: 110px; text-align: right;" onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину">Купить сейчас</a>
</form>
</h5>

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

<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>

и замените на

<h5 style="padding-left: 5px; padding-right: 5px;">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<a style="display: inline-block; width: 105px; text-align: left;" href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
<a class="cart-prd" style="display: inline-block; width: 110px; text-align: right;" onclick="$(this).closest('form').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину">Купить сейчас</a>
</form>
</h5>

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

<h4><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></h4>

и замените на

<h4 style="padding-left: 5px; padding-right: 5px;">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="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 style="display: inline-block; width: 105px; text-align: left;" href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
<a class="cart-prd" style="display: inline-block; width: 110px; text-align: right;" onclick="$(this).closest('form').submit(); 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; в корзину">Купить сейчас</a>
</form>
</h4>

Если вам необходимо будет задать стили кнопки, то добавьте в файл стилей main.css класс

.cart-prd {
/* ваши стили кнопки */
}

Также в файле main.js найдите

$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListItemCatalogueAddToCartButton')

и замените на

$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListItemCatalogueAddToCartButton, .goodsListForm')


#8 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 09 Август 2013 - 09:50

Просмотр сообщенияСake (09 Август 2013 - 01:27) писал:

.cart-prd {
/* ваши стили кнопки */
}

спасибо, вроде все получилось

p.s. все доп. вопросы сняты

#9 ac-dream

ac-dream

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

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

Отправлено 01 Декабрь 2013 - 21:15

Приветствую!
Сделала по инструкции на этой ветке действия, но тем самым убрала, видимо код направленный на увеличение фото при наведении в каталоге.
Как сделать так, чтоб эта функция осталась, а в каталоге товаров (в т.ч. во всех категориях на Главной) добавился значок корзины cart_plus.jpg (а не кнопка "В корзину", как выше описано), окошко с количеством, и увеличить шрифт цены. Всё в одну строчку. В скрине обозначено.
Аккаунт  SL-251223, http://аксессуар-мечты.рф

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

  • Скрин10.jpg


#10 Vaccina

Vaccina

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

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

Отправлено 04 Декабрь 2013 - 03:44

вам необходимо добавить сл.код:
<div class="buy-item">
										  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
												<div>
												  <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}" />
												  <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
												  <input type="submit" value="В корзину" class="tocart" />
												</div>
										  </form>
								  </div>
В шаблон Товары вместо полной замены кода в данном шаблоне как описано выше.
Код, что я вам указала вставьте после:
<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
				</div>

После этого у вас должно остаться увеличение, а также появиться кнопка в корзину

#11 ac-dream

ac-dream

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

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

Отправлено 04 Декабрь 2013 - 12:00

Просмотр сообщенияVaccina (04 Декабрь 2013 - 03:44) писал:

вам необходимо добавить сл.код:
<div class="buy-item">
										 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
											 <div>
												 <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}" />
												 <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
												 <input type="submit" value="В корзину" class="tocart" />
											 </div>
										 </form>
								 </div>
В шаблон Товары вместо полной замены кода в данном шаблоне как описано выше.
Код, что я вам указала вставьте после:
<div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>

После этого у вас должно остаться увеличение, а также появиться кнопка в корзину

Да, теперь просмотр работает, но, мне надо, чтоб была не кнопка вида "В корзину", а как в файле, который я прикрепила в предыдущем сообщении. Прикрепляю ещё раз.

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

  • Скрин10.jpg


#12 Koderhan

Koderhan

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

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

Отправлено 04 Декабрь 2013 - 12:18

Просмотр сообщенияac-dream (04 Декабрь 2013 - 12:00) писал:

Да, теперь просмотр работает, но, мне надо, чтоб была не кнопка вида "В корзину", а как в файле, который я прикрепила в предыдущем сообщении. Прикрепляю ещё раз.


Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.goodsListItemCatalogueAddToCartButton input[type="submit"] {
	background: url('http://i3.storeland.net/1/1915/19148123/eb5c13/vorotnichok-kole-quot-milashka-2-quot.jpg');
	border: 0;
	border-radius: 0;
}
Тут вам нужно будет добавить свою ссылку на изображения кнопки.
И еще нужно удалить слово "В корзину"

Найти код:
<input type="submit" value="В корзину" class="tocart" />
Заменить:
<input type="submit" value="" class="tocart" />


#13 ac-dream

ac-dream

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

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

Отправлено 04 Декабрь 2013 - 17:10

Просмотр сообщенияKoderhan (04 Декабрь 2013 - 12:18) писал:

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.goodsListItemCatalogueAddToCartButton input[type="submit"] {
background: url('http://i3.storeland.net/1/1915/19148123/eb5c13/vorotnichok-kole-quot-milashka-2-quot.jpg');
border: 0;
border-radius: 0;
}
Тут вам нужно будет добавить свою ссылку на изображения кнопки.
И еще нужно удалить слово "В корзину"

Найти код:
<input type="submit" value="В корзину" class="tocart" />
Заменить:
<input type="submit" value="" class="tocart" />

Спасибо!
Получилось.
Только теперь стало понятно, что окошко с количеством позиций не смотрится. Как его убрать?
И как сделать так, чтоб корзина располагалась по центру под ценой? (Скрин11)

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

  • Скрин11.jpg


#14 Vaccina

Vaccina

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

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

Отправлено 05 Декабрь 2013 - 02:48

Для этого из сл.кода:
<div class="buy-item">
																				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
																						 <div>
																								 <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}" />
																								 <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
																								 <input type="submit" value="В корзину" class="tocart" />
																						 </div>
																				 </form>
																 </div>
удалите:
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">

Для центровки корзины зайдите в main.css найдите:
.goodsListItemCatalogueAddToCartButton input[type="submit"] {
	background: url("http://design.xn----7sbatc0ar4agbarh5d3c.xn--p1ai//cart_plus.jpg") no-repeat scroll 0 center rgba(0, 0, 0, 0);
	border: 0 none;
	border-radius: 0;
	height: 40px;
	position: absolute;
	width: 40px;
}
удалите position: absolute;

#15 ac-dream

ac-dream

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

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

Отправлено 05 Декабрь 2013 - 11:33

Спасибо! Теперь всё красиво! Ещё со вкладки "Товары" убрала код с количеством.




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

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