Настраиваемые поля virtuemart 3: изображение (часть 2)

Опубликовано: 20 Январь, 2016
Обновлено: 18 Май, 2016
Категория: Настройка VirtueMart
Комментариев: 95

Продолжаем рассматривать стандартные настраиваемые поля virtuemart 3.

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

В этой статье поговорим о поле Изображение.

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

Добавление изображений

Перед использованием изображений их необходимо добавить в базу.

В Virtuemart > Магазин > Медиа файлы поочередно загрузите каждое изображение.

media-files

Укажите название (оно будет выводиться рядом с изображением в карточке товара) и выберите файл для загрузки.

add-files

Также можно сразу загрузить через ftp все изображения в папку /images/stories/virtuemart/product/ и после этого в Virtuemart > Магазин > Медиа файлы синхронизировать все картинки.

add-files2

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

При синхронизации и добавлении изображений через медиа-менеджер автоматически создаются миниатюры изображений с размерами, заданными в Virtuemart > Настройки > Шаблоны. Если размер загружаемых изображений меньше, то они будут растянуты. Для решения проблемы в настройках каждого изображения в поле Url миниатюры скопируйте адрес из поля Url.

url

Настраиваемое поле Изображение

Для наглядности рассмотрим конкретный пример - выбор текстуры для деревянного стола.

В Virtuemart > Товары > Настраиваемые поля создадим новое поле с настройками, как на стриншоте.

1

Тип поля - Изображение

Заголовок - обязательный параметр

Атрибут корзины - Да

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

Остальные настройки можно оставить по умолчанию.

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

addd-imf-custom-field

Добавим немного css в шаблон для придания нормального внешнего вида.

25% - ширина одного блока с изображением.

На выходе получим что-то вроде этого.

custom-image

Надпись Без дополнительного сбора можно удалить в  файле /language/ru-RU/ru-RU.com_virtuemart.ini.

