OpenCart — личный кабинет покупателя — меняем оформление аккаунта покупателя, добавляем изображения 2016-06-15

заменит список на изображения. Модуль предлагает два варианта отображения вкладок кабинета: плитками

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

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

    opencart-default-customer-account.jpeg

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

    - плитками

    opencart-new-customer-account-full.jpeg

    - блоками

    opencart-new-customer-account-with-images-two.jpeg



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

    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 файла в кабинете покупателя могут появиться не все ссылки, например, не будут видны закладки, регулярные платежи и история платежей.

    opencart-new-customer-account-with-images.jpeg



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

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

    screenshot1.jpeg

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

    Все, вот таким несложным путем можно изменить внешний вид личного кабинета.
    Homer, leshyi55, naxel и 34 другим нравится это.