Товары дня реализовать как у Яндекс маркета

[djava]

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

 

С уважением, Артур. 

 

 

[ab.support.serhii]

В 09.09.2023 в 15:17, djava сказал:

я хочу добавить 3-4 блока товары дня, хотелось бы  возможность указать разный цвет для разных блоков

А что сейчас мешает их создать?

Одно CSS-правило

http://i.abt.team/serj/20230911_121801.jpg

и указать его в секциях

http://i.abt.team/serj/20230911_121855.jpg

http://i.abt.team/serj/20230911_122005.jpg

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

http://i.abt.team/serj/20230911_122108.jpg

http://i.abt.team/serj/20230911_122133.jpg

 

Результат: 3 блока с разным содержимым и разным фоном.

http://i.abt.team/serj/2023-09-11-12_23_05.jpg

https://abd-d2a4b0dc42.demos.abt.team/ru/

[djava]

@ab.support.serj а как сделать чтобы блок с товарами стоял корректно на одном уровне с блоком Товар дня? И не просто сделать в блоке товар дня вывод 1 товара, а чтобы было видно 2-4 товара ))

 

Вот что получилось в тоге https://prnt.sc/eYhZZsQvfH0D

 

Цвет то менять понятно как, а я хочу вывести блоки с товаром дня как баннеры на моем сайте, чтобы вместо баннеры корректно отображался блок "Товар дня" https://prnt.sc/1QYZT-psd60p

 

 

И тут еще при нажатии на обратный звонок https://abd-d2a4b0dc42.demos.abt.team/ru/ съезжает текст в лево после открытия https://prnt.sc/-3WsotiLAoNw а на чекауте текст стоит намертво ))

 

С уважением, Артур.

Изменено 11 сентября, 2023 пользователем djava

[ab.support.serhii]

7 минут назад, djava сказал:

я хочу вывести блоки с товаром дня как баннеры на моем сайте, чтобы вместо баннеры корректно отображался блок "Товар дня"

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

https://www.youtube.com/watch?v=K4DuxA6w9Ac

 

По поводу такого вида акций, как на я.маркете - такое в ближайшее время не планируется.

10 минут назад, djava сказал:

И тут еще при нажатии на обратный звонок

Не в эту тему.

[djava]

@ab.support.serj

15 часов назад, ab.support.serj сказал:

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

https://www.youtube.com/watch?v=K4DuxA6w9Ac

Но я ведь говорю сейчас про домашнюю страницу! "Баннеры для категорий" работают в категории и только.

 

15 часов назад, ab.support.serj сказал:

Не в эту тему.

Но вы же зафиксировали

[ab.support.serhii]

3 часа назад, djava сказал:

Но я ведь говорю сейчас про домашнюю страницу!

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

 

19 часов назад, djava сказал:

а как сделать чтобы блок с товарами стоял корректно на одном уровне с блоком Товар дня? И не просто сделать в блоке товар дня вывод 1 товара, а чтобы было видно 2-4 товара

Блок "товар дня" под такую формацию не предназначен.

[djava]

2 часа назад, ab.support.serj сказал:

Блок "товар дня" под такую формацию не предназначен.

Очень жаль, а смотрелось бы круто!

[djava]

В 11.09.2023 в 14:24, ab.support.serj сказал:

А что сейчас мешает их создать?

Одно CSS-правило

http://i.abt.team/serj/20230911_121801.jpg

и указать его в секциях

http://i.abt.team/serj/20230911_121855.jpg

http://i.abt.team/serj/20230911_122005.jpg

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

http://i.abt.team/serj/20230911_122108.jpg

http://i.abt.team/serj/20230911_122133.jpg

 

Результат: 3 блока с разным содержимым и разным фоном.

http://i.abt.team/serj/2023-09-11-12_23_05.jpg

https://abd-d2a4b0dc42.demos.abt.team/ru/

Сделал все как вы и сказали, все равно отображается такая тень!

 

 

[ab.support.serhii]

@djava можете повторить на демо, чтобы была возможность проверить?

[djava]

@ab.support.serj к сожалению нет, т.к демка не пропускает и не дает вставить в редактор css вот это:

 

.color-green .ab__deal_of_the_day {
    background: #93c47d;
}

.color-blue .ab__deal_of_the_day {
    background: #6d9eeb;
}