0
Содержание Корзины При Добавлении Товара
Автор Purogen, 01 сент. 2015 07:00
Сообщений в теме: 9
#1
Отправлено 01 Сентябрь 2015 - 07:00
Добрый день.
Аккаунт SL-345565
Подскажите пожалуйста, как реализовать следующее:
1. При добавлении товара в корзину, появляется всплывающее окно
Но в корзине уже есть несколько товаров, как в это окно добавить полный список из корзины с указанием общей стоимости.
2. В каком блоке резактируются кнопки в этом же окне?
Спасибо.
Аккаунт SL-345565
Подскажите пожалуйста, как реализовать следующее:
1. При добавлении товара в корзину, появляется всплывающее окно
Но в корзине уже есть несколько товаров, как в это окно добавить полный список из корзины с указанием общей стоимости.
2. В каком блоке резактируются кнопки в этом же окне?
Спасибо.
#2
Отправлено 01 Сентябрь 2015 - 10:48
Purogen (01 Сентябрь 2015 - 07:00) писал:
Добрый день.
Аккаунт SL-345565
Подскажите пожалуйста, как реализовать следующее:
1. При добавлении товара в корзину, появляется всплывающее окно
добавление в корзину.jpg
Но в корзине уже есть несколько товаров, как в это окно добавить полный список из корзины с указанием общей стоимости.
2. В каком блоке резактируются кнопки в этом же окне?
Спасибо.
Аккаунт SL-345565
Подскажите пожалуйста, как реализовать следующее:
1. При добавлении товара в корзину, появляется всплывающее окно
добавление в корзину.jpg
Но в корзине уже есть несколько товаров, как в это окно добавить полный список из корзины с указанием общей стоимости.
2. В каком блоке резактируются кнопки в этом же окне?
Спасибо.
1. найдите в шаблоне Быстрый заказ код
<div class="alignCenter"> <button type="button" class="button quickform theme-color qfb" id="quickform-order">Оформить заказ</button> <button type="submit" class="button сlose2 theme-color qfb" id="quickform-close">Продолжить покупки</button> </div>
замените на
<div class="alignCenter"> <form action="{CART_URL}" method="post" class="cartForm"> <fieldset class="scroll"> <input type="hidden" name="hash" value="{HASH}" /> <table class="cartTable"> <thead class="theme-color btheme-color"> <tr> <td width="40" class="image">Фото</td> <td class="tFieldName">Название товара</td> <td width="60" class="price-field">Цена</td> <td class="quantity">Кол-во</td> <td class="total">Общая сумма</td> </tr> </thead> <tbody> {% FOR cart_items %} <tr data-id="{cart_items.GOODS_MOD_ID}"> <td height="100"><div class="image goods-image-icon-square"><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=chameleon{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td> <td class="goodsNameInCart"> <a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader"> {cart_items.GOODS_NAME} <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара --> {% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %} </a> </td> <td width="150"> <span class="cart-price"> <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </span> </td> <td width="80"> {cart_items.ORDER_LINE_QUANTITY} </td> <td width="150"> <span class="cart-price"> <span class="price ajaxtotal">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span> </span> </td> </tr> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="discounttr"> <td>Cкидка</td> <td><div class="discount"></div></td> <td style="padding:10px">{cart_discount.DISCOUNT_NAME}</td> <td> <span class="num"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </span> </td> <td class="totalDiscount"><span>{cart_discount.END_PRICE | money_format}</span></td> </tr> {% ENDIF %} {% ENDFOR %} </tbody> </table> </fieldset> </form> <button type="button" class="button quickform theme-color qfb" id="quickform-order">Оформить заказ</button> <button type="submit" class="button сlose2 theme-color qfb" id="quickform-close">Продолжить покупки</button> </div>
2. какую именно кнопку хотите изменить и как
#3
Отправлено 01 Сентябрь 2015 - 11:45
1. Можно ли отцентровать заголовки таблицы?
В частности надписи: Фото, Цена, Сумма.
Также под всеми товарами необходима строка с общей суммой всего заказа.
2. Поменять местами кнопки внизу Оформить заказ и Проболжить покупки. И у кнопки Продолжить покупки убрать изначальную заливку.
Спасибо.
В частности надписи: Фото, Цена, Сумма.
Также под всеми товарами необходима строка с общей суммой всего заказа.
2. Поменять местами кнопки внизу Оформить заказ и Проболжить покупки. И у кнопки Продолжить покупки убрать изначальную заливку.
Спасибо.
#4
Отправлено 01 Сентябрь 2015 - 15:41
Purogen (01 Сентябрь 2015 - 11:45) писал:
Также под всеми товарами необходима строка с общей суммой всего заказа.
С этим кажеться разобрался:
вместо
{% ENDFOR %}
</tbody>
</table>
</fieldset>
</form>
поставил:
{% ENDFOR %}
</tbody>
</table>
<div class="TotalSum ftheme-color">
<span class="price">Итого:</span>
<span class="price">
{% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
{% ENDFOR %}
</span>
</div>
</fieldset>
</form>
Верно?
#5
Отправлено 02 Сентябрь 2015 - 06:19
1-2 В шаблоне Быстрый заказ найдите:
замените на:
#quickform-order {float: left;} #quickform-close {float: right;}
замените на:
#quickform-order {float: right;} #quickform-close {float: left;} .cartForm td { text-align: center; }
#7
Отправлено 02 Сентябрь 2015 - 16:00
Purogen (02 Сентябрь 2015 - 15:51) писал:
Спасибо, всё верно.
Остался только вопрос с цветом кнопок. Как сделать чтобы кнопка Продолжить покупки стала белой, по аналогии со скриншотом?
кнопки.jpg
Остался только вопрос с цветом кнопок. Как сделать чтобы кнопка Продолжить покупки стала белой, по аналогии со скриншотом?
кнопки.jpg
В шаблон main.css добавьте код:
#quickform-close { float: left; background: #fff important; color: #000; }
#8
Отправлено 04 Сентябрь 2015 - 05:34
MikDark (02 Сентябрь 2015 - 16:00) писал:
В шаблон main.css добавьте код:
#quickform-close { float: left; background: #fff important; color: #000; }
Добрый день.
Данное решение не помогает.
В данный момент форма заказа выглядит следующим образом:
Необходимо сделать так:
Т.е. как при обычном оформлении заказа кнопка Назад.
Пытался подставить стиль той кнопки - не помогло.
#9
Отправлено 04 Сентябрь 2015 - 06:44
В шаблоне Быстрый заказ найдите:
#quickform-close {float: left;}замените на:
#quickform-close { float: left; color: #666; background:none; font-size: 18px; border: 1px solid #DDD; padding: 6px 20px 8px; margin-top: 10px; cursor: pointer; transition: all 0.35s ease 0s; } #quickform-close:hover { background: #DDD; color: #000; }
#10
Отправлено 04 Сентябрь 2015 - 06:57
Большое спасибо.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных