zackpyle

jQuery(document).ready(function($) {
    
    // Hide all expanded steps
    $('.expandedstep').hide()
    
    //Show expanded steps while in the builder
    $('html.fl-builder-edit .expandedstep').show();
    
    // When an expand step button is clicked
    $('.expandstepbtn').on('click', function(e) {

zackpyle

Collection of PowerPack module customizations I've gathered over the years

zackpyle

Auto Play/Pause Vimeo/Youtube videos on Bootstrap modal open/close

If you are using Bootstrap modals and have Youtube or Vimeo videos inside of them, you can use js to auto play/pause the video when the modal is opened/closed.

There are three options below.

1. Vimeo using the Player SDK to pause/play
2. Youtube by removing/adding the src when closing and and adding &autoplay=1 when opening
3. Youtube by using the YouTube Player API, but you have to add the video via js to control it with the API

zackpyle

<?php //ignore - only for formatting

// Adds the all assigned terms from 'fl-builder-template-category' into 'data-category' attribute
// You can target what you need by using a wildcard selector like [data-category*="your_category"]

add_filter( 'fl_render_content_by_id_attrs', function( $attrs, $post_id ) {  
    $terms = wp_get_post_terms($post_id, 'fl-builder-template-category');
    if (!is_wp_error($terms) && !empty($terms)) {
        $term_slugs = array();
        foreach ($terms as $term) {

zackpyle

<?php //ignore - only for formatting

add_filter( 'fl_module_upload_regex', function( $regex, $type, $ext, $file ) {
	$regex['photo'] = '#(jpe?g|png|gif|bmp|tiff?|webp|svg)#i';
	return $regex;
}, 10, 4 );

zackpyle

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

  let themerPartsBeforeHeader = $('div[data-type="part"]').prevUntil('header');
  // Show only the first Themer Part if there are two or more before the <header>
  if (themerPartsBeforeHeader.length > 1) {
    themerPartsBeforeHeader.slice(1).hide();
  }

});

zackpyle

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

function add_taxonomy_to_single( $classes ) {
    if ( is_single() ) {
        global $post;
        $my_terms = get_the_terms( $post->ID, 'insert_taxonomy_slug' );
        if ( $my_terms && ! is_wp_error( $my_terms ) ) {
            $classes[] = $my_terms[0]->slug;
        } 
    }

zackpyle

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

function add_slug_body_class( $classes ) {
	global $post;
	if ( isset( $post ) ) {
		$classes[] = $post->post_type . '-' . $post->post_name;
	}
	return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );

zackpyle

Take the current user's wordpress role, and add it to the body class as role-[users role]

zackpyle

Collection of useful ACF Snippets

1. Add Field to Body Class
2. Custom Excerpt Field
3. Default Image
4. Google Address Shortcode
5. Google Map Multiple Marker Shortcode
6. Numbers with commas
7. Repeater + Bootstrap Modal + Modal Nav
8. Repeater with button for Show-Hide