block-quotes-item.php 1.7 KB
<?php

/**
 * Quotes Block Template.
 *
 * @param   array $block The block settings and attributes.
 * @param   string $content The block inner HTML (empty).
 * @param   bool $is_preview True during AJAX preview.
 * @param   (int|string) $post_id The post ID this block is saved to.
 */

// Create id attribute allowing for custom "anchor" value.
$id = 'slider-' . $block['id'];
if( !empty($block['anchor']) ) {
    $id = $block['anchor'];
}

// Create class attribute allowing for custom "className" and "align" values.
$className = 'slider';
if( !empty($block['className']) ) {
    $className .= ' ' . $block['className'];
}
if( !empty($block['align']) ) {
    $className .= ' align' . $block['align'];
}
if( $is_preview ) {
    $className .= ' is-admin';
}

?>
<div id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($className); ?> quotes same-height">

        <h3>SOME OF OUR BEST QUOTES:</h3>
        <?php if( have_rows('quote') ): ?>
            <ul class="slides">
                <?php while( have_rows('quote') ): the_row(); 
                    $image = get_sub_field('image');
                    ?>
                        <li class="container quote">
                            <div class="row">
                                <div class="col col-sm-4">
                                    <img class="quote_image" src="<?php echo $image['url'];?>" />
                                </div>
                                <div class="col col-sm-8"><p><?php the_sub_field('text'); ?></p></div>
                            </div>
                        </li>
                <?php endwhile; ?>
        </ul>
    
        <?php else: ?>
            <p>Please add some slides.</p>
        <?php endif; ?>
    </div>