• Страница 1 из 7
  • 1
  • 2
  • 3
  • 6
  • 7
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Оформление работы корзины для лучшей конверсии сайтов юкоз (Апгрейт работы с корзиной - улучшаем конверсию)
Оформление работы корзины для лучшей конверсии сайтов юкоз
Дата: Вторник, 30.04.2013, 02:45 |
Лейтенант
Группа: Проверенные
Сообщений: 59
Награды: 0
Репутация: 0
Статус: Offline


Доброго времени суток!
Давно хочу реализовать задумку по улучшению работы с корзиной на сайте, но в силу своих скромных почти нулевых знаний в яваскрпт не могу обойтись без посторонней помощи.
Суть работы корзины покажу на примере сайта krem-brule.ru

Но ... пока не понял:
- каким скриптом подгружается текущее состояние корзины, именно при добавлении ... т.е не зависимо от того что было ( или не было ничего - пустая)
- возможно ли подобное сделать для страницы товара в которой можно указать количество добавляемого товара (пример такой страницы http://06-medusa-light.ucoz.com/shop/19/desc/new-fashion-uv-sunglasses-for-man )
- возможно ли в этом открытом окне ( после добавления товара, или по клику на ссыль "заглянуть в корзину, в шапке, ) управлять содержимым корзины, так же как на странице /shop/checkout ( страница оформления заказа - удалять или корректировать количество товарной позиции )

На сайте krem-brule для кнопки используется ссылка, а на сайте с демо-шаблоном используется два инпута

... нужно много ещё чего перечислить но от дальнейшего, пока, воздержусь, хотел бы услышать ответ по второму и третьему пункту ( можно ли такое сделать для кнопки "В корзину" с указанием количества и управлять содержимым в аякс окне)

Заранее спасибо за внимание smile


 
Дата: Суббота, 04.05.2013, 03:43 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Andrio,
Цитата (Andrio, Вт, 30.04.2013, 02:45:35)
Доброго времени суток!

Доброе.

Цитата (Andrio, Вт, 30.04.2013, 02:45:35)
Но ... пока не понял:
- каким скриптом подгружается текущее состояние корзины, именно при добавлении

Никаким “именно при добавлении”, при добавлении корзина сама обновляется (системно), а скрипт просто берет данные из уже обновленного скрытого блока корзины.

Цитата (Andrio, Вт, 30.04.2013, 02:45:35)
- возможно ли подобное сделать для страницы товара в которой можно указать количество добавляемого товара

Возможно, для любой где выводится корзина, ну а где не выводится, всегда можно дописать дополнительный гет-запрос туда, где она есть.

Цитата (Andrio, Вт, 30.04.2013, 02:45:35)
возможно ли в этом открытом окне ( после добавления товара, или по клику на ссыль "заглянуть в корзину, в шапке, )

Без понятия, не пробовал, но думаю возможно.

Цитата (Andrio, Вт, 30.04.2013, 02:45:35)
На сайте krem-brule для кнопки используется ссылка, а на сайте с демо-шаблоном используется два инпута

Тип элемента абсолютно никаго значения не имеет, главное экшен (функция) который прописан/привязан к нему.


 
Дата: Воскресенье, 12.05.2013, 21:05 |
Лейтенант
Группа: Проверенные
Сообщений: 59
Награды: 0
Репутация: 0
Статус: Offline


Доброго дня маэстро smile
Хотел проблему загрузки данных в аякс окно решить через этот пример всё получилось с одной стороны, вроде не сложно



но не правильно работают или вообще не работают несколько моментов:
- данные грузятся со страницы оформления заказа на момент загрузки страницы нахождения ( т.е например можно находится/открыть на странице каталога и положить несколько товаров, при этом число товаров понятно что не обновляется в информере, но даже по клику на ссылку(число с количеством товара), всё равно данные идут с пустой страницы, как будто ничего нет в корзине, ну и понятно, что данные загрузки не обновились, но если обновить страницу то всё нормально станет, данные правильные
Можно как-то это дело поправить?

- и второе - не работают кнопки обновления корзины, ... понимаю что не хватает скрипта обработки корзины, например вот этого



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

Как это можно поправить или, если не сложно показать пример smile

Заранее респект и уважуха smile


Сообщение отредактировал Andrio - Воскресенье, 12.05.2013, 21:25
 
Дата: Воскресенье, 12.05.2013, 21:53 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Andrio,
Цитата (Andrio, Вс, 12.05.2013, 21:05:18)
ак это можно поправить или, если не сложно показать пример

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

Цитата (Andrio, Вс, 12.05.2013, 21:05:18)
<a href="#top_load_basket_all" rel="nofollow" class="ulightbox"> //- ссылка для открытия аякс окна
<span id="inf_top_basket"><script type="text/javascript">$('#inf_top_basket').html('<img src="/.s/img/wd/1/ajax.gif">');$.get('/shop/checkout',{},function(d){$('#inf_top_basket').html($('#vse_tovs_chek',d).html());});</script></span> //-контейнер для вывода данных о количестве товара со страницы оформления заказа /shop/checkout
</a>

Че за бред?
Почему у тебя в ссылке - строчном элементе, какая-то байда, да еще и скрипт..
Рядом поставить не судьба?

Цитата (Andrio, Вс, 12.05.2013, 21:05:18)
если не сложно показать пример

Код
<?if($BASKET$)?>
$BASKET$
<noindex style="display:none;"><div id="top_load_basket"><img src="/.s/img/wd/1/ajax.gif"></div></noindex>
<script type="text/javascript">
$.get('/shop/checkout',{},function(d){
  $('#top_load_basket').html($('#order-table',d).html());
});
</script>
<?endif?>


 
Дата: Воскресенье, 12.05.2013, 22:27 |
Лейтенант
Группа: Проверенные
Сообщений: 59
Награды: 0
Репутация: 0
Статус: Offline


Цитата (likbezz, Вс, 12.05.2013, 21:53:04)
Че за бред?
Почему у тебя в ссылке - строчном элементе, какая-то байда, да еще и скрипт..

в данной ссылке другой строчный (спан) - это вроде нормально по идее ( строчный в строчном) ...а в спан загрузил количество товара ... это так пояснил свой ход мысли smile ...
с остальным щас буду пробовать ... респект за внимание !

Не совсем понял, пока ( так сходу ) момент про пример и скрипт ... буду мудрить smile .. и вникать


 
Дата: Воскресенье, 12.05.2013, 22:33 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Andrio,
Цитата (Andrio, Вс, 12.05.2013, 22:27:32)
в данной ссылке другой строчный (спан) - это вроде нормально по идее ( строчный в строчном) ...а в спан загрузил количество товара ... это так пояснил свой ход мысли

Не кол-во товара, а целая таблица..



И ты хочешь таблицу впихнуть в ссылку?.. ну да, конечно..

Цитата (Andrio, Вс, 12.05.2013, 22:27:32)
Не совсем понял, пока ( так сходу ) момент про пример и скрипт ...

Ну да, там же столько букв.. да и еще и незнамые сочетания..
А что именно непонятно? просто интересно

Прикрепления: 2181757.png (15.3 Kb)

 
Дата: Воскресенье, 12.05.2013, 23:35 |
Лейтенант
Группа: Проверенные
Сообщений: 59
Награды: 0
Репутация: 0
Статус: Offline


Цитата (likbezz, Вс, 12.05.2013, 22:33:25)
Не кол-во товара, а целая таблица..

нет ... там именно одна цифра, спецом на странице /shop/checkout создан отдельный элемент в котором системным кодом выводится количество товара ... ну и этим скриптом загрузил её в нужный спан ( в информере ) ... так что по идее всё по фэншую )))

Цитата (likbezz, Вс, 12.05.2013, 22:33:25)
И ты хочешь таблицу впихнуть в ссылку?

эта вся таблица с заказом и прочим функционалом грузится в скрытый див <div id="top_load_basket"> который при клике по ссылке выводится в аякс окне ... результат аякс окна не в этой ссылке выводится
Цитата (likbezz, Вс, 12.05.2013, 22:33:25)
А что именно непонятно? просто интересно

код корзины ($BASKET$ ) можно использовать только раз на странице, такой фрагмент
Код
<?if($BASKET$)?>  
$BASKET$

это грубо говоря должно стоять в каком-нибудь боковом глобальном блоке ( не факт конечно, у кого какой диз) но если не использовать примочек то место ему там, а так можно и таким способом выводить, например как тут koleso-ua.com/shop/all ... отредактировать сам шаблон корзины и повесить скрипт для визуализации удобной( решение чисто на корзине) ... я же хотел бы в аяксе сделать рабочий кусок страницы - таблицу с заказом, как она на странице /shop/checkout
потому пока не совсем понял привязку корзины и своей цели, так ... что-то понимаю ( подсознательно) ... что именно сам код $BASKET$ обеспечит онлайн отображение, без перезагрузки, содержимое и его количество ...
Цитата (likbezz, Вс, 12.05.2013, 22:33:25)
да и еще и незнамые сочетания..
да ... скрипты, пока что, моя ахилесова пята во весь моск ))

