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

Настройки интернет магазина для Joomla на базе VirtueMart — Часть 2 — Настройка шаблона VirtueMart, способы отображения категорий и товаров, корзины, версии страниц для печати

В предыдущей статье этой серии из рубрики VirtueMart — создание интернет-магазинов мы рассмотрели глобальные настройки VirtueMart — компонента интернет магазина для Joomla, расположенные на вкладке «Общие настройки». Сегодня мы продолжим рассматривать необходимые настройки VirtueMart (бесплатного интернет магазина для Joomla), которые позволят изменить внешний вид и функционал этого расширения для Joomla под ваши конкретные задачи.

Настройки VirtueMart – прописываем адрес (URL) для интернет магазина в админке VirtueMart

Для того, чтобы произвести настройку VirtueMart нужно зайти в админку VirtueMart (в админке Joomla выбрать из верхнего меню «Компоненты» — «VirtueMart») и открыть группу меню «Настройки», где выбрать аналогичный пункт «Настройки». На вкладке «Безопасность» важной опцией является поле «Site URL», в котором должен быть прописан адрес (URL) вашего интернет магазина VirtueMart.

При изменении доменного имени вашего ресурса, например, при переносе его с локального сервера на реальный хостинг, вы можете заранее изменить адрес (URL) вашего магазина для Joomla на базе VirtueMart в поле «Site URL», а уже затем осуществлять перенос файлов на хостинг. Если вы этого не сделали, то при попытке зайти в админку VirtueMart из админки Joomla вас будет перебрасывать по старому адресу, прописанному в поле «Site URL» на вкладке Безопасность глобальной конфигурации VirtueMart.

Разорвать этот замкнутый круг можно , получив доступ к файлам вашего проекту по FTP и открыв на редактирование файл administrator/components/com_virtuemart/virtuemart.cfg.php. Найдите в этом файле строки:

// these path and url definitions here are based on the Joomla! Configuration
define( 'URL', 'http://vash-sait.ru/' );
define( 'SECUREURL', 'http://vash-sait.ru/' );

и пропишите там текущий адрес (URL) вашего интернет магазина для Joomla на базе VirtueMart. Сохраните сделанные изменения и теперь вы сможете без проблем заходить в админку VirtueMart.

Создание пункта меню, позволяющего перейти к админке VirtueMart с видимой части Joomla-сайта (Front Page) тем пользователям, которым запрещен доступ в админку Joomla

Еще одной важной опцией настроек VirtueMart на вкладке «Безопасность» является поле «Разрешить администрирование через магазин пользователям, не допущенным в панель администрирования». После активации этой опции пользователи, обладающие соответствующими правами, получат возможность добавлять товар и администрировать интернет магазин VirtueMart непосредственно из внешнего интерфейса (Front Page) Joomla. Для этого им будет доступна соответствующая ссылка в главном модуле VirtueMart, после того как они пройдут авторизацию в интернет магазине для Joomla.

На основе этой ссылки, скопированной из главном модуля VirtueMart, можно создать пункт меню в Joomla, позволяющий получить доступ к управлению интернет-магазином VirtueMart людям не допущенным в админку Joomla (например, пользователям с правами автора, издателя или редактора). Для создания этого пункта меню нужно выбрать в админке Joomla из верхнего меню пункты «Меню» — «Название нужного меню» и нажать на кнопку «Создать», расположенную вверху открывшегося окна.

Из всех возможных вариантов и типов меню вам нужно будет выбрать в самом низу списка вариант «Внешняя ссылка». В открывшемся окне настройки пункта меню для Joomla вам нужно будет задать название для этого пункта меню, в поле «Ссылка» вставить ссылку скопированную в главном модуле VirtueMart, в поле «Доступ» выбрать вариант «Специальный», чтобы этот пункт меню не был виден обычным посетителям вашего интернет магазина (этот пункт меню в Joomla смогут увидеть только пользователи с правами доступа выше простого зарегистрированного пользователя).

В результате в меню вашего сайта на Joomla появится соответствующий пункт меню, видимый только авторизованным пользователям начиная с «Автора» и выше, и позволяющий этим пользователям попасть в админку интернет магазина VirtueMart с видимой части Joomla-сайта (Front Page) :

Настройки в админке VirtueMart – вкладка «Сайт»

Переходим на вкладку «Сайт» глобальных настроек интернет-магазина для Joomla на базе VirtueMart. Первые три поля позволяют вам выбрать, будут ли отображаться в вашем магазине кнопки PDF, E-mail (используется для того, чтобы посетитель мог отправить ссылку на какой-либо товар кому-то еще) и Печать.

Решение проблемы дублирования контента в индексе поисковых систем, при включении отображения кнопки «Печать» на страницах интернет-магазина VirtueMart

При нажатии на кнопку «Печать» пользователю будет представлена та же самая вебстраница, но уже без подключения шаблона Joomla. Если приглядитесь к URL в адресной строке версии страницы для печати, то вы увидите там обращение к файлу index2.php из состава Joomla, а не просто index.php.

http://vash-sait.ru/index2.php?page=shop.product_details&category_id=44&flypage=flypage-ask.tpl&product_id=284&option=com_virtuemart&Itemid=8&pop=1&tmpl=component

Именно благодаря этому и не происходит подключение шаблона Joomla при выводе страницы интернет магазина VirtueMart для печати. Этот файл index2.php лежит в корневой папке Joomla. Но добавление кнопки «Печать» на все страницы интернет магазина VirtueMart может иметь и отрицательные стороны. Дело в том, что в этом случае в индексе поисковых систем будут появляться дубли вебстраниц магазина VirtueMart — – сами страницы интернет магазина и их версии для печати. С одной стороны это даже хорошо, т.к. соотношение полезного текста и прочего кода на страницах для печати интернет магазина VirtueMart очень высокое, по отношению к обычным вебстраницам Joomla, т.к. в их коде отсутствуют участки кода описывающие шаблон, накладываемый на все вебстраницы Joomla.

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

Данную проблему можно решить, добавив на страницы вашего интернет-магазина VirtueMart дополнительные ссылки, ведущие на полнофункциональную версию интернет магазина VirtueMart, с подключенным Joomla-шаблоном. Это можно сделать, добавив нужные ссылки в выбранный вами шаблон оформления страницы товара (flypage) в VirtueMart, найти который вы сможете изменить подключившись к вашему ресурсу по протоколу FTP и открыв на редактирование нужный вам файл шаблона оформления страницы товара (flypage) из папки:

components/com_virtuemart/themes/default/templates/product_details

Дополнительные ссылки для навигации на страницах для печати можно добавить и в шаблон категорий товара VirtueMart, файлы которых вы сможете найти в папке

/components/com_virtuemart/themes/default/templates/browse

Так же в деле упрощения навигации по страницам для печати может помочь установка галочки в поле «Показывать панель навигации вверху списка товаров» на вкладке «Сайт» настроек админки VirtueMart. Эта панель навигации будет видна и на страницах для печати, и сможет помочь посетителю в навигации по вашему магазину для Joomla на базе VirtueMart, если он попал на одну из таких вебстраниц из поисковой выдачи Яндекса или Google.

На приведенном выше рисунке красной линией подчеркнута как раз эта самая панель навигации. Красным цветом обведены ссылки на полнофункциональную версию магазина VirtueMart (с подключенным шаблоном Joomla) и на список всех товаров магазина (карту сайта). Обведенные синим ссылки, на предыдущий и последующий товар, активируются тоже из настроек админки VirtueMart. Как это сделать — читайте в этой же статье чуть ниже.

Но остается еще один отрицательный момент — поисковики очень плохо относятся к дублированию контента в своем индексе. При большом количестве таких дублей отношение поисковиков к вашему ресурсу может существенно ухудшиться. Во избежание такой ситуации вы можете запретить индексацию версий страниц для печати в VirtueMart и на всем Joomla-сайте с помощью файла robots.txt. Подробно ознакомиться с возможностями файла robots.txt и его конфигурации для разных движков вебсайта вы можете в этих статьях:

• Улучшаем индексацию сайта поисковиками с помощью настройки файла robots.txt и мета-тега Robots
  • Назначение и синтаксис файла robots.txt
  • Назначение и синтаксис мета-тега Robots
  • Проблема дублирования контента, которую призван решать файл robots.txt
  • Включение директивы Host в файл robots.txt для Яндекса
  • Оптимальный файл robots.txt для форума на SMF (Simple Machines Forum)
  • Оптимальный файл robots.txt для Joomla
  • Оптимальный файл robots.txt для блога на WordPress

