我正在使用ACF Pro制作一个带滑头的滑动旋转木马。我可以让它与基本的gallery字段一起工作,但当我试图显示包含多个子字段的repeater字段时,我甚至无法让它显示出来。我不确定我到底做错了什么,但我已经玩了一段时间了,我觉得我已经有一半了。
Working PHP
<!-- Slider 1 -->
<?php
//Fields
//slider_portfolio = Gallery Field
$images = get_field(\'slider_portfolio\');
if( $images ): ?>
<div class="slider-for">
<?php foreach( $images as $image ): ?>
<div class="slick-container">
<img src="<?php echo $image[\'url\']; ?>" alt="<?php echo $image[\'alt\']; ?>" />
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
Non-Working PHP 这是我正在尝试的版本。它当前是中继器字段中的一个图像子字段。
字段:
slider\\u image=字段(中继器字段)
公文包\\u slider=子字段(图像字段)
<!-- Slider 2 -->
<?php
//Image Slider
//slider_image = field (repeater field)
//portfolio_slider = subfield (image field)
function agero_slider() {
if( have_rows(\'slider_image\') ):
echo \'<div class="slider-for">\';
// loop through the rows of data
while ( have_rows(\'slider_image\') ) : the_row();
// display a sub field value
//vars
$image = get_sub_field(\'portfolio_slider\');
?>
<div><img src="<?php echo $image[\'url\']; ?>"/></div>
<?php
endwhile;
echo \'</div>
<div class="slider-nav">\';
// loop through the rows of data
while ( have_rows(\'slider_image\') ) : the_row();
// display a sub field value
//vars
$image = get_sub_field(\'portfolio_slider\');
?>
<div><img src="<?php echo $image[\'url\']; ?>"/></div>
<?php
endwhile;
echo \'</div>\';
else :
// no rows found
endif;
}
?>
JS Code This works, even though I need to build on it.
jQuery(document).ready(function($){
$(\'.slider-for\').slick({
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
asNavFor: \'.slider-for\',
focusOnSelect: true,
fade: true,
autoplay: false
});
});
我不知道为什么第一个代码可以工作,但第二个代码不能工作。
相关链接:
Slick - http://kenwheeler.github.io/slick/
The Tutorial that I am using as a rough guide to get started - http://wpbeaches.com/coding-a-slider-with-slick-and-acf-pro-in-wordpress/
如果有人可以建议我做错了什么,或者可以建议一种具体的方法,在多张幻灯片旋转木马中显示多个自定义字段,其中文本字段随每张幻灯片图像的变化而变化。一旦我能做到这一点,我就可以通过使每个转发器字段成为一张幻灯片来扩展它,可以通过UI进行更新。
我想我可能做错了。我想知道我是否需要在一个灵活的内容字段或其他内容中添加所有内容?现在还不确定,但第二个中继器示例似乎应该可以工作。