Как добавить сопутствующие товары по нажатию на chekbox?

Question

[Андрей Белый]

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

Как лучше реализовать?

Comments

[PetrPo]

так сопутствующие товары - это тоже товары?

[Андрей Белый]

PetrPo, да, хранятся в каталоге.

[PetrPo]

Андрей Белый, так в чем тогда проблема, у тебя же есть кнопка купить, стилизуй ее как checkbox (просто визуально), можешь даже верстку не трогать, а сделать на псевдоклассах :before - будет квадратик, :after - будет галка сначала в display:none;, когда добавляешь товар в корзину, делаешь display:block;

Или ты не знаешь как вывести сопутствующие товары? - свойство "Привязка к элементам" и компонент catalog.section с фильтром по id этих товаров из свойства

[Андрей Белый]

PetrPo, разве компоненты можно в шаблоне выводить? Там же вроде какие-то проблемы с кешированием начинаются...

[Андрей Белый]

PetrPo, тут еще видишь какой момент, кнопка добавления товара в корзину предполагает ТОЛЬКО добавление, а чекбокс добавление/удаление

[PetrPo]

разве компоненты можно в шаблоне выводить? Там же вроде какие-то проблемы с кешированием начинаются...

для этого существует файл component_epilog.php - он не кешируется

добавление/удаление

тут подумать надо, сходу не скажу, завтра посмотрю

[Андрей Белый]

PetrPo, и это мне понятно, только не понятно одно, если выводить компонент в component_epilog.php, то он в самом конце документа выводится, а как видно на картинке сверху его мне надо вывести где-то в середине документа, как быть?

[PetrPo]

Андрей Белый,
Есть несколько вариантов, но их потестить надо, не помню точно как делать
1. Через отложенную функцию showViewContent - может не подойти опять же из-за кеша, надо проверять
2. Через событие можно что-то там про buffercontent
3. Можно поставить какую нибудь метку, типа #COMPONENT# и в эпилоге заменить ее, тоже надо проверить, может режим правки отвалиться
4. Самый простой, надёжный и 100% вариант по работоспособности - это перенести все что идёт после этого компонента тоже в эпилог, но может по вёрстке не прокатить.

[PetrPo]

разве компоненты можно в шаблоне выводить? Там же вроде какие-то проблемы с кешированием начинаются...

1. Этот вариант отпадает, с кешем не работает
2. Думаю так лучше не делать, парсит весь контент, слишком нагрузит систему для такой мелочи
3. Вот здесь человек как раз описывает этот вариант
4. все также самый простой и понятный вариант, если верстку можно сделать, я бы предпочел именно этот вариант

По второму вопросу посмотрю попозже

[PetrPo]

Андрей Белый, Вообщем компоненты каталога не поддерживают удаление товара из корзины.
Если посмотришь, что catalog.section, что catalog.element наследуются от класса \Bitix\Iblock\Component\Base, который содержит код добавления товара в корзину по get параметру ADD2BASKET и нет никаких методов связаных с удалением.

Простыми манипуляциями не решить, могу порядок действий описать:
1. В шаблоне компонента, который будет выводить твои товары в файле script.js надо написать свою логику удаления, там буквально несколько строк кода достаточно, но надо будет тебе разобраться в этом скрипте. Смысл в том чтобы отправлять ajax на свой файл
2. В файле ajax пишешь логику удаления товара - погугли, там ничего сложного
3. Сложная вещь - при загрузке надо узнать товар уже в корзине или нет, чтобы показать нужную кнопку, нужно учитывать что товар может быть с торговыми предложениями
4. Нужно синхронизировать все это дело с малой корзиной, в том же script.js, при добавлении товара в корзину есть такая синхронизация

Ну и самый неприятный момент - это рассмотрение неординарного поведения юзера:
1. захожу в товар1 и кладу в корзину 5 единиц
2. захожу в товар2, к этому товару привязан товар1 и этот товар уже в корзине, нажимаю удалить, которая удалит все 5 единиц товара, как сам считаешь это нормально давать такую возможность пользователю? Я уже не говорю о том, что он тупить начнет, когда перейдет в корзину и не увидит там товар1, а даже с точки зрения маркетинга ты даешь ему лишнюю возможность отказаться от покупки

[Андрей Белый]

PetrPo, сошелся с заказчиком на том, что будем только добавлять товары, без удаления.

[PetrPo]

Андрей Белый, ну получается я помог тебе решить вопрос))
отметь решением и не забудь поставить лайк)

Answer 1

[PetrPo]

компоненты каталога не поддерживают удаление товара из корзины.
Если посмотришь, что catalog.section, что catalog.element наследуются от класса \Bitix\Iblock\Component\Base, который содержит код добавления товара в корзину по get параметру ADD2BASKET и нет никаких методов связаных с удалением.

Простыми манипуляциями не решить, могу порядок действий описать:
1. В шаблоне компонента, который будет выводить твои товары в файле script.js надо написать свою логику удаления, там буквально несколько строк кода достаточно, но надо будет тебе разобраться в этом скрипте. Смысл в том чтобы отправлять ajax на свой файл
2. В файле ajax пишешь логику удаления товара - погугли, там ничего сложного
3. Сложная вещь - при загрузке надо узнать товар уже в корзине или нет, чтобы показать нужную кнопку, нужно учитывать что товар может быть с торговыми предложениями
4. Нужно синхронизировать все это дело с малой корзиной, в том же script.js, при добавлении товара в корзину есть такая синхронизация

Ну и самый неприятный момент - это рассмотрение неординарного поведения юзера:
1. захожу в товар1 и кладу в корзину 5 единиц
2. захожу в товар2, к этому товару привязан товар1 и этот товар уже в корзине, нажимаю удалить, которая удалит все 5 единиц товара, как сам считаешь это нормально давать такую возможность пользователю? Я уже не говорю о том, что он тупить начнет, когда перейдет в корзину и не увидит там товар1, а даже с точки зрения маркетинга ты даешь ему лишнюю возможность отказаться от покупки