В файле robots.txt нужно добавить правило для всех поисковых роботов, которое будет запрещать индексацию поисковыми системами вебстраниц, которые формируются на основе файла index2.php. Это правило будет выглядеть примерно так:

Disallow: /index2.php?page=shop

Вернемся в админку VirtueMart и рассмотрим назначение поля «Показывать количество товаров» из вкладки «Сайт», которое служит для включения отображение количества товаров в категориях VirtueMart. Количество товаров в категориях VirtueMart будет отображаться как в главном модуле VirtueMart, так и непосредственно при заходе в категории товаров интернет-магазина для Joomla на базе VirtueMart.

Количество товаров будет отображаться сразу после названия категории в скобках (для правильного отображения количества товаров в категориях VirtueMart вам, возможно, понадобится внести изменения, описанные в этой статье — Отображение количества товаров в родительских категориях VirtueMart с учетом количества товаров во всех подкатегориях) .

В настройках админки VirtueMart из выпадающего списка поля «Изображение для товара без картинки» вы можете выбрать файл изображения, который будет отображаться в интернет магазине VirtueMart, если у товара не будет загружено его изображение. Галочку в поле «Отображать эмблему магазина» лучше не ставить, иначе внизу магазина будет показываться эмблема VirtueMart и ссылка на вебсайт авторов компонента VirtueMart, а лишняя внешняя ссылка может ухудшить поисковую оптимизацию вашего интернет магазина.

Настройки VirtueMart – настраиваем в шаблоне, как будут выглядеть страницы категорий и товаров интернет магазина для Joomla на базе VirtueMart

Здесь сосредоточены очень важные, на мой взгляд, настройки, управляя которыми вы сможете полностью изменить внешний вид своего интернет-магазина VirtueMart. Вы сможете выбрать общий вид отображения товаров в категориях VirtueMart, например, в виде таблицы (прайс листа) или в виде блоков на основе контейнеров DIV. В случае выбора блочного отображения товаров в категориях VirtueMart у вас будет возможность выбрать, по сколько товаров в одном ряду категории интернет магазина будет отображаться. Но обо всем по порядку.

Настройка шаблона для интернет-магазина VirtueMart

В выпадающем списке первого поля «Выберете шаблон для магазина» VirtueMart по умолчанию имеется только один шаблон default. Но мы может его настроить по своему усмотрению. Для этого нужно нажать на ссылку «Настройки» под этим выпадающим списком. В результате, вы попадете в окно с настройками шаблона для вашего интернет магазина VirtueMart:

Если после прописанного пути до файла конфигурации шаблона интернет-магазина VirtueMart , имеется надпись зеленого цвета «Доступен для записи», то все хорошо и можно приступать к настройкам шаблона VirtueMart. Но если надпись красного цвета и говорит о невозможности произвести запись в конфигурационный файла шаблона VirtueMart, то нужно будет получить доступ к файлам вашего проекта по протоколу FTP пройти по пути, прописанному в приведенной выше строке и изменить, с помощью программы FIleZilla, права доступа к этому файлу на 666 (можно и на 777, если число 666 вас сильно смущает). Если вам не совсем понятно, что такое права доступа, то можете прочитать об этом в статье — Оптимальные права доступа для файлов и папок.

В настройках шаблона VirtueMart из выпадающего списка «Product List Style» можно выбрать, какая будет разметка у списка товаров в категориях интернет магазина VirtueMart. В первом варианте для вывода товаров в категории VirtueMart используется табличная верстка.

Во втором варианте — список товаров в категории VirtueMart будет отображаться в виде таблицы (прайс лист) и, опять же, будет использоваться табличная верстка. Третий вариант из этого списка является аналогом первого варианта, за тем исключением, что в этом случае для формирования спискам товаров в категориях VirtueMart используется блочная верстка (на дивах). Лично мне очень понравился второй вариант, который при соответствующей доработке может выглядеть примерно так.

Назначение полей на странице настройки шаблона для интернет-магазина VirtueMart

Установка галочек в следующих полях настройки шаблона интернет-магазина VirtueMart будет означать:

• Number of recent products to Display – показывать ли иконку ленты новостей RSS, с помощью которой посетитель сможет подписаться на получения извещений при добавлении в данную категорию интернет магазина товара.
• Show the Add-to-cart Button on the product list – показывать ли кнопку добавления в корзину (кнопку «Купить») в списке продуктов категорий VirtueMart, для того, чтобы посетители могли осуществлять покупку сразу же при просмотре товаров категорий, не заходя в карточку понравившегося товара
• Show Vendor Link и Show Manufacturer Link – показывать ли ссылку на продавца или производителя в описании товара (в карточке товара) магазина VirtueMart
• Show Availability Information – показывать ли информацию о доступности товара
• Show additional Pathway on the Product Page – показывать ли на навигацию, т.е. путь до карточки товара (это, так называемые, хлебные крошки в VirtueMart)
• Show Prev/Next Product Link – показывать ли в карточке товара ссылки на предыдущий и последующий товары интернет магазина
• Open Product Images in a LightBox – вы можете выбрать способ открытия увеличенного изображения товара, при щелчке по его превьюшке в карточке товара (flypage). Большая картинка товара в интернет магазине VirtueMart может открываться с использованием эффекта litebox (плавное открытие картинки товара с одновременным затемнением остальной части окна) или же просто в отдельном окне
• Customer Checkout in a popup (GreyBox) – показывать ли окно оплаты во всплывающем окне, после того как товар будет добавлен в корзину
• Use Ajax to add, update or delete products from the cart— использовать ли технологию Ajax при добавлении, обновлении и удалении товаров из корзины в VirtueMart, которая позволяет при этом не перегружать всю страницу, обновляться будет только информация в окне корзины
• Show featured products on frontpage – показывать ли рекомендуемые продукты на главной странице VirtueMart
• Show the latest products on the frontpage — показывать ли последние просмотренные товары на главной странице интернет магазина
• Number of recent products to Display — здесь можно указать, сколько именно последних просмотренных товаров показывать

Вернемся на вкладку «Сайт» настроек админки VirtueMart. В поле «Количество товаров в строке» вы можете указать, сколько товаров в строке будет отображаться при просмотре категории товаров. В следующих полях «Шаблон категории» и «Страница товара» (карточка товара) вы можете выбрать шаблоны для категорий и товаров в VirtueMart, которые будут использоваться по умолчанию, соответственно, для отображения категорий и страниц товаров. Но при создании или редактировании категорий эти данные можно изменять индивидуально для каждой категории и товаров в данной категории. Здесь же задаются шаблоны по умолчанию.

Поле «Включить динамическое изменение для мини-изображений» — очень полезная опция, которая использует библиотеку языка PHP GВ2 и при ее активации вам не нужно будет самостоятельно делать миниатюры для фотографий товара. Достаточно будет загрузить полноразмерную фотографию товара, ну а миниатюра создастся автоматически. Размер создаваемой миниатюры вы можете указать в расположенных ниже полях Ширина и высота мини-изображения.

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

Предлагаю вашему вниманию так же и другие статьи по VirtueMart:

• VirtueMart интернет магазин для Joomla
  • Установка VirtueMart
  • Как сделать так, чтобы при заходе на Joomla сайт сразу открывался интернет магазин
  • Настройка VirtueMart
  • VirtueMart - решение проблем
  • Добавление товара в VirtueMart
  • Свойства товаров, создание зависимых товаров в VirtueMart
  • Тип товара в VirtueMart и расширенный поиск по характеристикам
  • Несколько изображений к одному товару VirtueMart, скачиваемый (цифровой) товар
  • Модули вывода категорий для VirtueMart

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Общие настройки VirtueMartНастройки шаблона для VirtueMart
Варианты регистрации пользователей

• Настройка интернет магазина для Joomla на базе VirtueMart сразу после установки — Часть 1 — Админка и общие настройки VirtueMart
• Настройки интернет-магазина VirtueMart — Часть 3 — Настройка регистрации пользователей в интернет-магазине VirtueMart, внесение информации о магазине
• Добавление товара в интернет магазин на основе VirtueMart – создание списка производителей и структуры категорий для товаров, создание товаров
• Добавляем свойства и позиции для товаров в интернет магазине VirtueMart — свойства и особенности товаров, создание зависимых товаров (позиций для главного товара) в VirtueMart
• VirtueMart — решение часто возникающих проблем, доработка функционала и внешнего вида компонента интернет магазина для Joomla |часть 1
• Пункты меню Joomla — создание и настройка навигации в Joomla 1,5 на базе шаблона блога категории и раздела, а так же на базе стандартного шаблона материала и раздела
• Модули и плагины VirtueMart — поиск и корзина для интернет магазина на Joomla