Добавлено (12.05.2013, 23:35)
---------------------------------------------
а ...ну да ...скрипты можно и "рядом" после элемента прописать ... )))

 
Дата: Воскресенье, 12.05.2013, 23:39 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Andrio,
Цитата (Andrio, Вс, 12.05.2013, 23:20:44)
нет ... там именно одна цифра

Ну если цифра, то нормально, чет я глянул, видимо не то.

Цитата (Andrio, Вс, 12.05.2013, 23:20:44)
код корзины ($BASKET$ ) можно использовать только раз на странице, такой фрагмент

Обычно, его вставляют в глобальный блок..
Она у тебя уже где-то выводится? - тогда в то условие.

Цитата (Andrio, Вс, 12.05.2013, 23:20:44)
отредактировать сам шаблон корзины

Можно и в саму корзину, даже наверное лучше.


 
Дата: Понедельник, 13.05.2013, 00:50 |
Лейтенант
Группа: Проверенные
Сообщений: 59
Награды: 0
Репутация: 0
Статус: Offline


Цитата (likbezz, Вс, 12.05.2013, 23:39:40)
Обычно, его вставляют в глобальный блок..

Сама корзина да ... так и есть, в ГБ прописана ...раньше только по модулю ИМ показывал ( по умолчанию так было) ... потом раскрыл по всем модулям, ну кроме гостевой, и то вроде и там уже открыл ( для тестов что бы всё работало ) и кроме некоторых ещё страниц ( работа с заказами и что-то ещё, но не в этом суть smile )
...а в том что там ( в корзине) этот код

