Image Carousel Thumbnail Slider with SwiperJS and ACF in WordPress
Here is a guide on how to make an image carousel thumbnail slider with SwiperJS and ACF in WordPress. (I have done a similar tutorial with LightersliderJS but that library is no longer updated). Using SwiperJS, I just want to display simple thumbnails below the main image which on click/touch show the image in the…
Read MoreGetting your Bootstrap Popover Popper going on in Beaver Theme
Bootstrap Popover is a nifty little tool like a tool tip function that displays more text like clicking on the button below. Show me the popover Set up the javascript files Careful of the names we are talking about Popovers but we need a Popper JS file…. Get popper.min.js Create a popover-init.js file with the…
Read MoreImage Carousel Thumbnail Slider with ACF Gallery Field in WordPress
Here is a guide on how to make an image carousel thumbnail slider with ACF in WordPress using the ACF gallery field. Lightslider, a lightweight image slider seems to fit the bill perfectly – I need it to just display simple thumbnails below the main image which on click/touch show the image in the main slide…
Read MoreCreate An ACF Repeater Bootstrap Accordion in WordPress
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 MoreCreate A Bootstrap 4 Carousel Slider With ACF Image Repeater
Here is how to create a Bootstrap 4 carousel slider of images with ACF Pro Repeater field in WordPress. There are a few options in that the Bootstrap carousel can be plain, add navigation and add a caption, 4 examples can be seen below in the demo lower in the post. Create the ACF…
Read MoreCreate a Loop of Bootstrap 4 Tabs in WordPress with ACF Repeater
This tutorial looks to Create a while loop of Bootstrap 4 Tabs with an ACF Repeater field in WordPress. You need to already have Bootstrap 4 enabled in your theme and ACF Pro plugin installed. Create the ACF Repeater fields for the tabs. You can create as many tabs as needed, assign the field…
Read MoreCreate An ACF Repeater Accordion in WordPress
Create An ACF Repeater 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. Create the ACF Repeater fields for the accordion. You can create as many accordion fields as needed, assign the field group to a post or…
Read MoreCreate A Responsive Bootstrap 4 Tab/Accordion ACF Repeater Loop
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 MoreCreate an ACF Repeater Loop of Bootstrap Modals in WordPress
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 MoreCreate Multiple Marker Map from ACF Google Map Location Field from a CPT
Here is a rundown on how to get a multiple marker Google map on a page that contains markers for a business dealer that has it’s own Custom Post Type (CPT). Each dealer has it’s own CPT with an individual map location marker and also another agnostic page that has all the dealers map markers in a…
Read More