Оглавление:
OpenCart — оформление заказа — убираем ненужные шаги
Один из самых интересующих и актуальных вопросов, возникающих при настройке магазина на OpenCart, это регистрация и оформление заказа. Эти двое отличаются большим количеством не совсем нужных полей и длительным процессом. Сегодня мы поговорим непосредственно об оформлении заказа.
Что видит покупатель, бросив товар в корзину и нажав кнопку «Оформление заказа»? Он получает 6 шагов оформления заказа, которые могут повлиять на то, что покупатель отправится за нужным ему товаром в другой магазин, у которого покупка осуществляется проще и быстрее — никому не хочется тратить много времени на «бумажную работу». Итак, что мы можем предпринять для того, чтобы упростить заказ и тем самым облегчить заказ нашим покупателям? Мы можем скрыть ненужные шаги и сделать быстрое оформление заказа.
Способ протестирован на версии 1.5.3.1.
1. Оформление заказа без регистрации.
Первое, что можно сделать — разобраться с первым шагом, на котором покупателю предложено либо зарегистрироваться, либо оформить заказ без регистрации. По умолчанию отмечена радиокнопка с регистрацией, для того же, чтобы по умолчанию покупателю сразу было предложено оформить заказ без регистрации, открываем файл catalog/view/theme/default/template/checkout/login.tpl и ищем код (с 6 строки ):
и меняем его на
Теперь, если мы проверим начало оформления заказа, то увидим, что отмечена радиокнопка «Оформить заказ без регистрации».
НО. Но если вы хотите, чтобы покупатель, нажав на кнопку «Оформление заказа», сразу переходил к вводу персональных данных, то можно просто аннулировать первый шаг. Для этого открываем вышеупомянутый файл — catalog/view/theme/default/template/checkout/login.tpl и в самом начале прописываем скрипт:
Теперь движок будет игнорировать первый шаг и сразу направлять покупателя ко второму шагу. Осталось лишь в таблице стилей скрыть этот шаг. Открываем файл catalogviewthemedefaultstylesheetstylesheet.css и добавляем
Теперь покупатель из корзины, минуя первый шаг, сразу попадает на шаг, в котором он должен ввести персональную информацию.
2. Уберем шаги 3 и 4, касающиеся доставки.
Открываем файл system/library/cart.php (в корневой папке сайта) и находим строку (приблизительно 381 строка)
сразу после нее добавляем
и строки примут вот такой вид:
Теперь у нас осталось три шага: 2, 5 и 6.
3. Убираем шаг с оплатой. Если в вашем магазине не предусмотрен выбор вариантов оплаты (к примеру, оплата только при доставке), будет вполне логично скрыть шаг, касающийся оплаты. Для этого открываем catalog/view/theme/default/template/checkout/payment_method.tpl и точно также, как мы это делали ранее, добавляем в самом начале документа скрипт:
В этом же файле, ищем строку
и меняем ее на
Снова обращаемся к таблице стилей — catalogviewthemedefaultstylesheetstylesheet.css, и скрываем отображение пятого шага:
У нас осталось всего два шага: Профиль & Платежная информация и Подтверждение заказа.
Дать им другие названия можно в языковом файле cataloglanguagerussiancheckoutcheckout.php.
Также Вам могут быть интересны следующие статьи:
Комментариев: 127. Добавьте свой комментарий
Полезная статья, но есть недочеты. 1) Первый шаг пропускается, но автоматически выбирается пункт "Регистрация", а как сделать чтобы автоматом выбирался пункт "Оформить заказ без регистрации"? 2) Во втором шаге как убрать поля помеченные звездочкой? к примеру поле емейл и т.п. 3) Как убрать условия соглашения? 4) Как сделать оформление в одну страницу? Т.е. не по шагам, где в конце каждого шага для перехода к следующему приходится нажимать кнопку продолжить, а так чтобы на одной странице сразу были открыты поля для ввода личных данных, чуть ниже способ доставки и т.п. и только одна кнопка для конечного оформления.Название поста говорит само за себя — "Убираем шаги", не поля, не чекбоксы, так в чем недочеты? А что касается первого пункта, то в посте как раз и описан способ "как сделать чтобы автоматом выбирался пункт “Оформить заказ без регистрации”?". Оформление заказа на одной странице и удаление обязательных полей — темы будущих записей.- Есть вопрос. А как убрать 3-й пункт, а 4-й оставить?Спасибо.Скрыть третий шаг можно таким же путем, каким мы скрываем пятый шаг с оплатой: в документ catalogviewthemedefaulttemplatecheckoutshipping_address.tpl добавить упомянутый в статье скрипт. И в таблицу стилей добавить: *#shipping-address { display:none; }* (не забудьте удалить звездочки).
- Для начала спасибо! Проверял метод на версии Version 1.5.4.1 к сожалению возникла одна проблема. После того как жмёшь "Оформить заказ" открывается всё как надо со второго шага, заполняешь все данные и жмёшь "Подтвердить" и открывается сразу шаг 6 "Подтверждение заказа" но вот тут возникает проблема приходится ждать порядка 7-10 секунд пока откроется то что я заказ и появится кнопка "подтвердить заказ". У Вас случайно нет метода для ускорения открытия шестого шага? То просто боюсь это может ввести покупателей в непонимание, что им делать дальше.Странно конечно) А Вас не затруднит попробовать оформить тестовый заказ в моём магазине? Может это я просто очень требовательно отношусь к корзине? 🙂 Или у меня чего с компьютером, я конечно попробую сегодня из других мест пооформлять, но не знаю. По результатам проверки получается, что при генерации "подтверждения заказа" следующие скрытые страницы грузятся: http://naturalpush-up.ru/index.php?route=checkout/payment_method/validate грузиться 7.52s http://naturalpush-up.ru/index.php?route=checkout/confirm 4.18s Может я чего-то не убрал в панеле управления галочки какие-то не снял, как думаете? Так же проверил на магазине Василия (http://tea-gs.ru/) он тут тоже отписывался выше. У него конечно побыстрее но тоже есть небольшой простой, но у него терпимо.
- Александр, как убрать первый и пятый шаги в статье описано. А что касается шестого шага, то он ведь ключевой, не будь его, как покупатель сможет подтвердить свой заказ? Код, который Вы приводите, должен быть вставлен в таблицу стилей шаблона (stylesheet.css), и его расположение в документе роли не играет. Я, для удобства, большинство изменений, вносимые в стили шаблона, размещаю в самом конце — всегда легко найти добавленный мною код.
- Версия 1.5.5.1 Все сделал и все получилось кроме скрытия первого пункта. Когда нажимаю оформить то попадаю на второй пункт и выжу анимацию как скрывается первый пункт, но он не исчезает и я могу егооткрыть и изменить если пожелаю #payment-method { display:none; } Код вставлял и не помогает. Помогите, очень хочу скрыть первый пункт.Евгений, сразу оговорюсь, что 1.5.5.1 я даже еще и не тестировала (консерватор я — тяжело расставаться с привычным и проверенным)). Но что касается именно Вашего вопроса, то для того, чтобы скрыть первый шаг, необходимо в stylesheet.css добавить не #payment-method { display:none; } а #checkout { display:none; } так как первый код скрывает способ оплаты, а вот второй скрывает именно первый шаг. Еще необходимо в login.tpl добавить скрипт. Произведите эти действия (в посте они описаны) и все у Вас заработает — первый шаг будет скрыт.
- Данным методом приходилось упрощать оформление заказа на нескольких магазинах, подвохов еще не было. К сожалению, взглянув на сайт, не поймешь где допущена ошибка, так что сказать в чем у Вас проблема, без наличия кода, просто невозможно.
- Владимир, в таком случае Вам проще всего было бы скрыть все шаги кроме 2, 5 и 6. Только второй шаг можно упростить до пары полей, например с именем и телефоном или вовсе оставить лишь заполнение имени. Как скрыть ненужные поля смотрите здесь. Скрывать последний шаг — себе дороже, так как он ключевой и возни с ним масса.
- мне все данные не нужны, они вводятся на сайте http://www.2checkout.com/ это способ оплаты через пластиковых карт, Товар у меня электронный. Вообще я хотел сделать так чтобы при нажатии на ОФОРМИТЬ ЗАКАЗ ( есть модуль оплаты ) переходил на сайт оплаты www.2checkout.comТогда, я так понимаю, Вам, вообще, все эти шаги не нужны. Оставьте просмотр корзины, внутри которой и будет фраза "Оформить заказ" с переходом на нужный Вам сайт для оплаты. Можете глянуть на нечто подобное: http://tastytime.pp.ua. Правда, здесь ситуация была такова, что заказчик совсем не хотел никаких оплат на сайте, поэтому отключила такой момент как оформление заказа.
- Спасибо большое! Помогли. ____¶¶¶¶¶____¶¶¶¶ ___¶¶¶¶__¶¶¶¶_¶¶¶¶ __¶¶¶____¶¶¶¶__¶¶¶ __¶¶¶__________¶¶__¶¶ __¶¶¶__¶¶¶¶¶¶¶____¶¶¶ ___¶¶¶_¶¶¶¶¶¶¶¶_¶¶¶¶ ¶¶¶_¶¶_¶¶¶¶¶¶¶__¶¶¶¶ _¶¶¶_____¶¶¶¶__¶¶¶¶ __¶¶¶¶¶¶_____¶¶¶¶¶ ___¶¶¶¶¶¶¶__¶¶¶¶¶ ______¶¶¶¶ ___________¶¶ _¶¶¶¶¶¶¶___¶¶ __¶¶¶¶¶¶¶__¶¶ ___¶¶¶¶¶¶¶_¶¶_____¶¶¶¶¶ ____¶¶¶¶¶__¶¶___¶¶¶¶¶¶ ___________¶¶__¶¶¶¶¶¶ ___________¶¶_¶¶¶¶¶¶ ___________¶¶ ___________¶¶
- Чтобы не было всех этих шагов необходимо воспользоваться модулем быстрого оформления заказа. Таких есть немало, одни платные, другие бесплатные — на каком остановить выбор — решать Вам. Можете посмотреть модуль "простой заказ/оформление".
- Никак не удается убрать 1 и 5 шаги. Пробую на 1.5.3.1
- Никак не удается убрать 1 и 5 шаги. Пробую на 1.5.3.1 Делал все по пунктам, т.е. сначала добавлял скрипт в login.tpl и payment_method.tpl затем добавлял display:none; в таблицу стилей
- скорее всего дело в том, что использую не стандартный шаблон. есть какие-то мысли как убрать 1 и 5 шаги в этом случае?
- разобрался. остались шаг 2 и шаг 6, при этом на шаге 2 кнопка "продолжить" снова открывает шаг 2, т.е. на шаг 6 попасть невозможно. подскажите где может быть косяк?когда выполняю этот пункт "Уберем шаги 3 и 4, касающиеся доставки. Открываем файл system/library/cart.php (в корневой папке сайта) и находим строку (приблизительно 381 строка) public function hasShipping() { сразу после нее добавляем return false; и строки примут вот такой вид: public function hasShipping() { return false; $shipping = false;" у меня перестает открываться шестой шаг. есть ли какой-нибудь еще способ спрятать пункты 3,4 ?
- Вроде все сделал, но получается такой баг: после заполнения формы с адресом и нажатия кнопки Продолжить, вкладка с адресом закрывается и тут же открывается вместе со следующей вкладкой с оплатой. После подтверджения оплаты все проходит нормально на страницу с подтверждением доставки. Короче говоря происходит повторное открытие формы с адресом, хотя там все в порядке.
- Да все хорошо было, пока не узнал, что проклятый IExplorer 10 не хочет по человечески все делать. В других браузерах все нормально. Он периодически при нажатии на кнопку Продолжить на экране выдает окно "Сообщение веб страницы error" Причем можно просто нажать кнопку еще пару раз и все проходит нормально.
- Владимир, теми изменеиями, которые Вы вносили, убирая ненужные шаги или поля, Вы никак не могли затронуть функционал кнопки "Купить". Возможно, где-то нарушили целесность кода (не все изменения вернули обратно, удалили лишние и т.д. — всех причин и не назовешь) потому и появилась проблема. Если забыли пересохранить файлы (всегда советую это делать, если с кодом на "Вы"), то можно перезалить измененные файлы непосредственно из Вашей темы, если, конечно, до этого не было внесено глобальных изменений.
- "При оформлении зарегистрированными пользователями ничего не работает." Сложно дать совет, когда нет конкретики. Что не работает? Алексей, если Вы правили файлы согласно записи, то, естественно, отредактировали только те файлы, которые касаются гостевого оформления заказа. Если же хотите, чтобы подобные изменения имели силу и при оформлении заказа зарегистрированными пользователями, то необходимо править файлы этой направленности.Вы так и не ответили на вопрос "что не работает?". Какие шаги Вы скрыли? Какая проблема появляется при оформлении заказа зарегистрированным пользователем? У меня, на данный момент, нет магазина с урезанными шагами, а проделывать весь процесс нет времени. Так что сходу, не зная в чем конкретно проблема, не скажу, что надо изменить.
- Та же проблема с зарегистрированным пользователем. Вместо заполнения данных программа предлагает зарегистрированный адрес, нажимаем продолжить, тут начинаются неожиданности. При заказе свыше определенной суммы у меня предлагается бесплатная доставка, которая выбирается при любом раскладе, хочу я этого или нет. После клика продолжить вылезает ошибка и мы возвращаемся к пункту 1 выбор адреса. Подскажите что не так….Дополнение к сообщению. Когда нет бесплатной доставки, по умолчанию стоит первый в списке и так же не переключается. Комментарий написать невозможно, курсор появляется, начинаешь вводить сообщение и все пропадает. Следующий шаг подтверждения заказа недоступен. "Продолжить" и ошибка (окно error, подробностей у ошибки нет). Где же все-таки искать решение проблемы?Нет, если магазин рабочий, то вносить изменения, предварительно их не отработав, не стоит. Нет возможности залить сайт на субдомен, например?
- Здравствуйте! Сделал все как тут написано — круто получилось! =) У меня только один вопрос — в пятом шаге покупатель ставил галочку "согласен с условиями магзина" — раз 5-ый пункт пропускаем (так как способ оплаты один) можно эту галочку перенести в 6-ой пункт? Большое спасибо!
- Здравствуйте! Сделала все по инструкции — для гостевого входа работает хорошо, но если заказ оформляет зарегистрированный пользователь, то после шага 1 (личные данные) нельзя изменить следующие шаги — способ оплаты, доставки. Вы написали, что это нормально, и следует вносить изменения еще в какие-то файлы, чтобы все работало и для зарегистрированного пользователя, — напишите, пожалуйста, в какие конкретно файлы и какие изменения следует внести. скриншот:http://s019.radikal.ru/i615/1308/61/9611807e71e1.jpg
- Добрый вечер. Мне надо удалить шаг с оплатой, при получении заказа меня не устраивает. Версия OC 1.5.1-3 Все сделала как указали, но вот тут не понятно: Снова обращаемся к таблице стилей — catalogviewthemedefaultstylesheetstylesheet.css, и скрываем отображение пятого шага. я просто не нашла (то что ниже) #checkout { display:none; } и как скрывать? спасибо
- Александр, если Ваш блог на реальном хостинге, то данная папка может носить название public html или иногда просто www — зависит от хостера, вот в ней и должны находиться все файлы сайта, то есть она корневая. Зайти в нее можно либо непосредственно через сам хостинг-аккаунт, либо по ftp (нужен ftp-клиент, при работе с файлами сайта он просто необходим). Если же сайт на локальном хостинге, то корневой является та папка, которую Вы создавали для сайта, та папка, в которую были выгружены все файлы и папки движка.
- Уважаемый, Bolt, для того, чтобы Ваш текст принял читабельный вид, необходимо файл, в который Вы вносили изменения, сохранить в нужной кодировке, а именно в Utf-8 без BOM. Сделать это можно с помощью любого редактора, того же Notepad++, Lobster, PhpDesigner и.т.д. И для правки файлов сайта не стоит пользоваться блокнотом.
Вступайте в беседу!
Имя
Email
Сайт
Комментарий
Уведомлять меня о новых записях почтой.
http://jul-collection.com/opencart-oformlenie-zakaza-ubiraem-nenuzhnyie-shagi.html
Кандидат технических наук, доцент кафедры ИУ-6 (Компьютерные системы и сети) Московского государственного технического университета им. Н. Э. Баумана. Самый молодой в России PhD in Computer Science. Эксперт в области компьютерных технологий и программирования.
Стаж: 8 лет.
Образование: МГТУ им. Н. Э. Баумана, к.т.н.
Губарь Маргарита Александровна недавно публиковал (посмотреть все)
- Автоматическое монтирование fstab и systemd - 24.02.2021
- Как в Linux подключить новый диск, разметить и отформатировать разделы - 24.02.2021
- Как сменить режим работы PHP - 24.02.2021