95 комментариев

    Иван

    Извиняюсь,может невнимательно читал,где брать id картинки?

      admin

      admin

      Virtuemart > Магазин > Медиа файлы
      Правая колонка

    kenni

    Как всегда спасибо! А можно сделать вывод вариантов цветов в списке категории, как вот тут http://www.optimmebel.ru/Mebel-dlya-gostinoy/Stoly-zhurnalnye/View-all-products.html ?

      admin

      admin

      В категории цвета должны выводится автоматически, как и остальные поля с атрибутом корзины.
      В карточке товара используется не стандартное решение.

    Владислав

    А возможно сделать так что бы если нажать на миниатюру то она раскрывалась, вот например на шаблоне likeshop

      admin

      admin

      Для показа изображения во всплывающем окне добавьте в конец файла шаблона карточки товара /components/com_virtuemart/views/productdetails/tmpl/default.php

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

      Данный способ сработает если в шаблоне подключен фреймворк bootstrap.

      В шаблоне LikeShop все будет работать.
      Править нужно файлы /templates/t3_bs3_blank/html/com_virtuemart/productdetails/default.php и /templates/t3_bs3_blank/css/custom.css.

    Владислав

    Спасибо большое, всё сработало =)) на likeshop отлично смотрится.

      admin

      admin

      Рад, что все получилось.

    Николай

    Админ помоги, что гуглил, гуглил ни чего так и не на гуглил. Задача есть рыболовный интернет магазин. Ассортимент много. Например есть воблер и у него есть как минимум два атрибута это Цвет (причем он не стандартный у скажем так не совсем цвет а скорее рисунок) и артикуль. Так вот как можно сдеть что бы по принципу стульев можно было в карточку добавить мини картинок шт 10 что выбирать можно было нажимая на сами мини картинки и при этом менялся артикул товара ну и большая картинка в карточки? Это реально?

      admin

      admin

      Нужно использовать дочерние товары.
      Без этого артикул меняться не будет.

    Николай

    Ну или может кто посоветует плагин? Только надо что бы образцы вариантов самому загружать, а не тупо выбор из цветовой палитры

    Николай

    Спасибо за направление пути, а реально вместо списка названии, сделать выбор с помощью мини картинок?

      admin

      admin

      Думаю, что сделать можно, но готовых решений не встречал.
      Если найдете, то, пожалуйста, поделитесь.

    Дмитрий

    BHy4eK

    А как вместо: пустое поле, +100, +200, +300 вывести конечную стоимость товара?

    Дмитрий

    BHy4eK

    тоесть: вместо пустое поле -> 6100 руб, вместо +100 -> 6200 руб итд...

      admin

      admin

      Попробуйте это решение.

    Анастасия

    а как же сделать смену основной картинки при выборе цвета?
    оооочень надо (

      admin

      admin

      Можно поставить этот модуль, он поддерживает эту опцию.

    Владимир

    Приветствую! Немного не по теме. но решение, полагаю, схожее. Хочу помимо цвета выводить размеры в виде кнопок. Помогите, если кто в курсе.

      admin

      admin

      Можно использовать этот плагин.

        Владимир

        Благодарю! Про этот плагин мне известно. Есть ли какое-то альтернативное решение? На сколько я понимаю, для этих целей можно использовать радиокнопки (стандартный функционал VM), стилезовав их под простые кнопки. Известно ли что-нибудь про это?

          admin

          admin

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

    Emast

    Добрый день!
    В примере "Цвет ламинации" выделен жирным. Как это прописать?
    Какую позицию поставить, чтобы картинки были над ценой?
    Если цветов не 4, а 15. Будет ли перескакивать на следующую строчку?

      admin

      admin

      Здравствуйте!

      Названия настраиваемых полей по умолчанию выводятся жирным.
      Для правильной работы нужно выводить в позиции addtocart.
      Можно создать собственную позицию (настройка позиций настраиваемых полей)и вывести в ней.
      На следующую строчку будет автоматический перенос.

        Emast

        Жирным не выводится, видимо особенность шаблона (LS)
        И еще вопрос... По умолчанию точка (check) нигде не стоит, поэтому не особо внимательный покупатель может выбрать себе товар без цвета. Как сделать, чтобы при открытии товара выбор уже стоял на первом цвете?

          admin

          admin

          По жирности можно решить с помощью css, пришлите ссылку на сайт.
          Чтобы выделить первый элемент в конец шаблона карточки товара /templates/имя_шаблона/html/com_virtuemart/productdetails/default.php добавьте

            Emast

            Спасибо, решение помогло, ссылку на сайт отправил по почте

            Dexternova

            Здравствуйте. А куда именно нужно вставить этот код, что бы он заработал? Вставил в случайную строку в templates/имя_шаблона/html/com_virtuemart/productdetails/default.php - не работает.

            admin

            admin

            Нужно добавить в самый конец файла.

    Катя

    Здравствуйте! простите за глупый вопрос, но куда именно нужно вставить css код?

      admin

      admin

      Здравствуйте!

      css нужно добавлять в файл стилей шаблона.
      Пришлите ссылку на сайт, чтобы ответить точно.

    Анастасия

    добррый день!
    Есть сайт на Joomla+Virtuemart. сверху поставлен плагин virtuemart color swatch extension.
    Но сейчас значение выбранного цвета не передается ни в письмо о заказе, ни в инфрмацию о заказе в админке вирта.
    подскажите как поправить?

      admin

      admin

      Здравствуйте!
      Для настраиваемого поля задан атрибут корзины? Без этого информация ни в корзину ни в письмо передаваться не будет.

    manama

    Здравствуйте! Никак не могу найти файл в котором менять стили
    http://faberlic.website-arenda.ru/cosmetica/dlya-gub/pomady/pomada-solnechnoe-siyanie-detail

      admin

      admin

      Здравствуйте!
      Попробуйте добавить в /templates/buyshop/css/style.css

        manama

        туда и кидала, изменений не было((( и кружка чекбокса нету

    Mirzozod

    Здравствуйте, есть интернет магазин изготовление печатей, как реализовать функцию загрузка файла, например покупатель хочет заказать печать по оттиску, для этого он должен загружать фото своего образца и дальше продолжает покупку... Ест ли такой модуль, плагин или решение?

      admin

      admin

      Здравствуйте!

      Посмотрите этот плагин.

    Ильдар

    Здравствйуте, можно ли сделать так, чтобы выбирать несколько изображений вместо чекбокса. Хочу использовать, как конструктор (продавать товар модулями)

      admin

      admin

      Здравствуйте!

      Стандартными средствами так сделать нельзя. Можно сделать с помощью стороннего плагина.

        Ильдар

        Спасибо большое. раньше никогда еще не работал с плагинами. Сейчас поставил Catproduct 3.0.8.

    IvanYur

    Добрый день у меня такой вопрос. Хочу чтобы человек мог выбрать цвет при покупке например футболки (футболка имеет 3 цвета). Нужно чтобы на вид это было в карточке товара как вы показывали в статье на примере размеров. Но нужно чтобы когда покупатель выбирал один цвет ему подставлялась одна картинка, второй цвет другая картинка.
    Вот так как на примере : http://tytmodno.com/futbolka-muzhskaya-iz-hlopka-print-kapitan-174g001.html

    Помогите мне с этим, как мне это нужно сделать

      admin

      admin

      Здравствуйте!

      Поможет этот плагин.
      http://virtuemart.su/smena-glavnogo-izobrazheniya-pri-vybore-cveta-tovara-v-virtuemart-3/

        IvanYur

        Спасибо. Но меня еще интересует один нюанс за счет этого плагина, я смогу сделать так, чтобы в категории товара от так как здесь http://tytmodno.com/mans/shorty/ или как здесь http://fashion-shock.com/catalog Можно было видеть что этот товар имеет разные цвета ? это очень важно.

        На счет раннего вопроса которое по задавал. Я этот вопрос решил "Дочерним товаром" На этом сайте я это сделал http://www.have.com.ua/ru/clothing/for-men/shorts/shorts-detail.html

          admin

          admin

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

    Rus

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

      admin

      admin

      Здравствуйте!

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

        Rus

        Спасибо огромное, работает.

          admin

          admin

          Отлично.

    annyka

    Подскажите, пожалуйста, vitruemart 3 не хочет цену обновлять в мультивариантах.
    http://ik.camsi.ru/magazin/black-ikra/caviar-premium-detail.html
    Обновляет один раз всего и дальше не обновляет 🙁 В чем может быть проблема??

    Я еще ставила плагин Stockable Customfields, вот товар с помощью него настроен http://ik.camsi.ru/magazin/black-ikra/caviar-selected-detail.html - такая же проблема. Видимо там какая-то связь с файлами виртумарт... Между собой они не конфликтуют (отключать пробовала)

      admin

      admin

      Зашел на сайт. Цена обновляется. Проблема решена?
      Если нужно менять только цену и не нужен учет остатков каждого варианта, то можно использовать настраиваемое поле с типом строка.

        annyka

        Ума не приложу! Что я сделала и почему заработало :)))) Что-то тыкала, а потом вдруг Вы на следующий день написали, что все нормально. А когда я делала ночью, ничего не считалось.... В общем, три дня пытаюсь разобраться, что же я сделала! И файлы сравнивала и базы... и проверяла, какие настройки выставляла. Удивительно... делаю все так же, такие же настройки... а не работает!! А тот бекап ставлю - работает :)))) Сама пытаюсь разобраться! Поле у меня property. С этим полем учет остатков должен быть?

          admin

          admin

          Чудеса случаются)
          Учет остатков работает только если задействованы дочерние товары.

            annyka

            У меня поле "вес" - property. Но работатать пересчет должен от плагина, поэтому там еще одно поле настраивается: выставляется "плагин" и выбрирается Stockable Customfields, а там уже в настройках выбирается поле "вес"...

            admin

            admin

            C этим настраиваемым полем не получится сделать учет остатков.
            Посмотрите в этой статье, можно по аналогии сделать для веса.

    annyka

    Ну вот! Опять заработало!! Вчера не работало!!
    Может это Вы -волшебник? :))))) После того, как Вы заходите - начинает работать!

    annyka

    И остатки пересчитываются таким образом (на складе количество уменьшается и красным горит, если мало). Единственное, уведомления о том, что товары заканчиваются - не приходят. Это с чем может быть связано?

      admin

      admin

      В Virtuemart > Настройки > Внешний вид активирована опция Отправлять уведомление о низком количестве товаров?

        annyka

        да 🙂

      annyka

      Ура-ура!! Нашлось решение!! Я поняла наконец, почему не пересчитывалась цена и товары не клались в корзину нормально. В общем, я не знаю, как это связано. Но дело такое: когда я выключала сайт на профилактику и занималась им пока он был закрыт, в это время у меня всегда переставали работать нормально и поля и пересчет цены и др. Как только я его включала, заодно, чтобы Вам показать, спросить :)))))))) Через какое-то время все начинало работать!! Вот засекла время, сайт начинает нормально считать цены и класть товары в корзину спустя час с лишним после того как я его выставляю на всеобщее обозрение!! 🙂 Что это такое?? Почему так?? 🙂

        admin

        admin

        Скорее всего на сайте включено кеширование.
        Отключите его.

          annyka

          Да, но я-то его специально все время чистила и перепроверяла.
          Стандартное включено, отключить совсем не могу, поскольку очень грузит хост, нагрузка большая получается.

            admin

            admin

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

    annyka

    Не пойму что-такое. Оказывается, пересчитываться цена перестает не тогда, когда я захожу в режим обслуживания (т.е. авторизуюсь). А в принципе, когда кто-то авторизуется 🙁

    Т.е. так все нормально считается, товары кладутся в корзину. А когда любой пользователь авторизуется и пытается сделать заказ, что-то происходит....
    Даже формат ссылок другой получается
    Если в мультитоварах, например, вне автоизации выбираешь товар и адресная строка меняется на:
    http://ik.camsi.ru/magazin/black-ikra/caviar-classiс-1-detail.html
    или
    http://ik.camsi.ru/magazin/black-ikra/caviar-classiс-2-detail.html

    То стоит только авторизоваться, как товары перестают нормально отображаться, пересчет пропадает со второго выбора (первый нормально, а дальше всё). И ссылки товаров-вариаций приобретают вид:
    http://ik.camsi.ru/magazin/black-ikra/100%20ГР.
    http://ik.camsi.ru/magazin/black-ikra/50%20ГР.

    И в Stockable Customfields тоже самое... пересчет не работает...

    И это не кеш... Что это может быть вообще? Есть у кого-то мысли? 🙁

    Оксана

    извините, но код редактирования картинок цвета куда вставлять? в какой файл CSS

      admin

      admin

      Вставлять нужно в css файл шаблона. Попробуйте добавить в /templates/ot_sexyqueen/assets/css/template.css

    Оксана

    как убрать дурацкую фразу - без дополнительного сбора?

      admin

      admin

      В файле /language/ru-RU/ru-RU.com_virtuemart.ini замените
      COM_VIRTUEMART_CART_PRICE_FREE="Без дополнительного сбора"
      на
      COM_VIRTUEMART_CART_PRICE_FREE=""

        Оксана

        спасибо)) все помогло

    Константин.М

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

      admin

      admin

      Здравствуйте!
      Верстку "портят" стили шаблона.
      Добавьте дополнительно

        Константин.М

        Спасибо огромное за отклик и извините за мою не грамотность в данном вопросе. Помогло, всё ровно отображается.

          admin

          admin

          Хорошо.

    grand

    grand

    Добрый день, в статье написано: "При синхронизации и добавлении изображений через медиа-менеджер автоматически создаются миниатюры изображений с размерами, заданными в Virtuemart > Настройки > Шаблоны", но у меня, к сожалению, миниатюры не создаются, как это можно исправить?

      admin

      admin

      Здравствуйте!
      Посмотрите в этой теме на форуме. Если не поможет, то попробуйте обновить virtuemart.

    george007ua

    Мое почтение, уважаемый Admin, рад что Вы по прежнему трудитесь на этом нелегком поприще. За время моего отсутствия появилось огромное количество интересных решений, и статей. И все как всегда на высшем уровне.
    И решение по товарам разных цветов как было во втором виртуемарте, с тем же грузом переходим в третий )))
    Не идеально, но просто, как говориться, малой кровью...
    Возникла небольшая проблема. Эти стили работают во всех современных браузерах и все отображается в лучшем виде... Но, на старой, но такой мной любимой 12й опере не работают ((( Это, конечно не большая потеря... но, вдруг я что-то не доработал, или, может есть какое-то решение... буду премного благодарен...
    Вроде как смотрел, все стили берутся с того же файла (X:\home\localhost\www\rusd\components\com_virtuemart\assets\css\vm-ltr-site.css)...

      admin

      admin

      Здравствуйте!

      Пришлите ссылку на страницу и скрин с проблемой в опере, попробуем разобраться.

    george007ua

    сайт пока на локалхосте (( Варианта, как мне видиться 2. Или старая опера не поддерживает эти стили в принципе, или я не в тот файл вставил код. Поковыряю еще надосуге...

    Namp

    Уважаемый админ. Скажите пожалуйста, а как быть если у товара есть размер и цвет? Например, имеем размеры S и M. S - красный и белый, а M - только белый. Как сделать недоступным выбор для покупателя размера M в красном цвете? Заранее благодарю.

      admin

      admin

      Здравствуйте!
      В этом случае нужно использовать дочерние товары.
      Посмотрите в этой статье.

        Namp

        Спасибо, Владимир! Очень выручили )

    Оксана

    добрый день. у меня картинки выбора цвета товара показываются слитно, т.е. между ними нет пробелов. а так же в телефоне они большие ( огромные ) и наезжают друг на друга.
    Подскажите, как разделить картинки и что редактировать, чтоб в телефоне картинки отображались правильно.
    Спасибо.

    Оксана

    я уменьшила картинки с 25% на 15% и они теперь вообще куда-то поехали и стали разных размеров. и в телефоне тоже

      admin

      admin

      Попробуйте добавить в конец файла /templates/otjewelry/assets/css/template.css

        Оксана

        спасибо

    romanov

    А если у меня у товара 50 расцветок и если я добавлю их все на выбор, то выйдет каша в карточке товара. Можно ли выводить допустим первые 5 и снизу кнопка развернуть\показать остальные?
    Так сказать дать выбор из 50 отделок, но визуально свернуть их для более аккуратного внешнего вида.

      admin

      admin

      Готового решения не встречал, но сделать можно.
      Разместите хотя бы 10 расцветок и пришлите ссылку на страницу, посмотрим, что можно придумать.

          admin

          admin

          Ответил на почту.

    Дмитрий

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

      admin

      admin

      Здравствуйте!
      Стандартными средствами не сделать, нужно вносить правки.
      Есть пример того, что должно получиться в итоге?

          admin

          admin

          Сделать можно.
          В идеале нужно оформить решение в виде отдельного плагина.
          Обратитесь на фриланс или напишите мне на admin@virtuemart.su

    Александра

    Добрый день! Не могу понять и найти решение для себя. У меня товар имеет несколько размеров и несколько расцветок (не цветов). Если размеры я вывожу плагином Custom Fields For All используя дочерние товары. То как быть с расцветкой, если использовать настраиваемые поля - изображение - тогда их невозможно будет учесть (или я не понимаю как) . Если брать дочерние товары с изображением, то там только список и их никак не переплести с размерами.
    http://linka-moda.ru/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=211&virtuemart_category_id=4&Itemid=123

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

    Помогите, пожалуйста, с решением.

      admin

      admin

      Здравствуйте!
      Не совсем понял суть вопроса, но посмотрите еще в этой статье, возможно, что-то пригодится.

      По второму вопросу.
      Какие чекбоксы нужно убрать и какую рамку сделать?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
Для вставки кода заключите его в теги [php] [/php]
*