[Resolved] flexbox acf generatepress

Home Forums Support [Resolved] flexbox acf generatepress

Home Forums Support flexbox acf generatepress

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #296061
    Michael

    HI

    I am trying to displaying images fields via generatepress acf and flexbox.

    The link below works on my webpage with html and css. However, when images are dynamic (acf) the images with flexbox just align in one column.

    (flexbox original source: http://codepen.io/mazil/pen/ZbxBLa

    1. I added the flexbox example (http://codepen.io/mazil/pen/ZbxBLa
    ) to my web page successfully and flexbox worked displaying images left to right in grid formation.

    2. Then i tried to add my custom image fields ‘profile_picture’ – The outcome was that images had containers but the flexbox displayed each item/image in one column? I can see the gallery css has ‘display: flex;’ but it’s broken?

    <div class="container">
    	
    		      <?php
    		    $args = array(
    			 'post_type' =>'artist',);
    				$query = new WP_Query( $args ); ?>
           <?php if ( $query->have_posts()) : while ( $query->have_posts() ) : $query->the_post(); ?>
    
    		<?php
    		$attachment_id = get_field('profile_picture');
    	  $size = "medium"; // (thumbnail, medium, large, full or custom size)
    	  $image = wp_get_attachment_image_src( $attachment_id, $size );
    	
    
     if ( $image ) { ?>
    
    			<div class="gallery">
    								<div class="gallery--item"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
    	              <img class="gallery--image" alt="Image of <?php the_title(); ?>" src="<?php echo $image[0]; ?>" />
    	             </a>
                           </div>
    			</div>
    <?php } ?>
    
    <?php endwhile; ?><?else: ?>
    
    <?endif; ?>
    </div>
    #296106
    Tom
    Lead Developer
    Lead Developer

    Flexbox can be super tricky to get working as it’s still pretty new.

    Can you link me to what you have so far?

    #296132
    Michael

    Hey Tom,

    Good to hear from you. I am just working on this website locally.

    I am able to get acf to return the image fields but flexbox just falls into 1 column.

    regards
    Michael

    #296372
    Tom
    Lead Developer
    Lead Developer

    It’s not really something I can help with without seeing the code/end result I’m afraid. Maybe let me know when you put it on a live server?

    #304351
    Michael

    HI Tom

    I would really appreciate you offer to have a look at my test site with the working html.

    http://weiv.com

    Problem urls: (flexbox with acf including working flexbox example with html example – cat images)

    1. weiv.com (Custom field: Artist – field: profile_picture)

    file: content-page-artist.php (generatepress_child)

    2. weiv.com/artist/megan/(Custom field: Artist->Gallery(repeater) ->gallerymeta-> image field

    file: content-single-artist.php (generatepress_child)

    #304556
    Tom
    Lead Developer
    Lead Developer

    What are you wanting it to look like? Any examples?

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.