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/ukrainian/account/account.php
6. Что касается самих изображений (иконок), то в архиве есть две папки с изображениями — _image-1 и _image-2. По умолчанию, загрузив папку catalog с ее содержимым, мы загрузили те изображения, которые находятся в папке _image-1, так что если хотим сменить их на содержимое второй папки, просто перезаливаем их по пути catalog/view/theme/default/image/account. Само собой, изображения можно использовать и свои, главное при этом помнить о размерах и названиях иконок.
Все, вот таким несложным путем можно изменить внешний вид личного кабинета.
На 1.5.5.1.2 а жаль, хороший модуль :(
В смысле не работает на 1.5.5.1.2* :(
Официально эта версия в документации модуля не указана, но все же можно протестировать, работы то всего закинуть один xml файл и папку с изображениями. Нередко бывает так, что модули спокойно становятся и не на свою версию движка.
Так как там? Не работает на ocstore 1.5.5.1.2 , не пробовали ? :)
Все работает, только нужно прописать код вручную, а не использовать vqmod.
У меня версия 1.5.6.4, но сразу не заработало. Заработало только после того, как изменил в xml файле в строке:
значение offset=»12″ на offset=»11″
Надеюсь кому-то поможет.
Извиняюсь, код не хочет вставляться. Вот эта строка:
search position=»replace» offset=»12″ ![CDATA[h2
/h2]]/search
Еще хотел сказать спасибо за модуль, мне очень понравился. Также хотел заметить, что изображения в этом модуле не оптимизированы. Можно уменьшить вес изображений на 54% без видимой потери качества.
ocStore-1.5.5.1.2, сторонний шаблон. После подгонки xml файла ( h2 изменил на своё значение из файла …catalogviewthemeмоя темаtemplateaccountaccount.tpl, поменял offset=”12″ на offset=”11″) заработало, спасибо.
Отдельное спасибо Владу, изменение с 12 на 11 пригодилось.
Спасибо, действительно работает после изменения значения с 12 на 11.
Здравствуйте!
Возможно кто-то подскажет что выводит данная строка т.к. она у меня выводила ошибку
собственно, что значит $text_recurring;
recurring относится к платежным профилям (админка/Каталог/Платежные профили).
а на 2.1.0.1 пойдет?
Нет. На официальном сайте (по ссылке для скачивания) указаны поддерживаемые версии движка.
Как на меня, то — что модуль не раб. на новых версиях это лажа, зайдите в каталог и измените все под себя, там элементарный html и css добавить, ну и немного php значение знать. И можно сделать даже намного круче профиль чем здесь!
Жаль что то на теме shopstore не работает
На 1.5.6.4.1 не работает. Пробовал все, что пишут в комментариях.
Привет, а можно ли реализовать аватар для пользователя, т.е, чтобы он сам загружал его?
Можно, делал
1.5.5.1.2.
шаблон Moneymaker
не работает.
менял офсет 12 на 11, но результата ни какого
А у вас нет подробной информации по шагам, как убрать лишние пункты из личного кабинета https://akvadion.com/my-account/
Какие именно пункты необходимо скрыть?