OpenCart 2.x — быстрый доступ к регистрации (+быстрая регистрация) и входу в личный кабинет — Quick 2016-06-15. Опенкарт личный кабинет


OpenCart — личный кабинет покупателя — меняем оформление аккаунта покупателя, добавляем изображения | Модули, Шаблоны, Движки

Дизайн магазина — важный аспект при создании интернет-магазина, и каждый, на свой вкус, украшает магазин. Кто-то добавляет графику, кто-то использует необычные шрифты, есть такие, кто и про внешний вид админки не забывает. Ну а мы сегодня посмотрим на личный кабинет покупателя, сделаем его более ярким и необычным, придадим некую индивидуальность, чтобы вместо обычных ссылок в кабинете присутствовали иконки.

По умолчанию, личный кабинет покупателя имеет следующий вид

Если есть желание уйти от стандартного вида со списком ссылок, можно воспользоваться модулем «Customer Account Page with Images «, который заменит список на изображения. Модуль предлагает два варианта отображения вкладок кабинета: плитками или по-прежнему блоками, но с изображениями.

- плитками

- блоками

Установка и настройка модуля

1. Скачиваем модуль «Customer Account Page with Images «. Модуль совместим с версиями 1.5.6-1.5.6.4. Необходим vqmod.

2. В скачанном архиве присутствует много чего, нам же надо в корень нашего магазина загрузить папку catalog и папку vqmod (будет плиточное отображение, скрин 1 выше) или catalog + содержимое папки _vqmod-1 (будет блочное отображение, скрин 2 выше).

3. Если используете не дефолтный шаблон, то содержимое папки catalog, из архива, загружайте в свою тему.

4. Если вы выбрали первый вариант — плитками, то после заливки файлов и vqmod файла в кабинете покупателя могут появиться не все ссылки, например, не будут видны закладки, регулярные платежи и история платежей.

В этом нет ничего страшного, просто разработчик закомментировал эти строки в xml файле. Открываем vqmod/xml/vqmod_customer_account_page_with_images.xml и находим строки 46, 66, 67 и убираем комментирование, появятся все стандартные ссылки.

5. Опять таки, если вы выбрали плиточное отображение, то не все фразы помещаются в пределы квадратов (великий и не лаконичный русский язык), например, «Подписаться или отказаться от» потеряло окончание «подписки на рассылку новостей». Все фразы можно изменить на свои, более краткие, в файле catalog/language/russian/account/account.php

6. Что касается самих изображений (иконок), то в архиве есть две папки с изображениями — _image-1 и _image-2. По умолчанию, загрузив папку catalog с ее содержимым, мы загрузили те изображения, которые находятся в папке _image-1, так что если хотим сменить их на содержимое второй папки, просто перезаливаем их по пути catalog/view/theme/default/image/account. Само собой, изображения можно использовать и свои, главное при этом помнить о размерах и названиях иконок.

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

lowenet.biz

OpenCart 2.x — быстрый доступ к регистрации (+быстрая регистрация) и входу в личный кабинет — Quick | Модули, Шаблоны, Движки

Как всем известно, в OpenCart, как в ранних версиях, так и в версиях 2.x, вход в личный кабинет и ссылка на регистрацию находятся в шапке сайта. Разница лишь в том, что в старых версиях OpenCart сразу были доступны две ссылки «Вход и Регистрация», в последних версиях движка в шапке находится фраза «Личный кабинет», при нажатии на которую выпадает меню с двумя пунктами «Авторизация, Регистрация».

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

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

Если есть желание сделать доступ к авторизации быстрее и доступнее, можно воспользоваться модулем «Quick Login Signup», который вместо перезагружающейся страницы авторизации создаст pop up окно с возможностью либо сразу ввести данные зарегистрированного покупателя, либо зарегистрироваться, если этого раньше не сделали. К тому же модуль предоставляет быструю регистрацию клиента с минимальным набором полей для заполнения. Ajax же делает регистрацию и авторизацию легкими — никаких обновлений страниц. Кроме того, модуль адаптивен — на любых устройствах всплавающее окно и формы будут работать адекватно и красиво.

Установка и настройка модуля

1. Скачиваем модуль «Quick Login Signup». Модуль совместим с версиями 2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1.

2. Заходим в админку магазина/Модули/Установка расширений и загружаем файл quicksignup.ocmod.xml из скачанного архива.

3. Переходим в Модули/Модификаторы и кликаем по кнопке «Обновить» в правом верхнем углу.

4. В корень магазина, с помощью ftp-клиента загружаем папку catalog из скачанного архива. Никакие файлы перезаписаны не будут.

