Антон Моисеев, ведущий программист “Alfa It Studio”, даёт инструкцию по выгрузке торговых предложений, свойств типа “справочник” из 1С в интернет-магазин на CMS 1С Битрикс и их отображение в карточке товара.
На базе 1C CMS Битрикс есть возможность выводить торговые предложения для товара, например, цвет, размер и другие свойства в карточке товара. А главное автоматизировать процесс и выгружать как товары, их торговые предложения, свойства, так и другие параметры из программы 1С. По факту это одна из настроек обмена между 1С и 1С битрикс Управление сайтом.
Так же в Аспро: Next, начиная с версии 1.1.6, добавлена настройка отображения для свойств типа «Справочник». Вы можете отображать заглушку с изображением или значение свойства, если хотя бы у одного значения свойства отсутствует картинка.
Вывод изображений свойств типа «Справочник»
![1.png 1.png](/upload/medialibrary/6e7/8ts26egdgmxj49wjr5y5i1rxmc543jp8/1.png)
Если у свойства отсутствует картинка, подгружается заглушка с изображением.
![2.png 2.png](/upload/medialibrary/384/e27q8go8nydg6pzwal2ixl0ks84x8i86/2.png)
Вывод значения свойств типа «Справочник», когда подгружаются названия.
![3.png 3.png](/upload/medialibrary/1d3/qxwmwgpg3j94iktaani7p8ea946xjmot/3.png)
Если вы используете выгрузку номенклатуры из 1С в 1С битрикс и не знаете, как выгрузить поле «Дополнительное значение» как справочник, нужно выполнить данные настройки. Здесь уже подразумевается, что у вас установлен модуль 1С битрикс для обмена данными с сайтом и настроен план обмена с интернет-магазином.
Настраиваем обмен торговыми предложениями
На примере 1С Комплексная автоматизация 2.0 посмотрим, как настроен обмен торговыми предложениями.
Для начала должен быть добавлен вид номенклатуры с учетом торговых предложений.
1) Заходим в раздел “Номенклатура” и сортируем не по иерархии, а по “Видам” и “Свойствам”.
![4.png 4.png](/upload/medialibrary/1ad/9m6rkt54va4f8k87j0kcirc11ibsw680/4.png)
Характеристики используем индивидуальные для номенклатуры.
![5.png 5.png](/upload/medialibrary/28b/7p4rumg33r8rmvxjd6hmajti7vl9voh3/5.png)
2) Проваливаемся в настройки дополнительных реквизитов (они же и есть свойства).
![6.png 6.png](/upload/medialibrary/da7/zeivvnsqkhgdbn6muafq0e6oz3zk89iy/6.png)
Создаем свойство для торговых предложений, например, по цвету.
В колонке, где общие характеристики, забиваем общие параметры, не зависящие от цвета.
Так же не забываем числовые значения и устанавливаем “Тип значения” - “ Число”.
![7.png 7.png](/upload/medialibrary/2c1/6v8kvdcr6jvfe7hqw8aeo82xgw2mn0ps/7.png)
А для торговых предложений “Свойство” - “цвет”оставляем без изменений, так как будем выгружать его в HL справочник, чтобы была возможность подгрузить любой цвет, как в нашем примере.
![8.png 8.png](/upload/medialibrary/bdb/g5400ms9m7ie3yuwqnfk0q3t8wwzwjbn/8.png)
Как это выглядит в самой номенклатуре. Общие характеристики добавляются в данной вкладке:
![9.png 9.png](/upload/medialibrary/9da/k12s8a8bxg157hfoo15lct20shys2kfx/9.png)
Заходим в реквизиты и открываем полный список.
![10.png 10.png](/upload/medialibrary/b28/71jkjh6c27hd36d1sb51domw65snt1sg/10.png)
3) Далее добавляем торговые предложения.
![11.png 11.png](/upload/medialibrary/d66/ox0s3gc39kgvxzn7e26p2ccozwt266pb/11.png)
Видим список самих торговых предложений:
![12.png 12.png](/upload/medialibrary/bf5/bl7gai1qkz0t43kkaj7xix2tjlk4t34j/12.png)
Внутри каждого из них заполнен уникальный для торгового предложения, например, «цвет».
![13.png 13.png](/upload/medialibrary/96e/rooviv5rokl0uljw1t8vjjt9plpsroha/13.png)
4) Добавляем для каждого торгового предложения(товара) нужный цвет по свойству.
Заходим в модуль 1С битрикс «Картинки и файлы характеристик номенклатуры».
![14.png 14.png](/upload/medialibrary/fb8/vw8kpci4gro60eib20j52vbzau8500nq/14.png)
Находим необходимый товар и добавляем для каждого цвета уникальную картинку. Если нужна именно картинка. Если нужна плитка товара, то ее добавляем на стороне сайта 1С битрикс в HL справочник, то есть у нас автоматически выгрузится список из 1С, а плитку добавим на сайте.
![15.png 15.png](/upload/medialibrary/122/bysyxyyuw5h0k7us4r3vwg3n7kbx6jiw/15.png)
5) Указываем, чтобы сайт получил свойство”Цвет” именно HL справочником, а не дополнительным значением. Иначе на сайте будет отображаться просто текст в свойстве отбора торговых предложений.
6) Переходим в “Узлы обмена с сайтом” во вкладку «Свойства»
![16.png 16.png](/upload/medialibrary/e62/l6mk8b2c1hrmo7eg260kzu9ouoa4n701/16.png)
Находим нужное нам свойство и поставим галочку “выгружать в HL справочник”.
![17.png 17.png](/upload/medialibrary/8e5/s5bhy6nx3sxz9zrdvcmztzafkgqudin5/17.png)
Выгружаем
1)Запускаем выгрузку.
Смотрим, чтобы свойство выгрузилось, как справочник.
2) Заходим в свойства нужного нам инфоблока.
![18.png 18.png](/upload/medialibrary/7d6/rxdx4je64l4bgtp5ctoy6f9t1kpxqzhg/18.png)
Открываем «Свойства»
![19.png 19.png](/upload/medialibrary/f78/d0alt3zb6n96hc84ldrg1yqnatk0fxec/19.png)
Ищем «Справочники».
![20.png 20.png](/upload/medialibrary/e37/hhpos3ct26vhtpvy3j2ppwk14gk4n58g/20.png)
Необходимое свойство в нашем случае - TSVET_9.
![21.png 21.png](/upload/medialibrary/fdf/4kcdqpv1d4cj4f2nvvqjqax2f2edf5eh/21.png)
Вот так видим свойство и список нужных нам цветов.
![22.png 22.png](/upload/medialibrary/16b/q3w3queauvxya0q1t83yycqu0h1djxvk/22.png)
Перечень свойств:
![23.png 23.png](/upload/medialibrary/e58/d7r2qe3w8cty1x5gy3sdxglapnbnzy29/23.png)
3) Здесь видим, что нет файлов, если нам нужна плитка картинками у товара на сайте.
Вот такая:
![24.png 24.png](/upload/medialibrary/335/5mnzdpcq6b84k29bjnzt8g5gcufa3891/24.png)
Тогда добавляем плитку в HL справочнике, который выгружается из 1С.
![25.png 25.png](/upload/medialibrary/ac0/nn1u2czd23lqca51pwc39djwwmwzshac/25.png)
Переходим в нужный нам HL справочник или можем добавить из свойства картинки.
![26.png 26.png](/upload/medialibrary/607/gsjwxpi6rcddz1trt0szgr2atnq19mw2/26.png)
Добавляем плитку.
![27.png 27.png](/upload/medialibrary/55b/p9sto40n9w594krcj1opb7v4sm95bs0q/27.png)
В итоге получим на сайте:
![28.png 28.png](/upload/medialibrary/f3c/f3i8v4r0a9xdt3kd954uglbyoaxmaydl/28.png)
При отборе меняется “анонс-картинка” нужного цвета товара.
![29.png 29.png](/upload/medialibrary/f3b/fkeiqnwffvbc825qvlytej4kmhxs5vdv/29.png)
4) Переходим на страницу Каталога или нужного товара в режим редактирования и открываем «шестеренку» - настройку каталога.
![30.png 30.png](/upload/medialibrary/549/bvbsrtt0j5btp7ba209lbfgj89gnuhzq/30.png)
Указываем необходимое свойство для отбора предложения. В нашем случае - это TSVET_9.
![31.png 31.png](/upload/medialibrary/ae4/004yqe1z3xadl129qb8pp4iicjka5d02/31.png)
Если еще указать для TSVET_9 - «выводить анонсную картинку предложения в свойствах для отбора», то будет показываться в отборе не плитка, а картинка, которую мы добавили для каждого торгового предложения в модуле 1С битрикс на стороне программы 1С.
![000.png 000.png](/upload/medialibrary/813/3r0042n2zucekv40nj4f8hd4371r6av7/000.png)
Это будет выглядеть на сайте вот так:
![32.png 32.png](/upload/medialibrary/3f5/29qyfihiu2sfm3m8zaos1eh8zy7wo2nx/32.png)
Так же меняются характеристики, отличается от предыдущего варианта, только тем что в отборе у нас картинка товара реальная, а не плитка.
Общие характеристики, которые мы заведем у каждого товара в 1С, выгружаются из 1С также в товар. (Смотрите выше, как их добавить в 1С)
![33.png 33.png](/upload/medialibrary/985/6b1yl3bbv7e8e1vibnfxl4ikpl00pfni/33.png)
Выделяем или добавляем нужные свойства в настройках Каталога, свойства для общих товаров
![34.png 34.png](/upload/medialibrary/6da/3e7zljo00aog6teril0ut5w6ac4hrzll/34.png)
и свойства для предложений.
![35.png 35.png](/upload/medialibrary/114/kno6q24lo8kj451sebsdyf98uaz63zsw/35.png)
Остались вопросы? Есть другие проблемы с настройкой выгрузки между 1С и 1С Битрикс? Мы их решим. Пишите!