Кажется, я не могу отображать свои изображения в слайдере. (Processwire) Но все мои поля в репитере настроены правильно

Question

<section class="hero-slider style1">
  <div class="home-slider">
    <!-- Single Slider -->
    <?php
    foreach ($page->slider_repeater as $slider_repeater) {
      echo "<div class='single-slider' style='background-image:url('{$slider_repeater->images->url}{$slider_repeater->images}')'>";
      echo "<div class='container'>";
      echo "<div class='row'>";
      echo "<div class='col-lg-12 col-md-12 col-12'>";
      echo "<div class='welcome-text'>";
      echo "<div class='hero-text'>";
      echo "<h4>{$slider_repeater->texth4}</h4>";
      echo "<h1>{$slider_repeater->texth1}</h1>";
      echo "<div class='p-text'>";
      echo "<p>{$slider_repeater->textp}</p>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
      echo "</div>";
    }
    ?>
  </div>
</section>

Проблема с разделом фонового изображения, весь остальной текст на сайте работает нормально, кроме изображений.

Answer 1

Сначала вам нужно проверить, настроено ли ваше поле на однозначный или многозначный вывод. В резервной копии go выберите «Настройка» -> поля -> изображения и проверьте вкладку Подробности . Обратите внимание на настройки Максимальное количество файлов и Форматированное значение . Они расскажут вам, содержит ли ваше поле images одно изображение или несколько изображений.

В вашем background-image: url function: * также есть несколько ошибок: 1013 *

1. Вы используете одинарные кавычки (') для ограничения начала и конца значения атрибута HTML И внутри функции url, это может вызвать ошибки. Оставьте одинарные кавычки внутри функции url.
2. Какова цель второго вызова {$ slider_repeater-> images} ? Оставьте это.

С учетом всего сказанного, измените параметр стиля на один из следующих, и он должен работать:

// if your images field is set to Single item, or Automatic with a limit of 1
style='background-image:url({$slider_repeater->images->url})'

// if your images field is set to Arry of items, or Automatic with a limit of 0 or >1
style='background-image:url({$slider_repeater->images->first->url})'