Разработчики добавили в массив $item ещё один массив $colors, в котором хранятся цвета товара. Да, элементами массива могут быть и другие массивы. Они называются вложенными.

Наша задача — доработать отрисовку карточки товара, чтобы на странице появились все цвета из массива $colors.

Мы уже знаем, как выводить на страницу элементы массива с помощью цикла while. Этот цикл не очень удобен: нужно придумывать условие, создавать счётчик и следить за тем, чтобы цикл не был бесконечным. Есть другой цикл, в котором всё это не нужно — foreach.

foreach ($массив as $переменная) {
  тело цикла
}

На каждой итерации значением переменной становится очередной элемент массива. Элементы перебираются по порядку с первого до последнего. Поэтому нам не нужны индексы, достаточно обратиться в теле цикла к переменной.

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

$fruits = ['Апельсин', 'Яблоко', 'Банан'];

<?php foreach ($fruits as $fruit): ?>
<li><?= $fruit ?></li>
<?php endforeach; ?>
// На странице появится список фруктов

Подробнее о том, как устроен цикл foreach, можно почитать в учебнике по PHP.

Выведем цвета товара в шаблон с помощью цикла foreach. Верстальщики подготовили разметку и стили для списка цветов. Каждому цвету соответствует тег <li> с особым классом. Для каждого цвета нам нужно добавить отдельный <li> в разметку и задать этому элементу нужный класс. Тогда доступные цвета товара появятся на странице. Проверим.