Skip to content

Create An ACF Repeater Bootstrap Accordion in WordPress

Accordion Acf Repeater

Create An ACF Repeater Bootstrap Accordion for use in WordPress. Accordions can be a handy way of managing larger amounts of data to display only certain bits at a time this guide shows how to use a Boostrap accordion with ACF, a non-bootstrap guide is here. Create the ACF Repeater fields for the Bootstrap accordion.…

Read More

Create A Bootstrap 4 Carousel Slider With ACF Image Repeater

Acf Bootstrap Carousel Slider

Create a Bootstrap 4 carousel slider of images with ACF Pro Repeater field in WordPress. There are a few options in that the carousel can be plain, add navigation and add a caption, 4 examples can be seen below.   Create the ACF Repeater fields for Bootstrap carousel.   Here an image and text field…

Read More

Create A Responsive Bootstrap 4 Tab/Accordion ACF Repeater Loop

Boostrap Acf Repeater Tabs

Create a Responsive Bootstrap 4 Tab/Accordion ACF Repeater Loop for use in WordPress. Bootstrap 4 Tabs stay as tabs in all viewport sizes which isn’t great responsively for larger content, however, this code has been adjusted to go from Bootstrap tabs to accordions at a certain breakpoint. (There is also another non-Bootstrap script that does…

Read More

Create an ACF Repeater Loop of Bootstrap Modals in WordPress

Foreach Loop Bootsrap Modals

Create a while loop of Bootstrap Modals with an ACF Repeater field in WordPress. Create the ACF Repeater fields.   You can create as many fields as needed, this example uses 3 basic fields, assign the field group to a post or page and populate the repeater rows. Add the ACF Loop Code View the…

Read More

Creating a loop of Bootstrap Modals

Foreach Loop Bootsrap Modals

To create a loop of Bootstrap style modals on a page, you can use a foreach or while loop in PHP. First, let’s do the code for one modal. Single Modal Code <!– Button to Open the Modal –> <button type=”button” class=”btn btn-primary” data-toggle=”modal” data-target=”#myModal”> Open modal </button> <!– The Modal –> <div class=”modal” id=”myModal”>…

Read More

Conditional Check if Custom Post Type Posts Are Published

Check Cpt Loop Conditionally

You can check on the existence of published Custom Post Types by using a new WP_Query loop with an if/else statement, as the CPT is already registered it is difficult to use a conditional check without checking the loop of posts. add_filter(‘wp_nav_menu_primary-menu_items’, ‘wpb_add_menu_item’, 10, 2); // Add to primary menu based on CPT existence function…

Read More
Scroll To Top