28 октября 2020 в 6:38
У меня на drupal сделан сайт для магазина. Создан новый тип материала для товара и таким образом добавлены товары с ценами и фото. Через view это выводится в коллекцию и показывается клиентам.
Проблема вот в чем - как можно сделать, чтобы в отдельных ячейках отображался значок SALE? Время от времени надо устанавливать скидки, а фотошопить фото товара и перезаливать не удобно. Какие есть варианты?
Комментарии
1. Уточните версию Друпала.
2. Добавить поле-флажок в тип материала товара для маркировки "SALE".
3. Во вьюсе выводить это поле с кастомным div'ом.
4. В CSS для этого кастомного div'а сделать любые нужные правила (вплоть до абсолютного позиционирования поверх фото товара).
По второму пункту - просто добавить любое поле, маркер распродажи?
По третьему пункту - как это сделать? Куда там писать при настройке?
Drupal у меня 7
Совершенно верно. Лучше - поле-флаг (чекбокс).
<div class="sale-sign">SALE</div>PS. Изучайте views, это азы.
Не сочтите за навязчивость, но где найти такую настройку? Это во views или где? Все облазил и такое не нащел
Да, во views.
У меня сейчас нет под рукой никакой вьюхи для D7 для примера.
Выложите скриншот вашего вьюса.
OldWarrior говорит о настройках поля. Чтобы попасть в настройки поля, нужно ткнуть в настройках view в нужное поле (например Content:Price). Там будет целая секция REWRITE RESULTS.
Ну вот же, прямо под REWRITE FIELDS, Rewrite the output of this field.
Да, я это и имел в виду. Забыл как точно это звучит по-английски.
Только, разумеется, автору нужно добавить своё поле-чекбокс в вывод вьюса, тут Content:Price приведён только для примера. И дальше для этого поля-чекбокса уже настраивать вывод.
Я использую стандартный модуль Views и там после выбора "Rewrite the output of this field" не появляется окошка для div. Надо ли что то дополнительного устанавливать?
А что же появляется?
Нет.
Разобрался, дополнительные параметры не появляются из-за JQuery 1.8
Поменял на 1.5 и все заработало.
Прописал div блок и вывел картинку вместо true
Теперь осталось разобраться как свободно эту картинку перемещать по блоку, пока position не сильно помогает в css
Не подскажите с еще одной вещью?
Я сделал так, что скидка теперь над фото товара, перетащив ее вверх поверх
В CSS прописал
.views-field-field-sales {
position: relative;
top: -200px;
}
Почему свободное место (черный прямоугольник) после перетакивания картинки остается, смотриться не очень. Как сделать, чтобы снизу пространство тоже ушло?
Position absolute попробуйте
Для начала надо в браузере средствами разработчика посмотреть чем именно занято это место, и почему у пустого элемента такая высота.