Navneil Naicker

<p><strong>Important Notice for New Users of ACF Photo Gallery Field</strong></p>
<p>If you are installing the ACF Photo Gallery Field for the first time on your WordPress website, we’d like to inform you that this plugin will no longer be maintained as of October 2024. As an alternative, we have launched a new and improved plugin called <a href="https://wordpress.org/plugins/acf-galerie-4/" rel="ugc">ACF Galerie 4</a>.</p>
<p>We encourage you to check out <a href="https://wordpress.org/plugins/acf-galerie-4/" rel="ugc">ACF Galerie 4</a> for enhanced features and ongoing support. ACF Galerie 4 includes a built-in migration tool that seamlessly transfers data from ACF Photo Gallery Field or ACF Gallery Pro to ACF Galerie 4. <a href="https://wordpress.org/support/topic/migrate-from-acf-photo-gallery-field-to-acf-galerie-4/" rel="ugc">Learn more</a>.</p>
<p>Thanks</p>
<p>A lightweight extension of Advanced Custom Field (ACF) that adds <strong>Photo Gallery</strong> field to any post/pages on your WordPress website.</p>
<ul>
<li>Visually create your Fields</li>
<li>Add multiple photos and you can also modify title, caption and link to anything</li>
<li>Assign your fields to multiple edit pages (via custom location rules)</li>
<li>Easily load data through a simple and friendly API</li>
<li>Uses the native WordPress custom post type for ease of use and fast processing</li>
<li>Uses the native WordPress metadata for ease of use and fast processing</li>
<li>Supports WordPress classic and Gutenberg editor</li>
<li>RESTFul API</li>
</ul>
<h4>Donation</h4>
<p>Navneil Naicker is the sole developer working on this free WordPress Plugin in his leisure time. He would like to integrate it with premium plugins like Elementor Pro and Advanced Custom Fields Pro. Please donate to support Navneil in continuing further development of this plugin. Click on the link “<a href="https://www.buymeacoffee.com/navzme" rel="nofollow ugc">https://www.buymeacoffee.com/navzme</a>” to donate.</p>
<h4>Usage</h4>
<p><em>acf_photo_gallery</em> is a helper function that takes in <strong>ACF_FIELD_NAME</strong> and <strong>POST_ID</strong> will query the database and compile the images for you. The output of this function will be an array.</p>
<pre><code>acf_photo_gallery(ACF_FIELD_NAME, POST_ID);
</code></pre>
<h4>Example</h4>
<p>The following example is using Twitter Bootstrap framework to layout. You can use any framework of your choice.</p>
<pre><code><?php
    //Get the images ids from the post_metadata
    $images = acf_photo_gallery('vacation_photos', $post->ID);
    //Check if return array has anything in it
    if( count($images) ):
        //Cool, we got some data so now let's loop over it
        foreach($images as $image):
            $id = $image['id']; // The attachment id of the media
            $title = $image['title']; //The title
            $caption= $image['caption']; //The caption
            $full_image_url= $image['full_image_url']; //Full size image url
            $full_image_url = acf_photo_gallery_resize_image($full_image_url, 262, 160); //Resized size to 262px width by 160px height image url
            $thumbnail_image_url= $image['thumbnail_image_url']; //Get the thumbnail size image url 150px by 150px
            $url= $image['url']; //Goto any link when clicked
            $target= $image['target']; //Open normal or new tab
            $alt = get_field('photo_gallery_alt', $id); //Get the alt which is a extra field (See below how to add extra fields)
            $class = get_field('photo_gallery_class', $id); //Get the class which is a extra field (See below how to add extra fields)
?>
<div class="col-xs-6 col-md-3">
    <div class="thumbnail">
        <?php if( !empty($url) ){ ?><a href="<?php echo $url; ?>" <?php echo ($target == 'true' )? 'target="_blank"': ''; ?>><?php } ?>
            <img src="<?php echo $full_image_url; ?>" alt="<?php echo $title; ?>" title="<?php echo $title; ?>">
        <?php if( !empty($url) ){ ?></a><?php } ?>
    </div>
