Transform ACF's flexible layouts list into a nice and UX popup.

Maxime Culea

ACF Beautiful Flexible

ACF Beautiful Flexible: Transform ACF's flexible layouts list into a beautiful popup.

UX Design Experts

Advanced Gallery & Repeater Fields for ACF

Advanced ACF fields with built-in layouts. Works with free ACF! Gallery & Repeater fields with masonry, carousel, lightbox & more.

rajivlodhia

ACF: Google Maps Field (Multiple Markers)

An advanced Google Maps field for ACF that allows you to add multiple markers/pins to a single map field.

BE API

<p>Transform ACF’s flexible layouts list into a nice and UX popup.</p>
<h3>How ?</h3>
<p>By default there is a “default” image for layouts. But the idea is to customize them by adding your own.</p>
<h3>Image convention</h3>
<ul>
<li>The size of image should be 366 x 150 or bigger 732 x 300.</li>
<li>They should be named based on the flexible key (<code>push_2_light</code>) with no underscores but dashes (<code>push-2-light.[extension]</code>).</li>
<li>The following extensions will be resolved in that order: <code>.jpg</code>, <code>.jpeg</code>, <code>.png</code> and <code>.gif</code>.</li>
</ul>
<h3>Where images should be situated</h3>
<p>They should more likely be situated into your theme <code>wp-content\themes\my-theme\assets\bea-beautiful-flexible\</code>. But if you have a child-theme and added images into it, these will overwrite those from parent-theme.<br />
The following directories will be solved according to order: plugin’s folder, child theme’s folder, theme’s folder.</p>
<p>Also note that you can filter this path to gather all your images into a same folder :</p>
<pre><code>add_filter( 'bea.beautiful_flexible.images_path', $path );
</code></pre>
<p>Finally, you could filter all images like this :</p>
<pre><code>add_filter( 'bea.beautiful_flexible.images', $images );<h3>Who ?</h3>
</code></pre>
<h3>Credits</h3>
<p>Special thanks to HWK, from his blogpost, we created a WordPress plugin with custom tuning (js+css).</p>
<h3>Creator</h3>
<p>Created by <a href="https://beapi.fr" rel="nofollow ugc">Be API</a>, the French WordPress leader agency since 2009. Based in Paris, we are more than 30 people and always <a href="https://beapi.workable.com" rel="nofollow ugc">hiring</a> some fun and talented guys. So we will be pleased to work with you.</p>
<p>This plugin is only maintained, which means we do not guarantee some free support. Consider reporting an <a href="https://github.com/BeAPI/bea-media-analytics/issues" rel="nofollow ugc">issue</a> and be patient.</p>
<p>To facilitate the process of submitting an issue and quicker answer, we only use Github, so don’t use WP.Org support, it will not be considered.</p>


BEA – Beautiful Flexible

Not working any more, plugin used hooks from ACF that do not exists any more.

Alternatives to BEA – Beautiful Flexible

Top alternatives