бесполезен, или я чего-то не догоняю ....
мне ничего это не даёт (если прописать его с корзиной или в корзине) а вот в моём блоке изначальном он работает ... скрипт этот лучше( компактнее) smile ... грузит всю таблицу с чекаута в аяксовое окно, но в нём так же не работает( онлайн отображение и обновление, как на странице чекаута) ни удаление товара, точнее его визуальное удаление, без обновления всей страницы, ни изменение количества, изменение в инпуте количества и потом клик по кнопке "пересчитать" и последующее изменение( тут не помогает даже обновить, видать события какого-то или скрипта не хватает, хотя "очистить" - т.е удалить все товары, отрабатывает после обновления всей страницы, в аяксе после обновления пустая корзина выводится) ... кстати .. для шопа есть свой системный скрипт, он вроде только модулю ИМ работает, наверно в нём вопрос ... щас проверю smile ... подключу условиями с системы

Добавлено (13.05.2013, 00:50)
---------------------------------------------
очистить наверно роботает ( после обновления страницы в аяксе) потому что это зарыто в скрипте, который в корзине ( в отдельном шаблоне) прописан дополнительно, и соотвественно стал на всех страницах сайта ...потому и очистить, стало отрабатывать (в корзине есть такая кнопка) ... но работает только если обновить всю страницу и только потом в аяксе пусто становиться



Сообщение отредактировал Andrio - Понедельник, 13.05.2013, 00:45
 
Дата: Понедельник, 13.05.2013, 01:11 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Andrio,
Цитата (Andrio, Пн, 13.05.2013, 00:50:57)
но в нём так же не работает( онлайн отображение

А что это за “онлайн отображение” ?

Цитата (Andrio, Пн, 13.05.2013, 00:50:57)
ни удаление товара, точнее его визуальное удаление

Скорее всего не прописаны скрипты.

Цитата (Andrio, Пн, 13.05.2013, 00:50:57)
он вроде только модулю ИМ работает

Да, только в магазине, в остальных нужно прописывать руками, если нужен, конечно.

Цитата (Andrio, Пн, 13.05.2013, 00:50:57)
<script language="Javascript"><!--
var lock_buttons = 0;
function clearBasket(){

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


 
Дата: Понедельник, 13.05.2013, 01:42 |
Лейтенант
Группа: Проверенные
Сообщений: 59
Награды: 0
Репутация: 0
Статус: Offline


Цитата (likbezz, Пн, 13.05.2013, 01:11:45)
А что это за “онлайн отображение” ?

Это как в корзине - добавил товар, он в этом блоке появился, БЕЗ ОБНОВЛЕНИЯ СТРАНИЦЫ ВСЕЙ, и соответственно поменялась сумма и прочие данные

Так ... по теме количества товаров в аяксе, без перезагрузки ... наверно не получится, потому как даже на стр. /shop/checkout при изменении в поле ( в инпуте) количества товара по позиции и после клика по "пересчитать" происходит автообновление всей страницы, потому наверно в аяксе, не закрывая его и не перегружая всю страницу, не получится такое, нашёл скрипт на креме( точнее понял для чего там один скрипт) который убирает тег инпут и оставляет только цифру, чуть под себя поправил ( изменил имя id-шника smile )



td.order-item-cnt - именно в этой ячейке идёт количество в инпуте
PS: но что-то кривовато работает, не то из не согласованности используемого мной скрипта ... или ещё почему, в общем инпут затирает через раз ... то сработает, то нет sad ... что не так?

... или можно так сделать в аяксе с изменением количества и пересчетом суммы итоговой ? smile
Цитата (likbezz, Пн, 13.05.2013, 01:11:45)
Да, только в магазине, в остальных нужно прописывать руками, если нужен, конечно

да уже понял, писал же выше ... у меня глобальный блок в хэде есть, в него впихнул такое
Код
<?if!($MODULE_ID$='shop')?><script type="text/javascript" src="http://s106.ucoz.net/src/shop.js?2"></script><?endif?>

что бы системный ( который автоматом пишется по шопу) не дублировался

Добавлено (13.05.2013, 01:42)
---------------------------------------------

Цитата (likbezz, Пн, 13.05.2013, 01:11:45)
О, .. всегда мечтал увидеть листинг системных скриптом..

а какие ещё надо ... давай кину smile


 
Дата: Понедельник, 13.05.2013, 01:54 |
Генерал-майор
Группа: Проверенные
Сообщений: 408
Награды: 2
Репутация: 8
Статус: Offline


стесняюсь спросить,а имеет ли смысл переделывать модуль инет магазина?

 
Дата: Понедельник, 13.05.2013, 01:57 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Andrio,
Цитата (Andrio, Пн, 13.05.2013, 01:42:32)
а какие ещё надо ... давай кину

) Ну, юкозовский юВинд.яс можешь выложить.. если влезет )))