</div>
<?php endforeach; endif; ?>
</code></pre>
<h4>Add Extra Fields</h4>
<p>To add extra fields add the following to your themes functions.php file.</p>
<pre><code>//Create extra fields called Altnative Text and Status
function my_extra_gallery_fields( $args, $attachment_id, $acf_key ){
    $args['alt'] = array(
        'type' => 'text', 
        'label' => 'Altnative Text', 
        'name' => 'alt', 
        'value' => get_field($field . '_alt', $attachment_id)
    );
    $args['status'] = array(
        'type' => 'select', 
        'label' => 'Status', 
        'name' => 'status', 
        'value' => array(
            array(
                '1' => 'Active',
                 '2' => 'Inactive'
            ), 
            get_field($field . '_status', $attachment_id)
        )
    );
    return $args;
}
add_filter( 'acf_photo_gallery_image_fields', 'my_extra_gallery_fields', 10, 3 );
</code></pre>
<p>Supported field types:<br />
* text, date, color, datetime-local, email, number, tel, time, url, week, range, checkbox, radio, textarea, select</p>
<h4>How to get values of extra fields</h4>
<p>You can use ACF helper function <code>get_field</code></p>
<pre><code>get_field('photo_gallery_alt', $id);
get_field('photo_gallery_class', $id);
</code></pre>
<h4>Pull caption from attachment caption field</h4>
<p>By default the caption is being pulled from description field. Add the following filter to your <code>function.php</code> to pull the caption from attachment caption field.</p>
<pre><code>add_filter( 'acf_photo_gallery_caption_from_attachment', '__return_true' );
</code></pre>
<h4>REST API</h4>
<p>Send HTTP Request to URL to get JSON response of all posts</p>
<pre><code>http://{domain}/wp-json/wp/v2/{POST_TYPE}/
</code></pre>
<p>Send HTTP Request to URL to get JSON response of specific post</p>
<pre><code>http://{domain}/wp-json/wp/v2/{POST_TYPE}/{POST_ID}/
</code></pre>
<p>When you receive the response, see the ACF item which contains ACF photo gallery name and array of images.</p>
<h4>Installation and basic usage tutorial</h4>
<p><iframe loading="lazy" title="ACF Photo Gallery Field - Installation and Basic Usage | WordPress" width="750" height="422" src="https://www.youtube.com/embed/c7u9FwVLe9Q?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>ACF Photo Gallery Field on WordPress Custom Post Type tutorial</h4>
<p><iframe loading="lazy" title="ACF Photo Gallery Field on WordPress Custom Post Type" width="750" height="422" src="https://www.youtube.com/embed/5iTV0JVFFOE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>How to use Elementor dynamic tags with ACF Photo Gallery Field plugin tutorial</h4>
<p><iframe loading="lazy" title="How to use Elementor dynamic tags with ACF Photo Gallery Field plugin | WordPress" width="750" height="422" src="https://www.youtube.com/embed/XlSx_weZXoU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with: ACF 4, 5 and 6</p>
<h4>Issues</h4>
<p>Just like any other WordPress plugin, this plugin can also cause issues with other themes and plugins. If you are facing issues making this plugin work on your WordPress site, please do ask for help in the support forum. This way we can help you out and prevent this issue from happening to someone else. If you want to talk to me directly, you can contact me via my website <a href="http://www.navz.me/" rel="nofollow ugc">http://www.navz.me/</a></p>


ACF Photo Gallery Field

Hi,

I would like to say that is a nice solution, I use it quite often :)

The great solution :)

PHP Fatal error

A lightweight extension of Advanced Custom Field (ACF) that adds Photo Gallery field to any post/pages on your WordPress website.

bobbingwide

vsgloik

