Как сделать такую конструкцию в ACF wordpress?

Question

[Виталий Фролов]

Как сделать подобную конструкцию с помощью плагина ACF?
У меня шапка с акциями такого плана-
Я её успешно сверстал и вёрстка выглядит вот так вот

<div class="promoheaderz">
	<div class='container'>
		<div class="row">
				<div class='discount_text dis col-md-4'>
					<p>Winter discount<br>OFF 10%</p>
				</div>
				<div class='discount_img col-md-4'>
					<img src=/wp-content/uploads/2017/08/dsc_9926-1-e1506092225632.jpg'>
				</div>
				<div class='discount_text col-md-4 model'>
						<p>Beacon – HW v4.9 + IMU – plastic housing</p>
				</div>
		</div>
	</div>
</div>

Как мне сделать чтобы текст и картинку которая сейчас в вёрстке вставлять посредством ACF в админке?
Ну т.е я создал уже Reperater с именем " headerblock "
В нём есть subfields
background_header - type image
Product_image - type image
Text_left - type Wysiwyg Editor
Text_right - type Wysiwyg Editor

Как мне эти поля подставить в мои дивы чтоб это работало?Читал информацию в документации по ACF но ничего толком не понял.
background_header- это бекграунд всего блока, Product image - это картинка товара по центру,ну и 2 текстовых поля.

Answer 1

[Денис Янчевский]

Вероятно, как-то так:

<div class="promoheaderz">
  <div class='container'>
	<?php while ( have_rows('headerblock') ) : the_row(); ?>
      <div class="row" style="background-image: url(<?php echo get_sub_field('background_header')['url']; ?>);">
        <div class='discount_text dis col-md-4'>
          <?php the_sub_field('Text_left'); ?>
        </div>
        <div class='discount_img col-md-4'>
          <?php $img = get_sub_field('Product_image'); ?>
          <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>">
        </div>
        <div class='discount_text col-md-4 model'>
            <?php the_sub_field('Text_right'); ?>
        </div>
      </div>
	<?php endwhile; ?>
  </div>
</div>

Документация по полю Repeater
Документация по полю Image

Comments

[Виталий Фролов]

Cпасибо Вам большое за ответ.
Cтранно, но почему то не работает..Наверное у меня неверно что то при самом создание repeater...(
Мне же по идее
выбирать layout- row?

[Виталий Фролов]

[Денис Янчевский]

Виталий Фролов, Layout влияет только на отображение полей в админ-панели.
1. Зачем Вам Repeater, если Minimum и Maximum Rows равно 1? Создайте тогда просто один набор полей.
2. Вы заполнили значения полей и выводите их на одной и той же странице?

[Виталий Фролов]

Я вывожу этот блок в шапке сайта.
2. Вы заполнили значения полей и выводите их на одной и той же странице?-
я заполняю значения полей в Setting,ну т.е я туда вывел эти поля,чтоб они отображались с другими настройками темы.Поля заполнены,в хедер воткнул вместо своей вёрстки то что вы мне скинули,в консоле вижу что ничего почему то не выводится.
Minimum и Maximum Rows- поставил дефолтно вместо 1 которая стояла.

[Денис Янчевский]

Виталий Фролов, тогда попробуйте вместо

<?php while ( have_rows('headerblock') ) : the_row(); ?>

написать

<?php while ( have_rows('headerblock', 'option') ) : the_row(); ?>

Get values from an options page