Цитата (Andrio, Пн, 13.05.2013, 01:42:32)
Это как в корзине - добавил товар, он в этом блоке появился, БЕЗ ОБНОВЛЕНИЯ СТРАНИЦЫ ВСЕЙ, и соответственно поменялась сумма и прочие данные

И что, ты хочешь что бы это работало в аякс окошке? зачем? Ты же не сможешь добавить товар если окошко активно.. только удалить..

Цитата (Andrio, Пн, 13.05.2013, 01:42:32)
по теме количества товаров в аяксе, без перезагрузки ... наверно не получится, потому как даже на стр. /shop/checkout при изменении в поле ( в инпуте) количества товара по позиции и после клика по "пересчитать" происходит автообновление всей страницы, потому наверно в аяксе, не закрывая его и не перегружая всю страницу, не получится такое

Это почему? корзина же обновляется, а в корзине есть оператор выводящий кол-во товаров, и кол-во позиций, да там вообще хватает разных операторов.
Кроме того, а зачем тебе в аяксе кол-во товаров? На глаз не заметно?
Да и посчитать можно, на крайняк..

Цитата (Andrio, Пн, 13.05.2013, 01:42:32)
нашёл скрипт на креме( точнее понял для чего там один скрипт) который убирает тег инпу

Ты только сейчас его заметил? дауж..

Цитата (Andrio, Пн, 13.05.2013, 01:42:32)
или можно так сделать в аяксе с изменением количества и пересчетом суммы итоговой ?

Да, наверняка )


 
Дата: Понедельник, 13.05.2013, 02:15 |
Лейтенант
Группа: Проверенные
Сообщений: 59
Награды: 0
Репутация: 0
Статус: Offline


Цитата (likbezz, Пн, 13.05.2013, 01:57:17)
) Ну, юкозовский юВинд.яс можешь выложить.. если влезет )))

про этот что ли http://s106.ucoz.net/src/uwnd.js?2 ? ... или про что ? .. дак его по ссылке можно открыть

Добавлено (13.05.2013, 02:15)
---------------------------------------------

Цитата (likbezz, Пн, 13.05.2013, 01:57:17)
Ты же не сможешь добавить товар если окошко активно.. только удалить..

да пока и удалить не могу smile ... ну это в открытом аяксе ... чего то не хватает ((


Сообщение отредактировал Andrio - Понедельник, 13.05.2013, 02:13
 
Дата: Понедельник, 13.05.2013, 02:16 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Andrio,
Цитата (Andrio, Пн, 13.05.2013, 02:15:02)
про этот что ли http://s106.ucoz.net/src/uwnd.js?2 ?

Аха, именно.

Цитата (Andrio, Пн, 13.05.2013, 02:15:02)
дак его по ссылке можно открыть

Да и твой листинг посмотреть недолго )

Цитата (Andrio, Пн, 13.05.2013, 02:15:02)
да пока и удалить не могу smile ... ну это в открытом аяксе ... чего то не хватает

Функции удаления, может быть?


 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Оформление работы корзины для лучшей конверсии сайтов юкоз (Апгрейт работы с корзиной - улучшаем конверсию)
  • Страница 1 из 7
  • 1
  • 2
  • 3
  • 6
  • 7
  • »
Поиск:


Мобильная версия