zackpyle

// A Button that scrolls the page down from section to section smoothly
// Button needs to be positioned absolutely and design using css or a builder
// Here is the demo of this button in use https://youtu.be/_JZ9k0kT7yY?t=382
// Borrowed from https://github.com/thisbit/github_snippets/blob/main/js/scroll-down-button.js and converted to jQuery

jQuery(document).ready(function($) {
    const $button = $('.carret-down');
    const $sections = $('.custom-section');
    
    function* goToNextSection(event) {

zackpyle

// Equal Heights by row

jQuery(document).ready(function($){

    $.fn.equalHeights = function() {
        var max_height = 0;
        $(this).each(function() {
            max_height = Math.max($(this).height(), max_height);
        });
        $(this).each(function() {

zackpyle

<!-- Team CPT (team_member), and Team Category (team_category) - Separeted into their categories -->

<!-- Note: In this case, the order of the taxonomy matters, so we will use a plugin to set
menu order of team_category and use orderby=menu_order to respect that order instead of just outputting it in alpha order -->


<Loop type=taxonomy_term taxonomy=team_category orderby=menu_order>
  <h2><Field title /></h2>
  <Loop type=team_member taxonomy=team_category terms="{Field id}">
    <Field title />

zackpyle

Pull posts from a CPT into a <select> field and then display content from that post based on if it is selected

- This example is showing a list of insurance companies and which states they cover

1. The content is pulled from a CPT called insurance_company. That CPT has a taxonomy called state. Using Loops & Logic, we will output a <select> containing the insurance companies.
2. Next to that, we will output a list of divs, one for each insurance company with their corresponding covered States.
3. Then with the JS, we will hide all those divs, leaving an instructional div showing when nothing is selected. When an insurance company is selected, we will find the matching div and display it.

zackpyle

<?php // ignore - for gist formatting only

// Add Page Slug to Body Class
function add_slug_body_class( $classes ) {
	global $post;
	if ( isset( $post ) ) {
		$classes[] = $post->post_type . '-' . $post->post_name;
	}
	return $classes;
}

zackpyle

<?php // ignore - for github formatting purposes

add_filter( 'fl_builder_map_args', function( $args, $settings ) {
	$args['zoom'] = 18;
	return $args;
}, 10, 2 );

zackpyle

<?php // ignore - for formatting only

// Useful if you are creating custom taxonomines and controlling them with ACF. This will remove all the metaboxes for your custom taxonomies

function edit_taxonomy_args( $args, $tax_slug, $cptui_tax_args ) {
	// Set to false for all taxonomies created with CPTUI.
	$args['meta_box_cb'] = false;
	return $args;
}
add_filter( 'cptui_pre_register_taxonomy', 'edit_taxonomy_args', 10, 3 );

zackpyle

<?php  //ignore this line - for formatting only

// add default image setting to acf image field
add_action('acf/render_field_settings/type=image', 'add_default_value_to_image_field');
function add_default_value_to_image_field($field) {
	acf_render_field_setting( $field, array(
		'label'			=> 'Default Image',
		'instructions'		=> 'Appears when creating a new post',
		'type'			=> 'image',
		'name'			=> 'default_value',

zackpyle

<?php //ignore this line - only for formatting

// Register the truncated ACF shortcode
add_shortcode('truncated_acf_field', 'truncated_acf_field_shortcode');
 
function truncated_acf_field_shortcode($atts) {
    
    // Check if ACF is installed and activated
    if( function_exists('get_field') ) {
 

zackpyle

A Read More button (in Beaver Builder but could be adapted for anywhere)

- I have included html, css, and js examples -

I have added a bunch of comments to help you adapt to your situation and explain it along the way