This members-only tutorial provides the steps to display sub fields of an Advanced Custom Fields Pro's Repeater field as a responsive carousel using Swiper, a mobile touch slider in Oxygen.
We are going to
Install and activate ACF Pro, Advanced Custom Fields: Font Awesome and My Custom Functionality plugins.
Go to Custom Fields > Add New and add a field group titled say, "Page Meta".
Add a services Repeater field having your sub fields.
Here (mirror) is an export file that you could import.
Make sure the image sub field is a "Font Awesome Icon" type field. Set Return Value to Icon Element. Set Enqueue FontAwesome to Yes.
Set the field group to appear on Page post type.
Create/edit a Page, scroll down to Page Meta section and add as many rows as you want.
Let's load Swiper on static Pages.
Connect to your hosting account using a FTP client and navigate to site's wp-content/plugins/my-custom-functionality-master.
Upload swiper.min.css to the plugin's assets/css directory and swiper.min.js to assets/js directory.
Edit plugin.php and add the following inside custom_enqueue_files() function:
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $399 one-time).
Already a member? Log in below or here.
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 432 other subscribers
Please log in again.
The login page will open in a new tab. After logging in you can close it and return to this page.