Advanced Gallery & Repeater Fields for ACF vs Pilo'Press

Advanced Gallery & Repeater Fields for ACF supercharges Advanced Custom Fields with two powerful field types that include built-in frontend display options. No coding required! Enhanced Gallery Field Transform your image galleries with professional layouts – no coding needed! Available Layouts: * Grid – Responsive grid with customizable columns (1-6) * Masonry – Pinterest-style masonry layout * Carousel/Slider – Touch-enabled slider with autoplay, arrows, and dots * Justified – Flickr-style justified rows with perfect alignment * Lightbox – Built-in lightbox modal with thumbnails, keyboard navigation, and swipe support Gallery Features: * WordPress Media Library integration * Drag & drop image reordering * Configurable image sizes * Lazy loading for performance * Caption support * Touch/swipe gestures * Keyboard navigation * Fully responsive 📋 Enhanced Repeater Field Create beautiful repeating content sections with pre-built templates. ** Works with ACF Free & Pro!** – No ACF Pro required for admin editing. Available Layouts: * List – Clean, simple list format * Grid/Cards – Modern card-based grid with images, titles, and CTAs * Table – Organized data table format * Accordion – Collapsible panels with ARIA accessibility * Tabs – Horizontal or vertical tabbed interface * Timeline – Vertical timeline with dates and markers Repeater Features: * Visual admin interface (no ACF Pro needed!) * Add, remove, duplicate, and reorder rows * Field mapping for titles, content, images, links, and dates * ARIA accessibility support * Keyboard navigation * Responsive layouts * Customizable styling Key Features Works with ACF Free! – Both fields fully functional with free ACF Zero Coding – Configure everything in field settings Auto-Rendering – Use standard the_field() or get_field() Fully Responsive – Mobile-friendly layouts Fast Performance – Optimized CSS and JS Accessible – ARIA labels and keyboard navigation WP All Import Compatible – Bulk import data from CSV/XML Developer Friendly – Helper functions and CSS variables for customization SEO Optimized – Semantic HTML markup Translation Ready – Full i18n support Perfect For Photography portfolios Product galleries Team member listings Testimonials FAQs Services showcases Timeline histories Feature comparisons And much more! WP All Import Compatibility Fully compatible with WP All Import Pro and the ACF Add-On: * Enhanced Gallery: Import comma-separated image IDs or URLs * Enhanced Repeater: Import JSON or serialized data * Automatic field type mapping * Bulk data migration support Usage Examples Basic Usage: Helper Functions: Custom Styling: :root { --agrfuxd-columns: 4; --agrfuxd-gap: 20px; --agrfuxd-primary: #0073aa; --agrfuxd-radius: 10px; } Browser Support Chrome (latest) Firefox (latest) Safari (latest) Edge (latest) Mobile browsers (iOS Safari, Chrome Mobile) Developer Documentation Helper Functions agrfuxd_render_enhanced_gallery( $field_name, $post_id ) Manually render an Enhanced Gallery field with its configured layout. Parameters: * $field_name (string) – The field name or key * $post_id (int|null) – Post ID (defaults to current post) Returns: (string) HTML output agrfuxd_render_enhanced_repeater( $field_name, $post_id ) Manually render an Enhanced Repeater field with its configured layout. Parameters: * $field_name (string) – The field name or key * $post_id (int|null) – Post ID (defaults to current post) Returns: (string) HTML output CSS Variables The plugin uses CSS custom properties for easy theming: :root { /* Layout */ --agrfuxd-columns: 3; --agrfuxd-gap: 20px; /* Colors */ --agrfuxd-primary: #2271b1; --agrfuxd-text: #1e1e1e; --agrfuxd-border: #ddd; --agrfuxd-bg: #f9f9f9; /* Design */ --agrfuxd-radius: 8px; --agrfuxd-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Transitions */ --agrfuxd-transition: 0.3s ease; } CSS Classes .agrfuxd-gallery – Gallery wrapper .agrfuxd-gallery-grid – Grid layout .agrfuxd-gallery-masonry – Masonry layout .agrfuxd-gallery-carousel – Carousel layout .agrfuxd-repeater – Repeater wrapper .agrfuxd-repeater-grid – Grid/cards layout .agrfuxd-accordion – Accordion layout .agrfuxd-tabs – Tabs layout .agrfuxd-repeater-timeline – Timeline layout Privacy Policy This plugin does not collect, store, or transmit any user data. All content is stored locally in your WordPress database using standard ACF methods. Credits Developed by UXD Experts – WordPress experts specializing in user experience and custom development.

Pilo’Press is a framework plugin for WordPress. Based on ACF and ACF Extended, it allows you to create layouts among other things and use the Flexible Content field as a page builder. Pilo’Press uses Tailwind CSS for style templating which can be setup and build directly from the back-office. Please note that Tailwind CSS is not mandatory, you can choose to use it or not. Requirements This plugin requires Advanced Custom Fields PRO and Advanced Custom Fields: Extended plugins in order to work correctly. Getting started Activate Advanced Custom Fields Pro plugin Activate ACF Extended plugin Activate Pilo’Press plugin In your theme, create a pilopress folder Within the pilopress folder, create layouts subfolder Within the pilopress folder, create assets subfolder In the index.php file, add the following code: Styles, when you click on “Update & Compile”, TailwindCSS will be compiled remotely using TailwindAPI. Minified CSS files are then created under /pilopress/assets/styles.min.css and /pilopress/assets/styles-admin.min.css. You can manually enqueue those files in your theme for the front-end & the back-end, but we recommend to use automatic enqueue code above. It is possible to manually retrieve the Tailwind PostCSS & JS fields of the administration if you want to build TailwindCSS locally. To do so, you can use the following code: $tailwind_css = get_field( 'pip_tailwind_style', 'pip_styles_tailwind' ); $tailwind_config = get_field( 'pip_tailwind_config', 'pip_styles_tailwind' ); For more details, see Tailwind CSS Documentation. Customizing style To customize default Tailwind CSS styles, go to Pilo'Press > Styles from left navigation menu or top bar menu. For more details about customization, see Github Page. Add new layout In the admin menu Pilo'Press > Layouts, add a new layout Configure the layouts fields Create PHP, CSS and JS files in your theme layout folder /your-theme/pilopress/layouts/your-layout You have to name those files the same way you did in back-office settings Note: only PHP template file is require. Templating To display the content of your post, you have to use the following function: // Pilo'Press content (doesn't need 'echo') the_pip_content(); // Pilo'Press content (needs 'echo') echo get_pip_content(); Components See GitHub Page for complete example. Hooks Available hooks are list and describe in GitHub Page