Настройка сопутствующих (похожих) товаров в VirtueMart 3

Сопутствующие товары - это товары, которые чаще всего покупают с основным товаром (например, различные аксессуары), либо просто похожие товары из той же категории.

Добавление сопутствующих товаров

Для добавления похожих товаров в virtuemart 3 нужно зайти во вкладку Настраиваемые поля и начать вводить название нужного товара в поле Поиск сопутствующих товаров.

Если вы установили или обновили virtuemart до версии 3, то в Virtuemart > Товары > Настраиваемые поля уже должно быть создано новое настраиваемое поле Сопутствующие товары.

Если данного поля нет, то его можно создать. Основные настройки приведены на скриншоте.

В полях Заголовок, Описание, Всплывающая подсказка указаны языковые переменные. Вместо них можно просто указать свой текст.

Изменение шаблона вывода сопутствующих товаров

По умолчанию показывается только список ссылок на похожие товары.

Для показа цены и изображения изменяем настройки настраиваемого поля Сопутствующие товары.

Так же здесь можно задать размер миниатюр изображений товара и показ краткого описания.

За вывод похожих товаров в карточке товара отвечает код, находящийся в файле \components\com_virtuemart\views\productdetails\tmpl\default.php.

Сам шаблон похожих товаров находится по адресу \components\com_virtuemart\sublayouts\related.php. В той же папке находятся и другие части кода, которые зачаcтую повторяются на разных страницах магазина. Это облегчает редактирование шаблона магазина в целом.

Для сохранения изменений шаблона похожих товаров после обновления virtuemart создадим папку \templates\имя_шаблона\html\com_virtuemart\sublayouts и скопируем туда файл related.php.

Для улучшения внешнего вида немного изменим шаблон вывода. В файле \templates\имя_шаблон\html\com_virtuemart\sublayouts\related.php заменим

Добавим немного стилей в файл стилей шаблона.

После этого похожие товары будут выглядеть примерно так.

Для вывода не только окончательной цены, но и цены без скидки после строки

Вывод кнопки Купить у похожих товаров

Для вывода кнопки Купить используйте этот код

Замена атрибута alt у изображений похожих товаров

Чтобы в alt изображения выводить название товара после

Подскажите, как вывести настраиваемые поля слева от изображения товара в VirtueMart 3

Здравствуйте! Перенесите, пожалуйста, вопрос на форум https://virtuemart.su/forums/forum/virtuemart-3/ Уточните где именно нужно изменить вывод настраиваемых полей

приветствую, а как к ним добавить кнопку "купить"?

админ, похоже, в отпуске ((

На этот вопрос пока нет решения, если найдете, пожалуйста, поделитесь

Вот код для вывода кнопки "Купить":

Проверено на VM 3.0.9.4

Спасибо, что поделились.

Не могу понять никак, сопутствующие товары это товары другой категории, похожие товары это товары той же категории. Но для одного товара я могу вывести только или то или другое, а мне надо и то и другое. Т.е. магазин продает матрасы, кровати, подушки. Сопутствующие товары к матрасам это подушки. Похожие товары к матрасам это матрасы. Вот и как вывести в карточке у матраса подобные ему матрасы и сопутствующие подушки?

Вы можете вывести любые товары в Похожих товарах (можно их назвать Сопутствующими). Для вывода других товаров этой же категории можно использовать универсальный модуль товаров https://virtuemart.su/universalnyj-modul-tovarov-virtuemart-2/ не тестировал его на vm3, поэтому возможно работать не будет

Добрый день! Подскажите пожалуйста есть ли модуль для удобного добавления сопутствующих товаров в админе. Это ведь крайне не удобно как сейчас, т е нужно начать вводить название товара, а если их много и т д. Гораздо лучше сделать чтобы можно было галочками выбрать из всех существующих! Спасибо!

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

Будет около 6 категорий , в товаров 200-300. А допустим чтобы в сопутствующих можно указать одну категорию и все товары которые в ней randomom выскакивали ?

Для vm2 есть универсальный модуль товаров, в нем можно задать произвольный вывод товаров из текущей категории. Для vm3 таких модулей не встречал, если найдете решение, то, пожалуйста, поделитесь.

Все понятно, только я никак не пойму как убрать эту синюю иконку с литерой i справа от надписи "Сопутствующие товары"? Может кто знает?

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

Простая задача поставила в тупик: вывод дополнительных полей- одно поле одна строчка, т.е. (имя поля) (данные) (имя поля) (данные) и т.д. Но тогда и заголовок "сопутствующие товары" встает в одну строчку с самими товарами Как задать заголовку "сопутствующие товары" отдельный стиль?

Это можно решить с помощью css. Пришлите ссылку на страницу с сопутствующими товарами.

http://hozyindoma.ru/tualet/tualet-tualet-terem-detail пробовал стилями играться, но они цепляют все дополнительные поля, а как задать отдельный стиль именно для сопутствующих товаров и категорий знаний не хватает. Тут еще зачеркнутый текст ссылки "задать вопрос" откуда-то вылез

У меня под ценой каждого товара надпись "Сопутствующие товары". Не подскажете как это убрать?

И где найти файл, где можно изменить разметку? тут \components\com_virtuemart\sublayouts\related.php. - этого сделать нельзя

Отдельного файла с разметкой сопутствующих товаров нет. Частично можно внести изменения в файле /components/com_virtuemart/sublayouts/customfield.php. За сопутствующие товары отвечает часть

Пришлите ссылку на сайт.

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

Спасибо за ответ!

Еще одна проблемка - не отображаются изображения в chrome у сопутствующих товаров. Даже в IE все в порядке, а в хроме нет.

Страница недоступна. Если в IE картинки показываются, то проблема, скорее всего, в кеше браузера.

Чтобы изображения выравнивались и по горизонтали и по вертикали добавьте в конец файла /templates/tallinna/css/template.css

Проблема такая. При выборе в Настраиваемые поля>Поиск сопутствующих товаров товар выбирается. При сохранении и переходе в товар просто белый экран и не чего нет. Подскажите в чем проблема

Что бы понять в каком файле проблема в Система > Общие настройки > Сервер в поле Сообщения об ошибках выберите Максимум.

В файл стилей шаблона дополнительно добавьте

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

Пришлите ссылку на страницу с сопутствующими товарами.

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

Вы сделали замену кода?

В замененном коде поменяйте порядок строк.

Нашел файлик default_customfields.php с

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

Пришлите ссылку на измененный файл \components\com_virtuemart\sublayouts\related.php

templates/ot_smarthouse/html/com_virtuemart/sublayouts/related.php Я это файлик перенс с \components\com_virtuemart\sublayouts\related.php

Здравствуйте. Подскажите как в карточку сопутствующих товаров добавить настраиваемые поля, такие как в обычной карточке товаров в позиции "addtocart". Т.е. чтобы эти две карточки были полностью идентичными. Получилось все кроме добавления настраиваемых полей. Простая вставка кода как в обычной карточке

Немного не тот код выше:

Здравствуйте! Добавил в конец статьи код для вывода кнопку Купить у похожих товаров. Странно, но для настраиваемых полей данный код не подходит

Если найдете решение, пожалуйста, поделитесь.

Добрый вечер! А не подскажите если я хочу вывести сопутствующие товары во внешний модуль в шаблоне? Тоесть за пределы карточки товара? Возможно ли?

Здравствуйте! Вывести сопутствующие товары в отдельном модуле не получится. Пришлите скрин того, что должно получится в итоге. Думаю, что можно будет добиться примерно такого же эффекта с помощью css.

http://prntscr.com/c98qnv Вот сюда, там позиция sidebar-2, может даже перед модулем лучше товары

Если в карточке товара только одна боковая колонка и в ней кроме похожих товаров ничего выводиться не будет, то можно попробовать просто переверстать карточку товара. У Вас шаблон LikeShop, создайте тему на форуме поддержки, решим вопрос.

Здравствуйте, столкнулся с такой проблемой, сопутствующие товары выводятся не в строку, а в столбец по 2 штуки, подскажите, как это исправить.

Пришлите ссылку на страницу с похожими товарами.

У меня в шаблоне в принципе все нормально выводится. НО, когда в списке выбираешь дочерний товар - стили вывода сопутствующих товаров как будто слетают. или я не знаю, что это. Но картинки становятся огромными, появляются маркеры. И главно, стоит обновить, как все это принимает нормальный вид. Что это может быть? http://ik2.camsi.ru/

Попробуйте отключить опцию Use ajax for product content в Virtuemart > Настройки > Шаблоны

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

Пришлите ссылку на страницу с дочерними товарами.

А они там почти все с дочерними. Мультиварианты настроены. Вот, например, http://ik2.camsi.ru/black-ik/caviar-selected-detail.html Попробуйте выбрать вариант.

Активируйте в настройках опции: Использовать скрипты для товаров Использовать скрипт ajax Страны / Регионы

У меня другой файл их выводит

Удалил код, так как дело не в нем.

А они активированы

Странно. Попробуйте для теста сменить шаблон и протестировать работу. Если все будет работать, значит дело в шаблоне.

В стандартном шаблоне почему-то поля у меня даже с аяксом не работают

У меня V3, обычными настраиваемыми полями реализовано. Тип поля: Multi Variant Я включила сейчас опять аякс - так выбор вариантов работает, но опять слетают стили.

У Вас используется какой-то скрипт, который дополнительно форматирует рекомендуемые товары, который срабатывает при полной загрузке странице. При ajax обновлении он не отрабатывает и стили слетают. Они выводятся в стандартном модуле?

Я скрип кидала в начале, может, это он и есть? Который прямо на странице.

// Check to ensure this file is included in Joomla! defined ( '_JEXEC' ) or die ( 'Restricted access' ); ?> product->customfieldsSorted['related_products'])) < ?>addScript('templates/' .JFactory::getApplication()->getTemplate(). '/assets/js/jquery.flexisel.js'); $doc->addStyleSheet('templates/'.JFactory::getApplication()->getTemplate().'/assets/css/flexisel.css'); $js = 'jQuery.noConflict(); jQuery(document).ready(function($) );'; $doc->addScriptDeclaration($js); ?>

product->customfieldsSorted['related_products'] as $field)