Отключен JavaScript

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

1

Выбор Модификации Товара

Автор aleff, 19 апр. 2016 21:39

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

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

#1 aleff

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

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

Отправлено 19 Апрель 2016 - 21:39

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

Наверх

#2 Vaccina

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

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

Отправлено 20 Апрель 2016 - 03:15

Как вариант, можно заранее в каталоге указать выбор модификаций, инструкции по реализации:
http://forum.storela...post__p__228174
http://forum.storela...за/#entry231838

Наверх

#3 aleff

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

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

Отправлено 20 Апрель 2016 - 14:50

Прочитал
А есть универсальная инструкция, а не под конкретный сайт?

Наверх

#4 aleff

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

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

Отправлено 22 Апрель 2016 - 20:14

Я так понял, что инструкции не дождусь, задам вопрос проще - как сделать чтоб при нажатии на кнопку купить покупатель переходил на стр товара и от туда мог заказать

Наверх

#5 Юля123

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

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

Отправлено 25 Апрель 2016 - 15:12

aleff (20 Апрель 2016 - 14:50) писал:

Прочитал
А есть универсальная инструкция, а не под конкретный сайт?

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

aleff (22 Апрель 2016 - 20:14) писал:

Я так понял, что инструкции не дождусь, задам вопрос проще - как сделать чтоб при нажатии на кнопку купить покупатель переходил на стр товара и от туда мог заказать

В шаблоне Товары найдите код:

<a class="add-cart btn-cart product-addcart btn-addto kupit" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Купить</a>

и замените на код:

<a href="{goods.URL | url_amp}" class=" kupit" 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="btn-addto add-cart" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>

и замените на код:

<a href="{goods.URL | url_amp}" class="btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>

в конце main.css добавьте код:

a.kupit {
color: #fff;
background: #E21E54;
padding: 3px 24px 3px 24px;
border-radius: 6px;
}

Для шаблона спорт, в шаблоне Товары найдите код:

<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

и замените на код:

<a href="{goods.URL | url_amp}" class="button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

и код:

<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

замените на код:

<a href="{goods.URL | url_amp}" class="button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

Наверх

#6 aleff

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

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

Отправлено 26 Апрель 2016 - 09:33

Юля123 (25 Апрель 2016 - 15:12) писал:

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

В шаблоне Товары найдите код:

<a class="add-cart btn-cart product-addcart btn-addto kupit" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Купить</a>

и замените на код:

<a href="{goods.URL | url_amp}" class=" kupit" 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="btn-addto add-cart" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>

и замените на код:

<a href="{goods.URL | url_amp}" class="btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>

в конце main.css добавьте код:

a.kupit {
color: #fff;
background: #E21E54;
padding: 3px 24px 3px 24px;
border-radius: 6px;
}

Для шаблона спорт, в шаблоне Товары найдите код:

<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

и замените на код:

<a href="{goods.URL | url_amp}" class="button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

и код:

<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

замените на код:

<a href="{goods.URL | url_amp}" class="button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart">&nbsp; Купить</i></a>

В шаблоне спорт надпись купить стала на сером фоне, как убрать фон?

Наверх

#7 RayLi

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

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

Отправлено 26 Апрель 2016 - 09:42

aleff (26 Апрель 2016 - 09:33) писал:

В шаблоне спорт надпись купить стала на сером фоне, как убрать фон?

Здравствуйте.
На данный момент вышеуказанную вами проблему на сайте вашего интернет-магазина обнаружить не удалось.
Пожалуйста уточните где именно на вашем сайте возникла данная проблема и пришлите, пожалуйста, нам скриншот с её указанием. на нём.
Спасибо.

Наверх

#8 aleff

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

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

Отправлено 26 Апрель 2016 - 09:51

Сравните надпись купить на главной и в любой категории.

Наверх

#9 RayLi

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

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

Отправлено 26 Апрель 2016 - 10:34

aleff (26 Апрель 2016 - 09:51) писал:

Сравните надпись купить на главной и в любой категории.

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

.button {
	display: inline-block;
	padding: 8px 15px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	background-color: #b8b8b8;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	outline: 0;
}

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

.button {
	display: inline-block;
	padding: 8px 15px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	/* background-color: #b8b8b8; */
	color: #fff;
	text-transform: uppercase;
	border: 0;
	outline: 0;
}

Наверх

#10 aleff

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

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

Отправлено 26 Апрель 2016 - 11:50

Спасибо, и еще один вопрос, при наведении на корзину в сплывающем окне, сразу светились кнопки очистить и в корзину

Наверх

#11 Юля123

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

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

Отправлено 26 Апрель 2016 - 12:32

aleff (26 Апрель 2016 - 11:50) писал:

Спасибо, и еще один вопрос, при наведении на корзину в сплывающем окне, сразу светились кнопки очистить и в корзину

В конце main.css добавьте код:

.dropdown-cart .button {
	background: #2BA2E7;
}

Наверх

#12 aleff

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

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

Отправлено 18 Ноябрь 2016 - 11:55

Здравствуйте, как сделать чтоб в каталоге при нажатии на корзину в окошке всплывала выберете модификацию?

Наверх

#13 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Ноябрь 2016 - 11:12

aleff (18 Ноябрь 2016 - 11:55) писал:

Здравствуйте, как сделать чтоб в каталоге при нажатии на корзину в окошке всплывала выберете модификацию?

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

Наверх

#14 aleff

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

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

Отправлено 22 Ноябрь 2016 - 13:29

Stasya (22 Ноябрь 2016 - 11:12) писал:

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

И как такое реализовать?

Наверх

#15 aleff

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

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

Отправлено 24 Ноябрь 2016 - 12:11

Stasya

Stasya (22 Ноябрь 2016 - 11:12) писал:

Есть возможность сделать выбор модификации в каталоге. При клике Купить, в корзину будет добавлена именно та модификация, которую укажет покупатель.

Может уделите моему вопросу не много времени.
Шаблон спорт

Наверх

#16 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 02 Декабрь 2016 - 15:31

aleff (24 Ноябрь 2016 - 12:11) писал:

Stasya

Может уделите моему вопросу не много времени.
Шаблон спорт

Здравствуйте. Простите за долгое ожидание
1) В шаблоне Товары на строке 262 найдите и удалите блок

<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
						<!-- информация для поисковика о валюте товара -->
						<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						  <span class="old-price">
							<span class="old-price price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  </span>
						{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						  <span class="old-price">
							<span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
						  </span>
						{% ENDIF %}
						<span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
					  </div>

2) В том же шаблоне на строке найдите блок

<div class="actions">
										 <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="goodsDataMainModificationsBlock f-fix" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		{% FOR goods_modifications_properties %}
			<span style="color:red;">Выберите:</span>
			<br>
		  <div class="goodsDataMainModificationsBlockProperty">
			<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
			{% FOR values %}
			  <!-- Если это первый элемент в списке -->
			  {% IF goods_modifications_properties.values.first %}
				<span>{goods_modifications_properties.NAME}:</span>
				<select name="form[properties][]" class="selectBox">
			  {% ENDIF %}
				  <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
				<!-- Если это последний элемент в списке -->
				{% IF goods_modifications_properties.values.last %}
				</select>
				{% ENDIF %}
			{% ENDFOR %}
		  </div>				 
		  {goods_modifications_properties.index | is_divided("2","","")}
		{% ENDFOR %}
		<!-- Данные по модификациям для текущей товарной позиции -->
		{% FOR goods_modifications %}
		  <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
			<input type="hidden" name="id" value="{goods_modifications.ID}" />
			<input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
			<input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
			<div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
			<input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
			<div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
			<input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
			<input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
			<input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
			<input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
			<input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
			<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
			<div class="description" style="display:none" itemprop="description">{goods_modifications.DESCRIPTION}</div>
		  </div>
		{% ENDFOR %}
		<!-- Блок описания модификации -->
		  <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			<div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
		  </div>
	  </div>
										 <ul class="add-to-links">
												 <!--a class="add-cart quick button " title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span>В корзину</span><i class="fa fa-shopping-cart"></i></a-->
								 
					 
									  <a class="info button" href="{goods.URL | url_amp}"><span>Подробнее</span><i class="fa fa-info-circle"></i></a>
									  <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину<i class="fa fa-shopping-cart"></i></button>
										 </ul>
										 </form>
										 <p></span>&nbsp;<img src="{ASSETS_IMAGES_PATH}kuer.jpg" alt="" title="" />&nbsp;Доставим&nbsp<span class="date"></span><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mos-kabin-service.ru/feedback"><span style="color:#0000CD;text-decoration:none; border-bottom:#0000CD 1px dashed;">Забрать сегодня</br></a></span></p>
										
								 </div>

и замените его на

<div class="actions">
					  <div class="change">
				 {% FOR mods %}
				 <div class="mod_inf {goods.mods.ID}">
				  <div class="item-price">
				   <div class="price-box"  itemprop="offers" itemscope itemtype="http://schema.org/Offer">
					<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					{% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}
					<span class="old-price">
					 <span class="price {CURRENCY_CHAR_CODE}">{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					</span>
					{% ELSEIF goods.mods.PRICE_OLD>goods.mods.PRICE_NOW %}
					<span class="old-price">
					 <span class="price {CURRENCY_CHAR_CODE}">{goods.mods.PRICE_OLD | money_format}</span>
					</span>
					{% ENDIF %}
					<span class="special-price">
					 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.mods.PRICE_NOW}">{goods.mods.PRICE_NOW | money_format}</span>
					</span>
				   </div>
				  </div>
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.mods.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.mods.ID}" />
				   <ul class="add-to-links">
					<a class="info button" href="{goods.URL | url_amp}"><span>Подробнее</span><i class="fa fa-info-circle"></i></a>
					<button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину<i class="fa fa-shopping-cart"></i></button>
				   </ul>
				  </form>
				  <p></span>&nbsp;<img src="{ASSETS_IMAGES_PATH}kuer.jpg" alt="" title="" />&nbsp;Доставим&nbsp<span class="date"></span><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mos-kabin-service.ru/feedback"><span style="color:#0000CD;text-decoration:none; border-bottom:#0000CD 1px dashed;">Забрать сегодня</br></a></span></p>
				 </div>
				 {% ENDFOR mods %}
				 <div style="clear:both"></div>
				 <select class="select_mod clr">
				 {% FOR mods %}
				 <option value="{goods.mods.ID}" {% IF goods.mods.SELECTED %}selected="selected"{% ENDIF %}>{%FOR v%}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {% ENDFOR v %}</option>
				 {% ENDFOR mods %}
				 </select>
				</div>
										
										
								 </div>

3) В конец файла main.js добавьте блок

$(function(){
$('.select_mod').change(function(){
var modInf = $(this).closest('.change').find('.mod_inf').hide(),
				 active = modInf.filter('.' + $(this).val());
if(active.length){
active.show();
return;
}
modInf.first().show();
}).trigger('change');
});

4) В конец файла main.css добавьте блок

.change {
	min-height: 95px;
}
.actions p{margin:0;}
.products-list .item .actions .old-price {
	margin-right: 5px;
}

Наверх

#17 aleff

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

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

Отправлено 02 Декабрь 2016 - 15:56

~~Сделал, появилось две корзины,~~ Появилось две цены, как можно оставить только верхний ценник

Наверх

#18 Firefly

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

Модераторы
3 810 сообщений

Отправлено 03 Декабрь 2016 - 12:47

aleff (02 Декабрь 2016 - 15:56) писал:

~~Сделал, появилось две корзины,~~ Появилось две цены, как можно оставить только верхний ценник

Здравствуйте.
Изменения Вам произвели. Сейчас цена выводится и изменяется корректно. Оставил Вам нижнюю цену. Верхняя цена, к сожалению, не может изменяться совместно с выбором модификации, поскольку это единый блок.

Наверх

Обратно в Каталог товаров

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

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

Выбор Модификации Товара

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

Войти

Google поиск