5. Переходим во фронтальную часть магазина и наблюдаем изменения. Теперь вместо фразы «Личный кабинет» отображается фраза «Войти/Зарегистрироваться», правда на английском языке. При клике всплывает pop up окно с двумя формами — для регистрации нового клиента и авторизации существующих. Кстати, форма регистрации нового клиента облегченная — быстрая регистрация, полей минимум, только самые необходимые: имя, телефон, e-mail, пароль.

6. Изменим английский язык на русский. Для этого открываем языковой файл catalog/language/english/common/quicksignup.php и переводим фразы на русский. Но, даже переведя все фразы и названия, в шапке все равно будем видеть ангийские названия. Чтобы это исправить можно в начале этого же файла, после строки //Text, добавить строку

Код:

$_['signin_or_register']='Вход | Регистрация'; Привожу все содержимое файла catalog/language/english/common/quicksignup.php, переведенное мною (после строки //Text).

Код:

$_['signin_or_register']='Вход | Регистрация'; $_['text_signin_register']='Вход | Регистрация'; $_['text_new_customer']='Новый клиент'; $_['text_returning']='Зарегистрированный клиент'; $_['text_returning_customer']=''; $_['text_details']=''; $_['entry_email']='Email'; $_['entry_name']='Имя'; $_['entry_password']='Пароль'; $_['entry_telephone']='Телефон'; $_['text_forgotten']='Забыли пароль?'; $_['text_agree']='Я прочел и согласен с <a href="%s"><b>%s</b></a>'; //Button $_['button_login']='Войти'; //Error $_['error_name']='Имя должно иметь от 1 до 32 символов!'; $_['error_email']='E-Mail некорректный!'; $_['error_telephone']='Телефон должен иметь от 3 до 32 символов!'; $_['error_password']='Телефон должен иметь от 4 до 20 символов!'; $_['error_exists']='Внимание: этот e-mail уже используется!'; $_['error_agree']='Внимание: Вы должны согласиться с %s!'; $_['error_warning']='Внимание: проверьте форму на ошибки!'; $_['error_approved']='Внимание: Ваш аккаунт должен быть одобрен прежде, чем Вы сможете войти в кабинет.'; $_['error_login']='Внимание: не подходит e-mail и/или пароль.'; И в итоге получаем полностью переведенную форму авторизации на ajax.

Клиентам проще — все быстро и доступно, плюс для магазина такая форма как бонус — современный и адаптивный вид.

lowenet.biz

Сделать «Графический личный кабинет» в OpenCart v.1.4.9.x — 1.5.1.x | IT портал

Графический личный кабинет

В OpenCart v.1.4.9.x — 1.5.1.x Личный кабинет клиента магазина или личный кабинет партнера выглядит просто, в виде ссылок на тот или иной раздел кабинета, без всяких изысков. В данной статье в архивах для скачивания предложены файлы, которые немного украсят личный кабинет.

Личный кабинет в OpenCart v.1.4.x

Личный кабинет в OpenCart v.1.4.xЛичный кабинет партнера в OpenCart v.1.5.1.x

Личный кабинет партнера в OpenCart v.1.5.1.x

Дополнительно:

Откройте файл шаблона account.tpl и измените default на ваш шаблон. Если шаблон не default.

Скачать улучшения личного кабинета

Личный кабинет для OpenCart v.1.4.9.x [download]

Личный кабинет для OpenCart v.1.5.1.x [download]

Личный кабинет партнера для OpenCart v.1.5.1.х [download]

Похожие материалы:

it-media.kiev.ua

Личный кабинет пользователя | 1C Open Cart

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

Регистрация/Авторизация в Интернет-магазине

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

При регистрации пользователь должен выбрать тип покупателя: Розничный покупатель, Индивидуальный предприниматель или ООО. После этого необходимо заполнить регистрационные поля ( * поля, отмеченные звёздочками - обязательны для заполнения), ввести и повторить пароль, отметить, нужна ли подписка на новостную рассылку сайта, а также прочитать и подтвердить согласие с правилами работы магазина. Обязательно указывайте действующие e-mail, реальный телефон и адрес доставки, от этого будет зависеть возможность осуществлять заказы. Далее необходимо нажать кнопку Вперед. В случае, если при регистрации были не указаны необходимые/указаны неверные данные – система выдаст соответствующие

После регистрации аккаунт должен быть одобрен администратором сайта. В случае одобрения, на указанный при регистрации e-mail будет соответствующее письмо, после чего пользователь может авторизоваться на сайте указав e-mail и пароль. Для восстановления забытого пароля можно воспользоваться ссылкой «Забыли пароль?».

Личный кабинет пользователя

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

Регистрация на сайте магазина

1copencart.ru


Prostoy-Site | Все права защищены © 2018 | Карта сайта