Каким образом возможно привести корзину к такому виду?
То есть, закреплена в правом нижнем углу окна браузера и не перемещается. Отображается на всех страницах сайта.
0
Корзина, Фиксированная В Окне Браузера.
Автор ConstantinRS, 03 янв. 2014 15:46
фиксированная корзина корзина изменение корзны
Сообщений в теме: 7
#1
Отправлено 03 Январь 2014 - 15:46
#2
Отправлено 03 Январь 2014 - 16:54
ConstantinRS (03 Январь 2014 - 15:46) писал:
Каким образом возможно привести корзину к такому виду?
корзина.png
То есть, закреплена в правом нижнем углу окна браузера и не перемещается. Отображается на всех страницах сайта.
корзина.png
То есть, закреплена в правом нижнем углу окна браузера и не перемещается. Отображается на всех страницах сайта.
В шаблоне HTML после тега
<body>вставьте такой код
<div id="fixed_cart"> <a href="{CART_URL}" title="Перейти в корзину"> <img src="{ASSETS_IMAGES_PATH}cart.png"> Корзина </a> {% IF cart_count_empty %} <span>Пусто</span> {% ELSE %} <span>{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT}{% ENDFOR %} Р</span> {% ENDIF %} </div>а в конец style.css добавьте
#fixed_cart { position: fixed; bottom:0; right: 0; width: 250px; height:40px; background: #2c2c2c; color: #fff; border-top-left-radius: 6px;-webkit-border-top-left-radius: 6px;-moz-border-top-left-radius: 6px; } #fixed_cart a { display: inline-block; color: #fff; text-decoration: none; background: #444; border: 1px solid #202020; padding: 3px 10px; margin-top: 6px; margin-left: 15px; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; } #fixed_cart img { margin-right: 5px; } #fixed_cart span { width: 50%; text-align: center; display: inline-block; }И загрузите в разделе "Редактор шаблонов" картинку cart.png , чтобы отображалась слева от слова "Корзина"
#3
Отправлено 03 Январь 2014 - 20:25
Здравствуйте )
Спасибо за оперативный ответ. Тега <body> не нашёл, вставил после
</head>
<body class="home">
В тексте получилось:
На сайте с ПК выглядит так:
Изображение позже вставлю.
Хотелось бы..
1.Увеличить шрифт, а можно и весь модуль.
2.Вынести его на передний план, дабы его не закрывал подвал при пролистывании вниз.
3.И сделать его, конечно, кликабельным.
4.Кстати, цена отображается лишь после обновления страницы..
Уж простите, с html у меня не очень, но стараюсь разобраться.
И ещё один нюанс.. На мобильных устройствах корзины вообще не видно..
SL-256931
Спасибо за оперативный ответ. Тега <body> не нашёл, вставил после
</head>
<body class="home">
В тексте получилось:
На сайте с ПК выглядит так:
Изображение позже вставлю.
Хотелось бы..
1.Увеличить шрифт, а можно и весь модуль.
2.Вынести его на передний план, дабы его не закрывал подвал при пролистывании вниз.
3.И сделать его, конечно, кликабельным.
4.Кстати, цена отображается лишь после обновления страницы..
Уж простите, с html у меня не очень, но стараюсь разобраться.
И ещё один нюанс.. На мобильных устройствах корзины вообще не видно..
SL-256931
#4
Отправлено 03 Январь 2014 - 22:38
Методом научного тыка добился нужного мне вида
и правильного отображения на мобильных устройствах
Что осталось:
1.цена меняется лишь при обновлении страницы;
2.модуль не кликабелен (желательно, чтобы кликабелен был весь модуль);
3.модуль корзины на заднем плане, то есть при перемещении по странице то и дело закрывается либо товарами, либо
подвалом..
и правильного отображения на мобильных устройствах
Что осталось:
1.цена меняется лишь при обновлении страницы;
2.модуль не кликабелен (желательно, чтобы кликабелен был весь модуль);
3.модуль корзины на заднем плане, то есть при перемещении по странице то и дело закрывается либо товарами, либо
подвалом..
#5
Отправлено 03 Январь 2014 - 23:24
Проблема 3:"модуль корзины на заднем плане.." решена добавлением "z-index: 9999;" в style.css. Получилось:
#fixed_cart { z-index: 9999; position: fixed; bottom:0; right: 0; width: 250px; height:40px; background: #2c2c2c; color: #fff; border-top-left-radius: 6px;-webkit-border-top-left-radius: 6px;-moz-border-top-left-radius: 6px; } #fixed_cart a { display: inline-block; color: #fff; text-decoration: none; background: #444; border: 1px solid #202020; padding: 3px 10px; margin-top: 6px; margin-left: 15px; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; } #fixed_cart img { margin-right: 5px; } #fixed_cart span { width: 50%; text-align: center; display: inline-block; }
#6
Отправлено 04 Январь 2014 - 00:36
1. Каким-то чудом кнопка модуля стала кликабельной... Но, при нажатии, на долю секунды экран темнеет. То есть происходит одно
мерцание, и тут же переход в корзину. Проверял на разных браузерах- ситуация аналогична.
2. Проблема с изменением суммы в корзине лишь после обновления страницы пока тоже актуальна.
3. И ещё хотелось бы убрать старый модуль корзины. Я, конечно, могу повырезать, но боюсь лишь прибавить этим работы.. )
мерцание, и тут же переход в корзину. Проверял на разных браузерах- ситуация аналогична.
2. Проблема с изменением суммы в корзине лишь после обновления страницы пока тоже актуальна.
3. И ещё хотелось бы убрать старый модуль корзины. Я, конечно, могу повырезать, но боюсь лишь прибавить этим работы.. )
#7
Отправлено 09 Январь 2014 - 17:37
Уже все проблемы с корзиной решил сам. Осталась лишь проблема с изменением суммы в корзине лишь после обновления страницы.
И напишите, когда вы уже начинаете работать в нормальном режиме, пожалуйста.
И напишите, когда вы уже начинаете работать в нормальном режиме, пожалуйста.
#8
Отправлено 10 Январь 2014 - 02:33
Добавьте в конец вашего шаблона "Быстрый заказ" следующую строку
<script>$('#fixed_cart span').html('{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT}{% ENDFOR %} Р');</script>
Темы с аналогичным тегами фиксированная корзина, корзина, изменение корзны
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Бистро →
Корзина →
Добавление В Корзину С Внешней СтороныАвтор Гость_javaca_* , 16 июня 2023 корзина |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Страница товара →
Добавить Название Модификации При Добавлении В КорзинуАвтор Гость_like.hornet.6_* , 09 июня 2022 модификация, корзина |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Корзина →
Восстановить КорзинуАвтор Гость_alexfeb27_* , 20 дек. 2021 корзина |
|
|||
Повышение продаж, продвижение →
Общие вопросы →
Сохранение Товаров В КорзинеАвтор Гость_Милый Мишка_* , 06 окт. 2020 Корзина, Авторизация, ЛК |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Детский →
Страница товара →
Цвет Кнопок В Карточке ТовараАвтор Гость_карамелька :)_* , 25 мая 2020 нужнапомощь, кнопки, цветкнопок и 3 еще... |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных