Изменения На Странице Товара
#1
Отправлено 29 Ноябрь 2016 - 19:17
1. Если в наличии 1 шт. то убрать выбор количества, и чтобы он появлялся только при наличии 2 шт и более
2. Активировать кнопку Увеличить Изображение под фото товара. Сейчас при на ведении надпись не выделяется и курсор как в Ворде. Надо чтобы курсор был как при наведении на ссылку а сама надпись бы выделялась жирным и другим цветом.
3. Кнопку быстрый заказ связать с минимальной суммой заказа и добавить в окно быстрого заказа содержимое корзины и ее сумму. а также если сумма меньше минимальной суммы заказа то добавить информационный блок информирующий об этом.
Сейчас при нажатии на кнопку быстрый заказ предлагается ввести свои данные и заказ будет оформлен. Причем если уже было много товаров в корзине, а быстрый заказ с карточки конкретного товара делал, то оформятся все товары, и через кнопку быстрого заказа этого не видно, вообще не выводится сумма того что покупаю.
И если товар не проходит по минимальной сумме заказа, тоже информации нет об этом, клиент вводит все свои данные и только потом об этом узнает.
Надо при нажатии на кнопку "Быстрый заказ" разместить под зеленым информационным блоком "что товар успешно добавлен в корзину, другой информационный блок рыжий например, что сумма заказа меньше минимальной, которая составляется столько то.
А под ними содержимое корзины, точно также как при обычном оформлении заказа из корзины, т.е сначала информационные сообщения, потом содержимое корзины с возможностью удалять позиции и потом сама форма быстрого заказа.
4. Про обычном оформлении заказа сверху добавить такой же информационный блок если сумма заказа меньше минимально на сайте.
#2
Отправлено 01 Декабрь 2016 - 13:29
atrofimov (29 Ноябрь 2016 - 19:17) писал:
1. Если в наличии 1 шт. то убрать выбор количества, и чтобы он появлялся только при наличии 2 шт и более
2. Активировать кнопку Увеличить Изображение под фото товара. Сейчас при на ведении надпись не выделяется и курсор как в Ворде. Надо чтобы курсор был как при наведении на ссылку а сама надпись бы выделялась жирным и другим цветом.
3. Кнопку быстрый заказ связать с минимальной суммой заказа и добавить в окно быстрого заказа содержимое корзины и ее сумму. а также если сумма меньше минимальной суммы заказа то добавить информационный блок информирующий об этом.
Сейчас при нажатии на кнопку быстрый заказ предлагается ввести свои данные и заказ будет оформлен. Причем если уже было много товаров в корзине, а быстрый заказ с карточки конкретного товара делал, то оформятся все товары, и через кнопку быстрого заказа этого не видно, вообще не выводится сумма того что покупаю.
И если товар не проходит по минимальной сумме заказа, тоже информации нет об этом, клиент вводит все свои данные и только потом об этом узнает.
Надо при нажатии на кнопку "Быстрый заказ" разместить под зеленым информационным блоком "что товар успешно добавлен в корзину, другой информационный блок рыжий например, что сумма заказа меньше минимальной, которая составляется столько то.
А под ними содержимое корзины, точно также как при обычном оформлении заказа из корзины, т.е сначала информационные сообщения, потом содержимое корзины с возможностью удалять позиции и потом сама форма быстрого заказа.
4. Про обычном оформлении заказа сверху добавить такой же информационный блок если сумма заказа меньше минимально на сайте.
Здравствуйте.
1) В шаблоне Товар Вам нужно найти код:
<div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="quantity-minus fa fa-minus unselectable"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')"> <span class="quantity-plus fa fa-plus unselectable"></span> </div>
и заменить его на:
<div class="goodsDataMainModificationAvailable"> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}"> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="quantity-minus fa fa-minus unselectable"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')"> <span class="quantity-plus fa fa-plus unselectable"></span> </div> </div> </div>
2) В шаблон main.css Вам нужно добавить:
center.goodsImageZoom { cursor: pointer; text-decoration: underline; }
После этого напишите нам, поможем с оставшимися вопросами.
#3
Отправлено 01 Декабрь 2016 - 14:10
2. Вопрос закрыт! Спасибо большое!
1. Выбор количества пропал, но он не появляется несли в наличии несколько шт.
#5
Отправлено 01 Декабрь 2016 - 15:59
1. Вопрос закрыт. Все отлично! спасибо больше!
Жду помощи по вопросам 3 и 4.
#6
Отправлено 01 Декабрь 2016 - 16:46
#7
Отправлено 05 Декабрь 2016 - 16:30
atrofimov (01 Декабрь 2016 - 16:46) писал:
<font color="#ff5024">Скидка 5% на каждый следующий заказ.и замените ее на
<font color="#ff5024">Скидка 5% на каждый следующий заказ.</font>В дальнейшем прошу Вас не удалять теги, так как они открываются в одном месте,а закрываются в другом. Т.е. удаление одного такого закрывающего тега может нарушить верстку и привести к некорректному отображению сайта.
#8
Отправлено 05 Декабрь 2016 - 17:11
Ошибку исправил. На будущее буду осторожен.
Только это в аккаунте SL-163344
А все вопросы по сайту по аккаунту SL-395059.
Посмотрите пожалуйста код товара по этому аккаунту. И вопросы 3 и4 из первого сообщения до сих пор актуальны. Очень жду Вашей помощи.
#9
Отправлено 12 Декабрь 2016 - 11:24
atrofimov (05 Декабрь 2016 - 17:11) писал:
Ошибку исправил. На будущее буду осторожен.
Только это в аккаунте SL-163344
А все вопросы по сайту по аккаунту SL-395059.
Посмотрите пожалуйста код товара по этому аккаунту. И вопросы 3 и4 из первого сообщения до сих пор актуальны. Очень жду Вашей помощи.
Здравствуйте. Простите за долгое ожидание. На данном аккаунте визуально все выглядит хорошо, но вот ошибки в верстке есть. К ним привело именно удаление одного из тегов. При исправлении ошибки происходит js-ошибка. Т.е. такого отображения простым удалением тега не добиться.
#10
Отправлено 12 Декабрь 2016 - 12:30
#11
Отправлено 12 Декабрь 2016 - 12:43
atrofimov (12 Декабрь 2016 - 12:30) писал:
Сейчас большинство бразуеров сами дописывают необходимые теги, но сделают ли они это правильно, не известно. Поэтому полагаться на такое решение не стоит.
#12
Отправлено 12 Декабрь 2016 - 12:44
#13
Отправлено 13 Декабрь 2016 - 15:42
atrofimov (12 Декабрь 2016 - 12:44) писал:
Что бы добавить содержание корзины в форму быстрого заказа, найдите в шаблоне Быстрый заказ код
{% IF cart_count_empty %} <h2 class="alignCenter">Ваша корзина пуста, пожалуйста, выберите другой товар для оформления заказа</h2> {% ELSE %}
после вставьте
<form action="{CART_URL}" method="post" class="cartForm"> <input type="hidden" name="fast_order" value="1" /> <input type="hidden" name="hash" value="{HASH}" /> <table class="table-box cartTable"> <thead> <tr> <td class="image">Фото</td> <td class="name">Название товара</td> <td class="">Цена</td> <td class="quantity">Кол-во</td> <td class="total">Общая сумма</td> </tr> </thead> <tbody> {% FOR cart_items %} <tr class="items" data-id="{cart_items.GOODS_MOD_ID}"> <td class="image"><a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=eclipse{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></td> <td class="name"> <a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a> <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара --> {% IF cart_items.GOODS_MOD_ART_NUMBER %}<div class="art">Артикул: <span>{cart_items.GOODS_MOD_ART_NUMBER}</span></div>{% ENDIF %} {% IFNOT cart_items.distinctive_properties_empty %}<div class="properties">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %} </td> <td width="150" class="cart-price"> <span class="title">Цена:</span> <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </td> <td width="100" class="cart-qty"> <span class="title">Кол-во:</span> <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" disabled="disabled" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" class="inputText cartqty" type="number" maxlength="5" min="1" onkeypress="return keyPress('0123456789')" /> </td> <td width="150" class="cart-price"> <span class="title">Сумма:</span> <span class="ajaxtotal price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span> </td> </tr> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="discounttr"> <td class="hide" colspan="2">Скидка</td> <td class="disc-name"> <span class="title">Скидка <span class="num bold"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE} {% ENDIF %} </span> </span> <span class="name">{cart_discount.DISCOUNT_NAME}</span> </td> <td class="hide"> <span class="num"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE} {% ENDIF %} </span> </td> <td colspan="2"> <span class="title">Сумма скидки:</span> <span>{cart_discount.END_PRICE | money_format }</span> </td> </tr> {% ENDIF %} {% ENDFOR %} </tbody> <tfoot> <tr> <td colspan="4" class="text-right"> <span>Итого:</span> <span class="TotalSum"> <span class="price"> {% FOR cart_sum %} {cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format} {% ENDFOR %} </span> </span> </td> <td colspan="2" class="hide"> <div class="TotalSum"> <span class="price"> {% FOR cart_sum %} {cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format} {% ENDFOR %} </span> </div> </td> </tr> <tr> <td colspan="6"> </td> </tr> </tfoot> </table> </form> <div id="inform_block" {% FOR cart_sum %} {%IF cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT>500 %}style="display:none" {%ENDIF%} {% ENDFOR %}>Сумма Вашего заказа {% FOR cart_sum %} {cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format} {% ENDFOR %} меньше минимальной суммы заказа 500руб. Заказ оформлен не будет.</div>
#14
Отправлено 14 Декабрь 2016 - 20:26
Спасибо большое за исправление ошибки на странице и правильный перенос блока характеристик.
1. Только вот сейчас снова вопрос 1 из первого сообщения стал актуален. Теперь при наличии 1 шт снова отображается выбор количества.
Можно реализовать чтобы выбор количества появлялся бы при 2 шт и более и чтобы это не привело к ошибкам на странице?
2. Добавил содержимое корзины в форму быстрого заказа. Спасибо что добавили еще информационное сообщение при сумме заказа меньше минимальной.
Можно это сообщение по стилю сделать как сообщение об успешном добавлении товара в корзину? Но цвет сделать не зеленый а рыжий(такой же как при сообщении о пустой корзине. И также добавить ссылку на катар=лог чтобы добрать товар до минимальной суммы.
Заметил еще одну странность. При добавлении товара в корзину в графе итого раньше писалась сумма товаров и Доставка Почтой. Товар 100 руб например, а в Итого 285 рублей, без пояснения почему 285. Сейчас в браузерах Гугл Хром, Яндекс браузер и Интернет Эксплорер стало все отлично: Товар 100 рублей, Итого тоже 100 рублей. А в браузере Опера( может и в других каких нибудь в Итого попадает доставка без пояснения. Нужно чтобы во всех браузерах в графе итого до оформления заказа отображалась только сумма товаров. Приложил принтскрины с разных браузеров.
3. Добавить картинку со способами оплаты справа от цены над кнопкой быстрый заказ. Картинку и как должно выглядеть приложил. При нажатии на картинку чтобы переходило на сраницу доставки и оплаты, А при наведении на нее комментарий про способы оплаты.
#15
Отправлено 15 Декабрь 2016 - 14:19
Остальные вопросы актуальны. Очень жду Вашей помощи.
#16
Отправлено 15 Декабрь 2016 - 19:01
Выглядит отлично. Проверьте, пожалуйста, корректность внесенных изменений. После этого перенесу данное информационное сообщение и в обычное оформление заказа через корзину.
1 и 3 вопрос актуальны. Жду. Спасибо.
#17
Отправлено 21 Декабрь 2016 - 16:14
Вставил строку таким образом:
<p><a href="http://testmm.storel.../Доставка"><img src="{ASSETS_IMAGES_PATH}oplata.png" alt="" title="Оплата наложенным платежом или переводом на банковскую карту" style="vertical-align:middle;padding:0 85px;" /></a></p>
Все выглядит хорошо так как хотелось. Проверте пожалуйста корректность внесенных изменений. Так нормально или может как то лучше задать, например с заданием стиля в файле main.css?
Вопрос 1 по прежнему актуален, без вас не справлюсь!
#18
Отправлено 23 Декабрь 2016 - 00:39
Так что все вопросы по карточке товара закрыты. Понимаю что сейчас перед Новым Годом у вас большая занятость, поэтому по мере возможности вопросы закрываю сам.
Проверьте пожалуйста корректность внесенных мной изменений на странице товара. И еще небольшой вопрос. Когда выбор количества скрыт, то между ценой и кнопками купить есть пустота. Как сделать это расстояние поменьше?
#19
Отправлено 24 Декабрь 2016 - 05:33
Цитата
<div class="wrap-qty"> <div class="goodsDataMainModificationAvailable"> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE<2 %}display:none;{% ENDIF %}"> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="quantity-minus fa fa-minus unselectable"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')"> <span class="quantity-plus fa fa-plus unselectable"></span> </div> </div> </div> </div>
замените на:
<div class="wrap-qty" {% IF GOODS_MOD_REST_VALUE < 2 %}style="display:none;"{% ENDIF %}> <div class="goodsDataMainModificationAvailable"> <div class="available-false"> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="quantity-minus fa fa-minus unselectable"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')"> <span class="quantity-plus fa fa-plus unselectable"></span> </div> </div> </div> </div>
Цитата
<p><a href="http://testmm.storel.../Доставка"><img src="{ASSETS_IMAGES_PATH}oplata.png" alt="" title="Оплата наложенным платежом или переводом на банковскую карту" style="vertical-align:middle;padding:0 85px;" /></a></p>
Все выглядит хорошо так как хотелось. Проверте пожалуйста корректность внесенных изменений. Так нормально или может как то лучше задать, например с заданием стиля в файле main.css?
Можно вставить следующим образом:
<p><a class="payment_item" href="http://testmm.storeland.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0"><img src="{ASSETS_IMAGES_PATH}oplata.png" alt="Оплата наложенным платежом или переводом на банковскую карту" /></a></p>
и в main.css добавить:
.payment_item{vertical-align:middle;padding:0 85px;}
#20
Отправлено 24 Декабрь 2016 - 19:46
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных