This code will use ACF's galley field with Divi's native gallery module. Place this code snippet in your single template file located in your child theme directory.

single-template_name.php

<?php 
$columnNumber++
?>

<div class="et_pb_row et_pb_row_<?php echo $columnNumber++ ?> et_pb_gutters2 wcf_gallery_row">
    <div class="et_pb_column et_pb_column_4_4 et_pb_column_<?php echo $columnNumber++ ?>">
        <div class="et_pb_module et_pb_gallery et_pb_gallery_<?php echo $columnNumber++ ?> et_pb_gallery_grid et_pb_bg_layout_light clearfix">
            <div class="et_pb_gallery_items et_post_gallery clearfix" data-per_page="20">
                <?php 
                    $images = get_field('acf_gallery_field');
                    foreach($images as $image):
                ?>
                <div class="et_pb_gallery_item et_pb_grid_item et_pb_bg_layout_light" style="display: block;">
                    <div class="et_pb_gallery_image landscape" style="display: table-cell">
                        <a href="<?php echo $image['url'];?>" title="gallery">
                            <img src="<?php echo $image['url'];?>" alt="gallery">
                            <span class="et_overlay et_pb_inline_icon" data-icon="U"></span>
                        </a>
                    </div>
                </div>
                            
                <?php
                    endforeach;
                ?>

            </div> 
        </div> 
    </div> 
</div>

Hi,
I'm looking desperately for such a solution for a Divi project page.
I'm not a PHP savvy, should I copy the single-project.php to my child folder, erase what in it and paste your code?

HI there,

Not quite. I assume you will be using 'Advanced Custom Fields' gallery module correct?

I’m using the Pro version which has gallery feature. What do you mean by using it in a correct way?

…

On 19 Aug 2019, at 15:37, Carlos Montavlo ***@***.***> wrote: HI there, Not quite. I assume you will be using 'Advanced Custom Fields' gallery module correct? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <https://gist.github.com/d9072065a6c70fdec1a33667e74c29b1?email_source=notifications&email_token=AFOVD425H76P54LPFC5VGHLQFKHYBA5CNFSM4INAFEP2YY3PNVWWK3TUL52HS4DFVNDWS43UINXW23LFNZ2KUY3PNVWWK3TUL5UWJTQAFXHSA#gistcomment-3002144>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFOVD4ZVPEUHO3N36YYP2ZLQFKHYBANCNFSM4INAFEPQ>.

lol, I'm saying "Correct" as in "Do I understand you correctly". Any who, Yes. The code snippet above will work. However, you're still missing some parts. Below will be the entire code for the 'single-project.php' file in your child theme directory.

`<?php

/* =====

Template Name: Single Project

===== */

get_header();

$classIncrement = 0;

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	
	<div class="entry-content">

		<div id="et-boc" class="et-boc">

			<div class="et_builder_inner_content et_pb_gutters3">

				<div class="et_pb_section et_section_regular">

					<div class="et_pb_row et_pb_gutters2 et_pb_row_fullwidth et_pb_row_4col">
						
						<?php
	                	if($custom_post_type_function ->have_posts()) {
						$i = 0;
	                    while($custom_post_type_function ->have_posts()): $custom_post_type_function ->the_post();?>
					
						<div class="et_pb_column et_pb_column_<?php echo $classIncrement++ ?> et_pb_column_1_4">

							<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left">
					
								<div class="et_pb_text_inner">
									<h2><?php the_title();?></h2>
									<p>Custom Post Type Data.</p>
								</div>
				
							</div> <!-- .et_pb_text -->
							
						</div> <!-- .et_pb_column -->
	                    
	                    <?php
	                    $i++;
						if($i % 4 == 0) echo '</div><div class="et_pb_row et_pb_gutters2 et_pb_row_fullwidth et_pb_row_4col" >';
						endwhile;
						} 
						?>

				    </div> <!-- row -->

				</div> <!-- section -->

			</div> <!-- et-boc -->

		</div> <!-- et_builder_inner_content -->
         		
	</div> <!-- .entry-content -->

</article> <!-- .et_pb_post -->

`

Wait, I just noticed embedding the code here didn't render the whole thing. Here is a downloable link to the file. https://dividezigns.com/wp-content/uploads/2019/08/single-project.php_.zip

Don't click that link. Just copy and paste in your address bar.

Yes I copied it. I’m checking

…

On 19 Aug 2019, at 15:58, Carlos Montavlo ***@***.***> wrote: Don't click that link. Just copy and paste in your address bar. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <https://gist.github.com/d9072065a6c70fdec1a33667e74c29b1?email_source=notifications&email_token=AFOVD44UQPTVBECFTDWCEMLQFKKF3A5CNFSM4INAFEP2YY3PNVWWK3TUL52HS4DFVNDWS43UINXW23LFNZ2KUY3PNVWWK3TUL5UWJTQAFXHTE#gistcomment-3002162>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFOVD42I4U2R4DHD5T3FMWLQFKKF3ANCNFSM4INAFEPQ>.

Wait, Apologies again. I forgot to add the ACF code snippet. Below is the updated file. https://dividezigns.com/wp-content/uploads/2019/08/single-project.php_-1.zip

Also make sure to replace the name of your field get_field('acf_gallery_field');. So change 'acf_gallery_field' with whatever your field name is.

Great it works…. But, it eliminate my entire project page leaving just the gallery… Should I only add your script at the bottom of my php file?

…

On 19 Aug 2019, at 16:04, Carlos Montavlo ***@***.***> wrote: Also make sure to replace the name of your field ' get_field('acf_gallery_field');`. So change 'acf_gallery_field' with whatever your field name is. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <https://gist.github.com/d9072065a6c70fdec1a33667e74c29b1?email_source=notifications&email_token=AFOVD4Z53XGUIVQLH6K26HLQFKK7TA5CNFSM4INAFEP2YY3PNVWWK3TUL52HS4DFVNDWS43UINXW23LFNZ2KUY3PNVWWK3TUL5UWJTQAFXHTW#gistcomment-3002171>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFOVD43B77XF27BPBQXTM4TQFKK7TANCNFSM4INAFEPQ>.

Oh I See. You want to incorporate with Divi builder. Then yes. It will have to go either above and below the builder code. If below, try placing the code right before <?php get_sidebar(); ?> tag. And just use the original code. Copy the original code for the parent theme of course.

Thanks, the great thing that it shows the page correctly but I moved one step back with the gallery. I saw some duplication so eliminated the get_header and pasted just from the article on without the footer I’ll need to explore it more and see what I’ve done right in the first time. Thanks for all your great help. Ilan

…

On 19 Aug 2019, at 16:17, Carlos Montavlo ***@***.***> wrote: Oh I See. You want to incorporate with Divi builder. Then yes. It will have to go either above and below the build code. If below, try place the code right before <?php get_sidebar(); ?>. And just use the original code. ` <x-msg://37/%3C?php%20echo%20$image['url'];?%3E> <?php endforeach; ?> </div> </div> </div> ` — You are receiving this because you commented. Reply to this email directly, view it on GitHub <https://gist.github.com/d9072065a6c70fdec1a33667e74c29b1?email_source=notifications&email_token=AFOVD45A6QRHOCAJ4SCX3V3QFKMOZA5CNFSM4INAFEP2YY3PNVWWK3TUL52HS4DFVNDWS43UINXW23LFNZ2KUY3PNVWWK3TUL5UWJTQAFXHUM#gistcomment-3002182>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFOVD42GWYU62GKS7ZAQAVDQFKMOZANCNFSM4INAFEPQ>.

Hello Ilan,

I'm beginner with wordpress and divi.

I copied your snippet into my child theme in single-project.php just before get_sidebar to make my template project with divi theme builder. How can i add my acf gallery to the template ? With module texte and dynamic content ? With shortcode ? Because with module gallery it's impossible to add the acf field.. Sorry for my english, i just speak a litle bit. Thank you