VirtueMart 2.x. Как настроить рекомендуемые товары и товары со скидкой
Этот туториал покажет, как настроить рекомендуемые товары и товары со скидкой в VirtueMart 2.x.
Добавление рекомендуемого товара (Featured product)
В админ панели откройте меню Компоненты->Virtuemart (Components->Virtuemart). Нажмите вкладку Товары (Products) и откройте товар, который вы хотите сделать рекомендуемым (Featured).
Во вкладке Информация о товаре (Product Information) выберите опцию Рекомендуемый (On Featured) и сохраните изменения. Таким образом, вы сделали свой товар рекомендуемым.
Если в вашем шаблоне рекомендуемые товары отображаются на главной странице или других страницах, идите в меню Дополнения -> Модули (Extensions -> Module Manager) и откройте модуль Рекомендуемые товары (Featured products). В настройках модуля вы можете изменять его дизайн и другие опции. Следует обратить внимание на то, что не все настройки модуля могут быть использованы в вашем шаблоне.
Добавление скидки на товар (Special product)
В админ панели откройте меню Компоненты->Virtuemart (Components->Virtuemart). Нажмите вкладку Товары (Products) и откройте товар, на который вы хотите добавить скидку.
В секции Цены на товар (Product pricing) установите цену Со скидкой (Override), выберите опцию Итоговая цена ( Overwrite final) или Облагаемая налогом цена ( Overwrite price to be taxed). Сохраните изменения.
Таким образом, вы добавили скидку на товар.
Вы также можете воспользоваться детальным видео туториалом:
Источник
Все про рекомендуемые товары в WooCommerce — создание, отображение, плагины
Изначально думал поделиться с вами решением небольшой задачи, связанной с так называемыми Featured Products в WooCommerce. Однако позже понял, что, вероятно, не всем новичкам знакома данная опция, поэтому решил немного развить тему и рассмотреть в одном посте сразу несколько полезных нюансов по работе с ней.
С помощью рекомендуемых товаров вы можете дополнительно акцентировать внимание на определенной продукции и выводить ее в вижетах или на отдельных страницах. Также поговорим о модулях и хаках, позволяющих расширить базовую функциональность этой фишки от WooCommerce.
Создание Featured Products
В принципе, сам процесс создания ничем не отличается от добавления обычного элемента магазина. Вам просто нужно дополнительно установить соответствующую опцию для него:
Это можно сделать несколькими способами:
- Через быстрое редактирование свойств объекта на странице со списком товаров — ставится галочка в поле «рекомендуемый»;
- Кликом по символу «звездочки» на той же странице всей продукции;
- При создании/правке отдельного товара в блоке свойств «Опубликовать» есть ссылка «Изменить» (рядом с пунктом «Видимость в каталоге«): кликаете по ней, устанавливаете нужную опцию, жмете «Ок» и сохраняете.
Теоретически, сюда еще можно было добавить вариант с массовым редактированием wordpress записей — для WooCommerce эта фишка также актуальна.
Отображение рекомендуемых товаров
Самый простой способ вывода избранной продукции — через виджет. Заходите в раздел «Внешний вид» — «Виджеты», где выбираете блок WooCommerce Featured Products. В нем всего две настройки: заголовок и количество элементов для показа. В некоторых премиум шаблонах с продвинутой функциональностью базовый виджет может быть заменен на улучшенный вариант с большем числом параметров.
Также допускается вывод избранных рекомендуемых товаров с использованием шорткода. Здесь встречал несколько разных типов записей. Насколько я понимаю, они зависят от вашей версии WooCommerce. Первый вариант тестировал у себя на сайте (там 2.6.х), второй найден в официальной документации по модулю (действует с 3.1.х):
[featured_products per_page=»6″ columns=»3″ orderby=»date» order=»desc»] [products limit=»8″ columns=»2″ visibility=»featured» ]
Новый шорткод products более универсальный. Если вам нужно выводить информацию через файл шаблона, то там он подключается с помощью дополнительной функции, например:
Выводим Featured Products в начале
Недавно у меня была задача, когда требовалось показывать определенные товары перед всеми остальными записями. Тут имеется несколько подходов. Изначально я собирался использовать метод аналогичный выводу подкатегории с woocommerce_before_shop_loop, где бы добавил шорткод отображения конкретного объекта [product Однако при этом возникают проблемы с оформлением элемента, показываемого отдельно, плюс глюки в постраничной навигации.
Есть вариант с применением в магазине пользовательской сортировки, либо можно было бы попробовать внедрить какой-то хак с классом WP_Query. Последнее, что приходит на ум, — реализация через рекомендуемые товары и модуль Featured Products First for WooCommerce.
С помощью плагина избранные Featured товары легко выводятся перед остальными. Эта опция может включается/выключается для:
- архивной страницы категорий продукции;
- главной (Shop Page);
- результатов поиска (Product Search).
Соответствующие параметры находятся в настройках WooCommerce, раздел «Товары» — «Отображение»:
У данного подхода есть несколько особенностей:
- В ходе тестирования решение корректно работало ТОЛЬКО при выборе «Сортировки по умолчанию». В принципе, это логично — было бы неправильно выводить какой-то из товаров среди самых дешевых или популярных, если он таковым не является.
- Плагин применяется сразу для всех без исключения рекомендуемых товаров на сайте (в любых категориях).
Учитывая эти нюансы, моя начальная задача с показом 1-2 товаров в начале списка продукции не может полноценно реализовываться через данный модуль. Тут либо использовать произвольную (исходную) сортировку WooCommerce либо «химичить» с WP_Query. Тем не менее, плагин отлично справляется с отображением Featured Products в начале списка товаров (чем, собственно, и должен заниматься).
В общем, пока что это все задачи с которым я столкнулся. Если есть вопросы, пишите ниже — дополню ими статью в будущем.
Источник
Настройка шаблона VirtueMart, способы отображения категорий и товаров, корзины, версии страниц для печати
В предыдущей статье этой серии мы рассмотрели глобальные настройки VirtueMart (компонента интернет магазина для Joomla), расположенные на вкладке «Общие». Сегодня мы будет разбираться с его внешним видом и функционалом, чтобы заточить это расширение под ваши конкретные задачи.
Для того, чтобы произвести настройку, нужно зайти в админку этого компонента (в админке Джумлы выбрать из верхнего меню «Компоненты» — «VirtueMart») и открыть группу меню «Настройки», где выбрать аналогичный пункт. На вкладке «Безопасность» важной опцией является поле «Site URL», в котором должен быть прописан адрес (URL) вашего магазина.
Прописываем адрес для магазина VirtueMart и создаем пункт меню для перехода в него с сайта
При изменении доменного имени (см. подробнее про домены) вашего ресурса, например, при переносе его с локального сервера Denwer или ОпенСервер на реальный хостинг, вы можете заранее изменить адрес (URL) вашего магазина на базе Виртуемарт в поле «Site URL», а уже затем осуществлять перенос файлов на хостинг (читайте про резервное копирование и перенос).
Если вы этого не сделаете, то при попытке зайти в админку VM вас будет перебрасывать по старому адресу, прописанному в поле «Site URL» на вкладке «Безопасность» глобальной конфигурации этого компонента.
Разорвать этот замкнутый круг можно, получив доступ к файлам вашего проекта по FTP и открыв на редактирование файл administrator/components/com_virtuemart/virtuemart.cfg.php .
Найдите в этом файле строки:
и пропишите там текущий Урл вашего интернет магазина (сокращенно — ИМ). Сохраните сделанные изменения и теперь вы сможете без проблем заходить в админку VM.
Еще одной важной опцией настроек на вкладке «Безопасность» является поле «Разрешить администрирование через магазин пользователям, не допущенным в панель администрирования». После активации этой опции посетители, обладающие соответствующими правами, получат возможность добавлять предметы продажи и администрировать ИМ непосредственно из внешнего интерфейса (Front Page) Joomla.
Для этого им будет доступна соответствующая ссылка в главном модуле Виртуемарт, после того, как они пройдут авторизацию на сайте ИМ.
На основе этой ссылки, скопированной из главном модуля, можно создать пункт меню, позволяющий получить доступ к управлению интернет-магазином людям, не допущенным в админку Джумлы (например, пользователям с правами автора, издателя или редактора).
Для создания этого пункта нужно выбрать в админке из верхнего меню пункты «Меню» — «Название нужного меню» и нажать на кнопку «Создать», расположенную вверху открывшегося окна.
Из всех возможных вариантов и типов нужно будет выбрать в самом низу списка вариант «Внешняя ссылка».
В открывшемся окне вам нужно будет задать название для этого пункта, в поле «Ссылка» — вставить ссылку, скопированную в главном модуле Виртуемарта, а в поле «Доступ» — выбрать вариант «Специальный», чтобы этот пункт не был виден обычным посетителям вашего ИМ (его смогут увидеть только пользователи с правами доступа выше простого зарегистрированного пользователя — читайте подробнее по приведенной чуть выше ссылке).
В результате, в меню вашего сайта появится соответствующий пункт, видимый только авторизованным пользователям начиная с «Автора» и выше, и позволяющий им попасть в админку VirtueMart с видимой части вебсайта (Front Page) :
Настройки версий страниц для печати в Виртуемарте
Переходим на вкладку «Сайт» глобальных настроек VM. Первые три поля позволяют вам выбрать, будут ли отображаться кнопки PDF, E-mail (используется для того, чтобы посетитель мог отправить ссылку на какой-либо товар кому-то еще) и Печать.
При нажатии на кнопку «Печать» пользователю будет представлена та же самая вебстраница, но уже без подключения шаблона. Если приглядитесь к URL в адресной строке версии страницы для печати, то вы увидите там обращение к файлу index2.php, а не просто index.php.
Именно благодаря этому и не происходит подключение шаблона Joomla (тут про шаблоны и темы много чего написано) при выводе страницы для печати. Этот файл index2.php лежит в корневой папке хоста. Но добавление кнопки «Печать» на все страницы может иметь и отрицательные стороны.
Дело в том, что в этом случае в индексе поисковых систем будут появляться дубли вебстраниц магазина – сами страницы и их версии для печати. С одной стороны это даже хорошо, т.к. соотношение полезного текста и прочего кода в версиях для печати очень высокое, по отношению к обычным вебстраницам, т.к. в их коде отсутствуют участки описывающие шаблон, накладываемый на контент.
Такие версии для печати при прочих разных условиях могут подниматься достаточно высоко в поисковой выдаче и, соответственно, привлекать больше посетителей в ваш магазин, но есть несколько нюансов, которые нивелируют все плюсы.
Во-первых, пользователь, перешедший на такую версию для печати из поисковой выдачи Яндекса или Google, скорей всего, не сможет понять где он находится и у него не будет возможности осуществлять переходы на другие вебстраницы вашего сайта, т.к. система навигации обычно встраивается в шаблон Joomla, который на данных вебстраницах не подгружается.
Данную проблему можно решить, добавив на аскетичные версии страниц ссылки, ведущие на полнофункциональный документ, с подключенным шаблоном. Это можно сделать, добавив нужные ссылки в выбранный вами шаблон оформления страницы товара (flypage), найти который и изменить вы сможете подключившись к вашему ресурсу по протоколу FTP и открыв на редактирование нужный вам файл шаблона flypage из директории:
Дополнительные ссылки для навигации на страницах для печати можно добавить и в шаблон категорий товара VirtueMart, файлы которых вы сможете найти в папке
Так же в деле упрощения навигации может помочь установка галочки в поле «Показывать панель навигации вверху списка товаров» на вкладке «Сайт» настроек админки виртуематра. Эта панель навигации будет видна и на вебстраницах для печати, и сможет помочь посетителю в навигации по вашему магазину.
На приведенном выше рисунке красной линией подчеркнута как раз эта самая панель навигации. Красным цветом обведены ссылки на полнофункциональную версию магазина (с подключенным шаблоном) и на список всей продукции магазина (карту сайта). Обведенные синим ссылки, на предыдущий и последующий товар, активируются тоже из настроек админки VM. Как это сделать — читайте в этой же статье чуть ниже.
Но остается еще один отрицательный момент — поисковики очень плохо относятся к дублированию контента в своем индексе. При большом количестве таких дублей отношение поисковиков к вашему ресурсу может существенно ухудшиться. Во избежание такой ситуации вы можете запретить индексацию версий страниц для печати с помощью файла robots.txt.
Подробно ознакомиться с возможностями robots.txt можно по приведенной ссылке. В файле robots.txt нужно добавить правило для всех поисковых роботов, которое будет запрещать индексацию поисковыми системами вебстраниц, которые формируются на основе файла index2.php.
Это правило будет выглядеть примерно так:
Вернемся в админку VirtueMart и рассмотрим назначение поля «Показывать количество товаров», которое служит для включения отображение количества продукции в категориях. Оно будет отображаться как в главном модуле, так и непосредственно при заходе в категории.
Количество продукции будет отображаться сразу после названия категории в скобках (для правильного отображения вам, возможно, понадобится внести изменения, описанные в статье, про решение проблем в VirtueMart.
В настройках админки VM из выпадающего списка поля «Изображение для товара без картинки» вы можете выбрать файл изображения, который будет отображаться в том случае, если у продукта не будет загружено его фото. Галочку в поле «Отображать эмблему магазина» лучше не ставить, иначе внизу будет показываться эмблема Виртуемарта и ссылка на ресурс его разработчиков.
Настраиваем в шаблоне внешний вид страниц категорий и товаров в VirtueMart
Здесь сосредоточены очень важные, на мой взгляд, настройки, управляя которыми вы сможете полностью изменить внешний вид своего интернет-магазина. Вы сможете выбрать общий вид отображения товаров в категориях, например, в виде таблицы (прайс листа) или в виде блоков на основе контейнеров DIV. В случае выбора блочного отображения у вас будет возможность выбрать, по сколько предметов в одном ряду будет отображаться. Но обо всем по порядку.
В выпадающем списке первого поля «Выберете шаблон для магазина» по умолчанию имеется только один шаблон default. Но мы можем его настроить по своему усмотрению. Для этого нужно нажать на ссылку «Настройки» под этим выпадающим списком. В результате, вы попадете в окно с настройками умолчательного шаблона:
Если вам не совсем понятно, что такое права доступа, то можете прочитать об этом в приведенной статье.
В настройках шаблона VirtueMart из выпадающего списка «Product List Style» можно выбрать, какая будет разметка у списка продукции в категориях. В первом варианте для их вывода используется табличная верстка.
Во втором варианте — список будет отображаться в виде таблицы (прайс лист) и, опять же, будет использоваться табличная верстка. Третий вариант из этого списка является аналогом первого варианта, за тем исключением, что в этом случае для формирования списка продукции используется блочная верстка (на дивах).
Установка галочек в следующих полях настройки шаблона интернет-магазина Виртуемарт будет означать:
- Number of recent products to Display – показывать ли иконку ленты новостей RSS, с помощью которой посетитель сможет подписаться на получения извещений при добавлении в данную категорию ИМ нового товара.
- Show the Add-to-cart Button on the product list – показывать ли кнопку добавления в корзину (кнопку «Купить») в списке продуктов категорий, для того, чтобы посетители могли осуществлять покупку сразу же при просмотре этого списка, не заходя в карточку понравившегося продукта
- Show Vendor Link и Show Manufacturer Link – показывать ли ссылку на продавца или производителя в описании товара (в его карточке)
- Show Availability Information – показывать ли информацию о доступности данной продукции
- Show additional Pathway on the Product Page – показывать ли на навигацию, т.е. путь до карточки товара (это, так называемые, хлебные крошки в VirtueMart)
- Show Prev/Next Product Link – показывать ли в карточке продукта ссылки на предыдущий и последующий предметы продажи из данного раздела
- Open Product Images in a LightBox – вы можете выбрать способ открытия увеличенного изображения товара, при щелчке по его превьюшке во flypage. Большая картинка может открываться с использованием эффекта litebox (плавное открытие картинки с одновременным затемнением остальной части окна) или же просто в отдельном окне
- Customer Checkout in a popup (GreyBox) – показывать ли окно оплаты во всплывающем окне после того, как товар будет добавлен в корзину
- Use Ajax to add, update or delete products from the cart- использовать ли технологию Ajax при добавлении, обновлении и удалении продуктов из корзины, которая позволяет при этом не перегружать всю страницу, обновляться будет только информация в окне корзины
- Show featured products on frontpage – показывать ли рекомендуемые продукты на главной странице Виртуемарта
- Show the latest products on the frontpage — показывать ли последние просмотренные товары на главной странице
- Number of recent products to Display — здесь можно указать, сколько именно последних просмотренных предметов продаж показывать
Вернемся на вкладку «Сайт» настроек админки VirtueMart. В поле «Количество товаров в строке» вы можете указать, сколько продуктов в строке будет отображаться при просмотре категории. В следующих полях «Шаблон категории» и «Страница товара» (flypage) можете выбрать соответствующие шаблоны, которые будут использоваться по умолчанию.
Но при создании или редактировании категорий эти данные можно изменять индивидуально для каждой категории и товаров. Здесь же задаются шаблоны по умолчанию.
Поле «Включить динамическое изменение для мини-изображений» — очень полезная опция, которая использует библиотеку языка PHP GВ2 и при ее активации вам не нужно будет самостоятельно делать миниатюры для фотографий продукта. Достаточно просто загрузить полноразмерную фотографию, ну а миниатюра создастся автоматически. Размер создаваемой миниатюры можете указать в расположенных ниже полях «Ширина и высота мини-изображения».
Источник