<p>Now with 9 blocks:</p>
<ul>
<li>Address – Displays your address from oik-options</li>
<li>Contact form – Displays a contact form</li>
<li>Contact field – Part of the Contact form</li>
<li>Countdown – Countdown / count since timer</li>
<li>Dynamic content – Dynamic content block</li>
<li>Follow me – Displays your social media links</li>
<li>Google Maps – Displays a Google Maps map using oik options</li>
<li>PayPal button – PayPal button for: Pay Now, Buy Now, Donate, Add to Cart, and View Cart / Checkout</li>
<li>Shortcode block for oik shortcodes – Expands oik shortcodes</li>
</ul>
<p>The <em>oik base</em> plugin provides a series of advanced WordPress shortcodes that help you display dynamic content from your website’s pages, posts, attachments, links and custom post types.<br />
The OIK Information Kit uses lazy smart shortcode technology to display your WordPress website’s content including your often included key-information.<br />
The functionality in the oik base plugin is used by over 40 other WordPress plugins, providing powerful facilities for an efficient, performant website.</p>
<p>oik now provides over 80 shortcodes including:</p>
<ul>
<li>[bw_pages], [bw_posts], [bw_thumbs], [bw_attachments], [bw_images], [bw_pdf] shortcodes to list subpages, posts, attachments or custom post types </li>
<li>[bw_cycle] to display content using jQuery cycle.</li>
<li>[bw_list], [bw_tree] to display lists of links to pages, posts, attachments or custom post types </li>
<li>[bw_table] to tabulate pages, posts or custom post types</li>
<li>[bw_bookmarks] to list links</li>
<li>[paypal] shortcodes for PayPal buttons: Pay Now, Buy Now, Donate, Add to Cart, View Cart/Checkout</li>
<li>[bw_block] & [bw_eblock], [div] & [ediv], [clear] – to create block structures within your pages, posts and even widgets</li>
<li>[bw_button], [bw_contact_button] – to provide call-to-action button style links for Artisteer themes</li>
<li>helper shortcodes for web designers and developers: [bw_editcss], [bwtrace], [bw_wpadmin], [bw_wtf], [stag] & [etag]</li>
</ul>
<p>oik helps you to display information about you, your company, your social networking ids and your website using standard formats that search engines such as Google recognise.</p>
<ul>
<li>You enter your information once, then use oik shortcodes to display it wherever you want; in titles, post and page content, header, sidebar and footer widgets.</li>
<li>Whenever you need to change a value you only need to update it in one place; and your website is updated instantly.</li>
<li>Shortcodes to display often included key information include: [bw_contact], [bw_telephone], [bw_mobile], [bw_mailto], [bw_company], [bw_address], [bw_show_googlemap], [bw_directions], [bw_logo], [bw_qrcode], [bw_copyright]</li>
<li>For your social networking use the [bw_follow_me] shortcode to display your links to Twitter, Facebook, LinkedIn, etcetera</li>
</ul>
<p>Features:</p>
<ul>
<li>oik provides buttons to help you write the shortcodes, showing you the parameters you can choose and default values </li>
<li>oik provides a shortcode discovery page where you can find out about every shortcode which is active in your site</li>
<li>lazy programming means that code is only loaded when it’s actually needed</li>
<li>smart means that the shortcodes can recognise the content in which they’re used and adjust their behaviour accordingly</li>
<li>oik is extendable – plugin developers can build on the oik base functionality </li>
<li>using the oik API: help, syntax information, examples AND HTML snippets can be produced for any plugin or theme that provides shortcodes</li>
<li>oik is theme independent; meaning that you can change your theme without having to worry about whether or not the shortcodes will still work.</li>
<li>oik uses microformats so that Google and other search engines can understand your content.</li>
</ul>
<h3>Further reading</h3>
<p>If you want to read more about the oik plugins then please visit the<br />
<a href="https://www.oik-plugins.com/oik" rel="nofollow ugc">oik plugin</a><br />
<strong>“the oik plugin – for often included key-information”</strong></p>
<h4>Other plugins</h4>
<p>Other plugins which depend upon the oik API are available on WordPress.org:</p>
<ul>
<li><a href="https://www.wordpress.org/extend/plugins/bbboing" rel="nofollow ugc">bbboing</a> – obfuscate text but leave it readable</li>
<li><a href="https://www.wordpress.org/extend/plugins/cookie-cat" rel="nofollow ugc">cookie-cat</a> – [cookies] shortcode to list the cookies your website may use</li>
<li><a href="https://www.wordpress.org/extend/plugins/oik-batchmove" rel="nofollow ugc">oik-batchmove</a> – batch change post categories or published date</li>
<li><a href="https://wordpress.org/extend/plugins/oik-nivo-slider/" rel="ugc">oik-nivo-slider</a> – [nivo] shortcode for the jQuery “Nivo slider” for posts, pages, attachments and custom post types</li>
<li><a href="https://www.wordpress.org/extend/plugins/oik-privacy-policy" rel="nofollow ugc">oik-privacy-policy</a> – generate a privacy policy page, compliant with UK cookie law (EU cookie directive)</li>
<li><a href="https://wordpress.org/plugins/oik-read-more" rel="ugc">oik-read-more</a> – progressively reveal content by clicking on “read more” buttons</li>
</ul>
<p>Plugins which participate with oik shared libraries are:</p>
<ul>
<li><a href="https://wordpress.org/plugins/oik-bwtrace/" rel="ugc">oik-bwtrace</a> – Debug trace for WordPress, including action and filter tracing</li>
<li><a href="https://www.wordpress.org/extend/plugins/oik-css" rel="nofollow ugc">oik-css</a> – [bw_css] for CSS styling per page</li>
<li><a href="https://wordpress.org/extend/plugins/uk-tides/" rel="ugc">uk-tides</a> – [bw_tides] shortcode for tide times and heights in the UK  (replaces oik-tides)</li>
</ul>
<p>These plugins are not dependent upon oik:</p>
<ul>
<li><a href="https://wordpress.org/plugins/allow-reinstalls/" rel="ugc">allow-reinstalls</a> – Allow re-installation of plugins and themes by upload</li>
<li><a href="https://wordpress.org/plugins/oik-weight-zone-shipping" rel="ugc">oik-weight-zone-shipping</a> – Weight Zone Shipping for WooCommerce</li>
<li><a href="https://wordpress.org/plugins/oik-weightcountry-shipping" rel="ugc">oik-weightcountry-shipping</a> – Weight/Country Shipping for WooCommerce</li>
</ul>
<p>More FREE and Premium plugins are available from <a href="https://www.oik-plugins.com/wordpress-plugins-from-oik-plugins/" rel="nofollow ugc">oik-plugins.com</a> including:</p>
<ul>
<li><a href="https://www.oik-plugins.com/oik-plugins/diy-oik" rel="nofollow ugc">diy-oik</a> – Do-It-Yourself shortcodes</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-blocks" rel="nofollow ugc">oik-blocks</a> – WordPress blocks for oik shortcodes</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/external-link-warning-jquery/" rel="nofollow ugc">oik-External link warning jQuery</a> – Warns visitor about leaving your site</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-fields-custom-post-type-field-apis" rel="nofollow ugc">oik-fields</a> – custom post type field APIs</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-ms-oik-multisite-shortcodes/" rel="nofollow ugc">oik-ms</a> – oik MultiSite shortcodes</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-mshot" rel="nofollow ugc">oik-mshot</a> – Shortcode to display the “mshot” of an URL; oik-fields extension</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-rating" rel="nofollow ugc">oik-rating</a> – 5 star rating custom field; oik-fields extension</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-testimonials" rel="nofollow ugc">oik-testimonials</a> – Manage and display testimonials.</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-todo-todo-list" rel="nofollow ugc">oik-todo</a> – TO DO list</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-types" rel="nofollow ugc">oik-types</a> – custom content type, field and taxonomy manager</li>
<li><a href="https://www.oik-plugins.com/oik-plugins/oik-user" rel="nofollow ugc">oik-user</a> – display oik information for each site user</li>
</ul>
<p>oik plugins are suitable for:</p>
<ul>
<li>WordPress site owners</li>
<li>WordPress site administrators</li>
<li>WordPress designers</li>
<li>WordPress web site developers </li>
<li>WordPress plugin developers</li>
</ul>
<p>oik plugins are tested with:</p>
<ul>
<li>WordPress</li>
<li>WordPress Multisite</li>
<li>PHP 8.1, PHP 8.2, PHP 8.3 & PHP 8.4</li>
<li>PHPUnit 9.6, 10.5 & 11.4</li>
</ul>
<p>All of the plugins are developed using a set of functions that can make PHP and HTML coding a bit easier.<br />
These are known as the <a href="https://www.oik-plugins.com/apis/oik-apis" rel="nofollow ugc">OIK Application Programming Interface (OIK API)</a></p>


Over 80 advanced, powerful shortcodes, and 9 blocks for displaying the content of your WordPress website.

ACF Photo Gallery Field vs oik