lie2
@lie2

Как красиво выводить торговые предложения в карточке товара?

Доброго дня! возникла такая проблема:
Нужно выводить свойство товара красиво, как на нормальных сайтах типа али и т.п.
Пример типа:
5cfa1b4263eca867285485.jpeg
и так по каждому.
сейчас реализовано так: 5fc109936cc24489487125.png
Естественно при большем количестве товаров - не удобно и громоздко.
Вот код вывода:
<div class="btn-offer-label <?php echo ($isOfferFirst) ? ' active' : ''; ?>"
                                 type="button"
                                 data-offer-price="<?php echo $offer['PRICE']['RATIO_PRICE']; ?>"
                                 data-offer="<?php echo $id; ?>">
                                <div class="row no-gutters align-items-center">
                                    <div class="col-2">
                                        <div class="contain" style="background-image: url('<?php echo $offer['IMAGE']; ?>');">
                                            <img src="/local/3x2.svg"
                                                 alt="<?php echo $alt; ?>"
                                                 title="<?php echo $title; ?>" />
                                        </div>
                                    </div>
                                    <div class="col-10">
                                        <div class="px-3 text-12px">
                                            <?php $isFirst = true; ?>
                                            <?php foreach ($offer['PROPERTIES'] as $key => $value) : ?>
                                                <?php echo ($isFirst) ? '' : ' / '; ?>
                                                <span class="text-muted font-weight-semibold"><?php echo $value['NAME']; ?>:</span>
                                                <span class="text-lowercase font-weight-bold"><?php echo $value['DISPLAY_VALUE']; ?></span>
                                                <?php $isFirst = false; ?>
                                            <?php endforeach; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
  • Вопрос задан
  • 146 просмотров
Пригласить эксперта
Ответы на вопрос 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Плитка критериев: цвет, размер и ниже - плитка изображений, согласно критериям.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы